:root{--brand:#17744c;--brand-strong:#115a3b;--brand-soft:#dcefe3;--on-brand:#fff;--accent:#b04e1c;--accent-strong:#93401a;--accent-soft:#f8e4d6;--on-accent:#fff;--bg:#f7f5ef;--surface:#fffefa;--surface-2:#edeae0;--text:#14231f;--muted:#4a5550;--border:#dad6ca;--danger:#a12b36;--danger-soft:#f8e3e4;--warn:#85600f;--warn-soft:#f7eed8;--ok:#3f6b45;--ok-soft:#e2eee3;--info:#3d5f80;--info-soft:#e4ebf2;--radius:12px;--shadow:0 1px 2px #2b2c290f, 0 4px 16px #2b2c2912;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--brand:#6fd3a0;--brand-strong:#9be2bd;--brand-soft:#1c3a2f;--on-brand:#14231f;--accent:#f2a06e;--accent-strong:#f6bb94;--accent-soft:#3f2a1e;--on-accent:#14231f;--bg:#101b18;--surface:#172925;--surface-2:#1f332e;--text:#f7f5ef;--muted:#9db0a7;--border:#2c433c;--danger:#f08a92;--danger-soft:#3d2124;--warn:#e2b75c;--warn-soft:#372d17;--ok:#8fcf97;--ok-soft:#1f3322;--info:#9dbde0;--info-soft:#1f2b38;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}a{color:var(--accent)}a:not(.btn):hover{color:var(--accent-strong)}img{max-width:100%;display:block}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-weight:500;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.btn:hover{border-color:var(--muted)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:1px}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-accent:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.btn-ghost{background:0 0;border-color:#0000}.btn-sm{min-height:36px;padding:0 .7rem;font-size:.9rem}.btn-block{width:100%}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:10px;padding:.55rem .75rem}textarea{resize:vertical;min-height:80px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;accent-color:var(--brand);flex:none;margin:0}input[type=color]{width:64px;padding:4px}input[type=file]{padding:.5rem}label.field{flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:500;display:flex}label.field>small,.hint{color:var(--muted);font-size:.85rem;font-weight:400}label.check{cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.95rem;display:flex}label.check input{margin-top:2px}.stack{flex-direction:column;gap:1rem;display:flex}.stack-sm{flex-direction:column;gap:.5rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.875rem}.right{text-align:right}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.card>h2:first-child,.card>h3:first-child{margin-bottom:.9rem}.badge{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-brand{background:var(--brand-soft);color:var(--brand-strong)}.alert{background:var(--info-soft);color:var(--info);border-radius:10px;padding:.75rem 1rem;font-size:.95rem}.alert-error{background:var(--danger-soft);color:var(--danger)}.alert-warn{background:var(--warn-soft);color:var(--warn)}.alert-ok{background:var(--ok-soft);color:var(--ok)}table.table{border-collapse:collapse;width:100%;font-size:.93rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .5rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.table-wrap{overflow-x:auto}.divider{background:var(--border);height:1px;margin:.5rem 0}.center-page{place-items:center;min-height:100vh;padding:1.5rem 1rem;display:grid}.auth-card{width:100%;max-width:420px}.logo{align-items:center;gap:.5rem;display:inline-flex}.logo img{max-width:100%;height:auto;display:block}.overlay{z-index:1000;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.overlay.center{justify-content:center;align-items:flex-end}@media (width>=700px){.overlay.center{align-items:center;padding:1rem}}.drawer{background:var(--bg);width:min(560px,100%);height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow-y:auto}.modal{background:var(--surface);width:min(560px,100%);max-height:92vh;box-shadow:var(--shadow);border-radius:16px 16px 0 0;overflow-y:auto}@media (width>=700px){.modal{border-radius:16px}}.panel-head{background:inherit;border-bottom:1px solid var(--border);z-index:2;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.1rem;display:flex;position:sticky;top:0}.panel-body{padding:1.1rem}.panel-foot{background:inherit;border-top:1px solid var(--border);padding:.9rem 1.1rem;position:sticky;bottom:0}.toast{background:var(--text);color:var(--bg);z-index:2000;box-shadow:var(--shadow);border-radius:10px;max-width:calc(100% - 2rem);padding:.7rem 1.1rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.map{border:1px solid var(--border);z-index:0;border-radius:10px;height:260px;overflow:hidden}.shell{grid-template-columns:1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.6rem 1rem;display:flex}.sidebar-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.nav{flex-direction:column;gap:.15rem;display:none}.nav.open{display:flex}.nav a{min-height:44px;color:var(--text);border-radius:10px;align-items:center;padding:0 .8rem;font-weight:500;text-decoration:none;display:flex}.nav a.active{background:var(--brand-soft);color:var(--brand-strong)}.nav a:hover:not(.active){background:var(--surface-2)}.menu-toggle{display:inline-flex}.main{min-width:0;padding:1rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.banners{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}@media (width>=900px){.shell{grid-template-columns:240px 1fr}.sidebar{border-bottom:0;border-right:1px solid var(--border);height:100vh;padding:1.1rem .8rem;position:sticky;top:0}.nav{display:flex}.menu-toggle{display:none}.main{padding:1.5rem 2rem}}.board{grid-template-columns:1fr;gap:.75rem;display:grid}.board-tabs{gap:.35rem;margin-bottom:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.board-tabs button{flex:none}.board-tabs button.active{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.column{background:var(--surface-2);border-radius:var(--radius);flex-direction:column;gap:.5rem;min-height:120px;padding:.6rem;display:none}.column.active{display:flex}.column-head{justify-content:space-between;align-items:center;padding:.2rem .3rem;font-size:.9rem;font-weight:600;display:flex}@media (width>=1100px){.board-tabs{display:none}.board{grid-template-columns:repeat(6,minmax(0,1fr))}.column{display:flex}}.order-card{background:var(--surface);border:1px solid var(--border);text-align:left;white-space:normal;border-radius:10px;flex-direction:column;align-items:stretch;gap:.3rem;width:100%;min-height:auto;padding:.7rem;font-weight:400;display:flex}.order-card.new{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.timeline{flex-direction:column;gap:.4rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.timeline li{gap:.6rem;display:flex}.timeline time{color:var(--muted);flex:none;width:3.2rem}.store-wrap{max-width:760px;margin:0 auto;padding-bottom:6rem}.store-cover{background:var(--brand-soft) center / cover no-repeat;height:170px}.store-head{align-items:flex-end;gap:.9rem;margin-top:-36px;padding:0 1rem;display:flex}.store-logo{border:3px solid var(--bg);background:var(--surface) center / cover no-repeat;width:76px;height:76px;color:var(--brand-strong);border-radius:18px;flex:none;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.store-info{padding:.75rem 1rem 0}.chips{background:var(--bg);z-index:5;gap:.4rem;padding:.6rem 1rem;display:flex;position:sticky;top:0;overflow-x:auto}.chips button{border-radius:999px;flex:none;min-height:38px}.chips button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.products{flex-direction:column;gap:.6rem;padding:0 1rem;display:flex}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;white-space:normal;justify-content:space-between;align-items:stretch;gap:.8rem;width:100%;min-height:auto;padding:.75rem;font-weight:400;display:flex}.product-card img,.thumb{object-fit:cover;background:var(--surface-2);border-radius:10px;flex:none;width:88px;height:88px}.product-card .desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.cart-bar{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);z-index:20;position:fixed;bottom:0;left:0;right:0}.cart-bar .btn{justify-content:space-between;width:100%;max-width:728px;min-height:52px;margin:0 auto;display:flex}.stepper{align-items:center;gap:.25rem;display:inline-flex}.stepper button{border-radius:999px;width:40px;min-height:40px;padding:0;font-size:1.2rem}.stepper span{text-align:center;min-width:1.8rem;font-weight:600}.option-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:.7rem;min-height:44px;padding:.3rem 0;display:flex}.option-row:last-child{border-bottom:0}.segmented{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem;display:grid}.segmented button{white-space:normal;padding:.4rem .6rem;line-height:1.2}.segmented button.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}.totals{flex-direction:column;gap:.3rem;display:flex}.totals>div{justify-content:space-between;display:flex}.totals .grand{border-top:1px solid var(--border);padding-top:.4rem;font-size:1.1rem;font-weight:700}.steps{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.steps li{min-height:36px;color:var(--muted);align-items:center;gap:.7rem;display:flex}.steps li .dot{border:2px solid var(--border);border-radius:999px;flex:none;width:14px;height:14px}.steps li.done{color:var(--text)}.steps li.done .dot{background:var(--brand);border-color:var(--brand)}.steps li.current{color:var(--text);font-weight:700}.steps li.current .dot{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.wizard{max-width:680px;margin:0 auto;padding:1.5rem 1rem 4rem}.wizard-progress{gap:.3rem;margin:.75rem 0 1.25rem;display:flex}.wizard-progress span{background:var(--border);border-radius:999px;flex:1;height:5px}.wizard-progress span.done{background:var(--brand)}@media print{.no-print{display:none!important}body,.card{color:#000;background:#fff;border:0}}.link-btn{min-height:0;color:var(--accent);font-weight:inherit;font-size:inherit;white-space:normal;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}:root{--chart:var(--brand)}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.stat-label{color:var(--muted);font-size:.85rem}.stat-value{font-variant-numeric:proportional-nums;margin:.2rem 0;font-size:1.6rem;font-weight:600;line-height:1.2}.stat-delta{color:var(--muted);font-size:.82rem}.stat-delta .up{color:var(--ok);font-weight:600}.stat-delta .down{color:var(--danger);font-weight:600}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid{stroke:var(--border);stroke-width:1px}.chart .axis-label{fill:var(--muted);font-size:11px}.chart .value-label{fill:var(--text);font-size:11px;font-weight:600}.chart .bar{fill:var(--chart)}.chart .bar.dim{opacity:.45}.chart .hit{fill:#0000;cursor:default}.chart-tip{background:var(--text);color:var(--bg);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow);border-radius:8px;padding:.35rem .6rem;font-size:.8rem;position:absolute;transform:translate(-50%,calc(-100% - 8px))}details.table-view summary{cursor:pointer;color:var(--muted);align-items:center;min-height:32px;font-size:.85rem;display:flex}.meter{background:color-mix(in srgb, var(--chart) 18%, var(--surface));border-radius:999px;height:8px;overflow:hidden}.meter>span{background:var(--chart);border-radius:999px;height:100%;display:block}.pager{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.kv{grid-template-columns:max-content 1fr;gap:.35rem 1rem;font-size:.92rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}
