@font-face{font-family:DD Norms;src:url(fonts/DDNorms-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:DD Norms;src:url(fonts/DDNorms-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:DD Norms;src:url(fonts/DDNorms-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal}:root{--brand: #EB1700;--brand-600: #D11400;--brand-700: #B11000;--brand-50: #FFF1EE;--brand-100: #FFE0DA;--bg: #FAFAF9;--surface: #FFFFFF;--surface-2: #F6F6F4;--surface-3: #EFEFEC;--border: #E6E6E2;--border-strong: #D4D4CF;--ink-1: #16161A;--ink-2: #3F3F46;--ink-3: #6B6B73;--ink-4: #9A9AA1;--ink-5: #BFBFC4;--success: #0F8A4D;--success-bg: #E8F5EE;--warning: #B86E00;--warning-bg: #FFF3E0;--danger: var(--brand);--danger-bg: var(--brand-50);--info: #2563D1;--info-bg: #E8EFFB;--neutral-bg: #ECECE8;--accent-blue: #2563EB;--accent-blue-bg: rgba(37,99,235,.09);--accent-green: #16A34A;--accent-green-bg: rgba(22,163,74,.09);--accent-purple: #8B5CF6;--accent-purple-bg: rgba(139,92,246,.09);--accent-amber: #F59E0B;--accent-amber-bg: rgba(245,158,11,.09);--accent-teal: #14B8A6;--accent-teal-bg: rgba(20,184,166,.09);--r-1: 5px;--r-2: 8px;--r-3: 14px;--r-4: 18px;--shadow-1: 0 1px 3px rgba(20, 20, 25, .06), 0 1px 2px rgba(20, 20, 25, .03);--shadow-2: 0 4px 12px rgba(20, 20, 25, .08), 0 1px 3px rgba(20, 20, 25, .05);--shadow-3: 0 12px 32px rgba(20, 20, 25, .12), 0 4px 8px rgba(20, 20, 25, .06);--pad: 20px;--pad-sm: 12px;--pad-lg: 28px;--row-h: 48px;--font-sans: "DD Norms", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:15px;color:var(--ink-1);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}[data-density=airy]{--pad: 22px;--pad-sm: 14px;--pad-lg: 32px;--row-h: 56px}[data-density=dense]{--pad: 10px;--pad-sm: 6px;--pad-lg: 14px;--row-h: 36px}[data-radius=sharp]{--r-1: 0px;--r-2: 2px;--r-3: 3px;--r-4: 4px}[data-radius=soft]{--r-1: 6px;--r-2: 10px;--r-3: 14px;--r-4: 18px}.app{min-height:100vh;display:flex;flex-direction:row}.main{flex:1;min-width:0;display:flex;flex-direction:column;margin:0%}.topnav{height:64px;width:100%;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:row;align-items:center;padding:0 20px;gap:16px;position:sticky;top:0;z-index:50}.sidenav{width:216px;min-width:216px;height:100vh;background:#111;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;position:sticky;top:0;z-index:50;overflow:hidden}.brand-mark{width:100%;display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.01em;padding:16px 14px;border-bottom:1px solid rgba(0,0,0,.15);flex-shrink:0}.brand-logo{width:40px;height:40px;color:#fff;border-radius:var(--r-2);display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:-.04em}.brand-suffix{color:var(--ink-3);font-weight:500;font-size:12px;padding:2px 6px;background:var(--surface-3);border-radius:var(--r-1);margin-left:2px}.nav-tabs{width:100%;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent;padding:8px}.nav-tab{width:100%;background:transparent;border:none;padding:8px 10px;font-size:13.5px;font-weight:500;color:#ffffff94;border-radius:var(--r-2);cursor:pointer;display:flex;align-items:center;gap:9px;position:relative;transition:background .12s,color .12s}.nav-tab:hover{background:#ffffff12;color:#ffffffe6}.nav-tab[data-active=true]{color:#fff;background:var(--brand)}.nav-tab .badge-dot{background:#fff3;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);margin-left:auto}.nav-tab[data-active=true] .badge-dot{background:#ffffff4d;color:#fff}.sidenav-footer{padding:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.live-support-row{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:12.5px;font-weight:500;color:#ffffff8c}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 4px #22c55e00}}.open-chat-btn{width:100%;padding:8px 12px;background:#ffffff17;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-2);color:#fffc;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-sans);transition:background .12s,color .12s}.open-chat-btn:hover{background:#ffffff24;color:#fff}.sidenav-right{display:flex;flex-direction:row;align-items:center;gap:10px;margin-left:auto}.global-search{width:240px;height:32px;background:var(--surface-2);border:1px solid transparent;border-radius:var(--r-2);padding:0 10px 0 30px;font-size:13px;color:var(--ink-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B6B73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;outline:none}.global-search:focus{background-color:var(--surface);border-color:var(--border-strong)}.kbd{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1px 5px}.icon-btn{width:32px;height:32px;border:none;background:transparent;border-radius:var(--r-2);cursor:pointer;display:grid;place-items:center;color:var(--ink-2);position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--ink-1)}.icon-btn .pulse{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--brand);border:2px solid var(--surface)}.profile-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--surface-2);cursor:pointer;border:1px solid transparent}.profile-chip:hover{background:var(--surface-3)}.avatar{width:24px;height:24px;border-radius:50%;background:var(--ink-1);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.avatar.lg{width:36px;height:36px;font-size:13px}.avatar.xl{width:44px;height:44px;font-size:15px}.page{padding:20px 24px 64px;max-width:1600px;margin:0 auto;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px}.page-title{font-size:25px;font-weight:700;letter-spacing:-.02em;margin:0;display:flex;align-items:baseline;gap:10px}.page-subtitle{font-size:13px;color:var(--ink-3);margin-top:4px}.page-actions{display:flex;gap:8px;align-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-1);transition:box-shadow .15s,border-color .15s}.card:hover{box-shadow:var(--shadow-2)}.card-header{padding:14px var(--pad);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--ink-1);margin:0}.card-subtitle{font-size:12px;color:var(--ink-3);margin-top:2px}.card-body{padding:var(--pad)}.card-body.flush{padding:0}.btn{height:36px;padding:0 14px;border-radius:var(--r-2);font-size:13.5px;font-weight:500;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-1);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-600);border-color:var(--brand-600)}.btn.danger{background:var(--surface);color:var(--brand);border-color:var(--border-strong)}.btn.danger:hover{background:var(--brand-50);border-color:var(--brand)}.btn.success{background:var(--success);color:#fff;border-color:var(--success)}.btn.success:hover{background:#0a7641}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{height:28px;font-size:12px;padding:0 10px}.btn.lg{height:42px;font-size:14.5px;padding:0 20px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:500;background:var(--neutral-bg);color:var(--ink-2);white-space:nowrap;line-height:1.6}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.danger{background:var(--danger-bg);color:var(--brand)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.outline{background:var(--ink-5);border:0px solid var(--border)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.live .dot{animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:13px var(--pad);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.tbl td{padding:14px var(--pad);border-bottom:1px solid var(--border);vertical-align:middle;color:var(--ink-1)}.tbl tr:last-child td{border-bottom:none}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover{background:var(--surface-2)}.tbl tr[data-selected=true]{background:var(--brand-50)}.tbl .num{font-family:var(--font-mono);font-feature-settings:"tnum"}.tbl .muted{color:var(--ink-3)}.toolbar{display:flex;align-items:center;gap:8px;padding:10px var(--pad);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar .spacer{flex:1}.search-input{height:30px;border:1px solid var(--border);border-radius:var(--r-2);padding:0 10px 0 28px;font-size:13px;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6B73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:9px center;width:220px;outline:none}.search-input:focus{border-color:var(--ink-3)}.filter-chip{height:30px;padding:0 10px;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-2);font-size:12.5px;color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.filter-chip:hover{background:var(--surface-2)}.filter-chip[data-active=true]{background:var(--ink-1);color:#fff;border-color:var(--ink-1)}.filter-chip .count{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);margin-left:2px}.filter-chip[data-active=true] .count{color:#fff9}.seg{display:inline-flex;background:var(--surface-2);border-radius:var(--r-2);padding:2px;gap:1px}.seg button{background:transparent;border:none;height:26px;padding:0 10px;font-size:12.5px;color:var(--ink-3);border-radius:var(--r-1);cursor:pointer;font-weight:500}.seg button[data-active=true]{background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-1)}.stat{padding:var(--pad);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.stat-label{font-size:11.5px;font-weight:500;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.stat-value{font-size:30px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";display:flex;align-items:baseline;gap:6px}.stat-value .unit{font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:0}.stat-trend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.stat-trend .delta{font-family:var(--font-mono);font-weight:600;font-size:11.5px;padding:1px 5px;border-radius:3px}.stat-trend .delta.up{color:var(--success);background:var(--success-bg)}.stat-trend .delta.down{color:var(--brand);background:var(--brand-50)}.spark{height:28px;width:100%;margin-top:4px}@keyframes order-panel-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.order-panel-slide{animation:order-panel-in .24s cubic-bezier(.22,1,.36,1) both}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141952;z-index:100;opacity:0;pointer-events:none;transition:opacity .18s}.drawer-overlay[data-open=true]{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);z-index:101;transform:translate(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-8px 0 32px #14141914}.drawer[data-open=true]{transform:translate(0)}.drawer-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-body{flex:1;overflow-y:auto;padding:20px}.drawer-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:var(--surface-2)}.divider{height:1px;background:var(--border);margin:16px 0}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;font-size:13px}.kv dt{color:var(--ink-3);font-weight:500}.kv dd{margin:0;color:var(--ink-1)}.code{font-family:var(--font-mono);font-size:12px;background:var(--surface-2);padding:2px 6px;border-radius:4px;color:var(--ink-1)}.dot-sep:before{content:"·";margin:0 6px;color:var(--ink-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:999px;font-size:11.5px;font-weight:500;background:var(--neutral-bg);color:var(--ink-2)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3)}.status-pending{background:#fef3d8;color:#8a6a00}.status-pending .dot{background:#b88b00}.status-accepted{background:var(--info-bg);color:var(--info)}.status-accepted .dot{background:var(--info)}.status-preparing{background:#f2ebff;color:#6b3fbc}.status-preparing .dot{background:#6b3fbc}.status-assigned{background:#e0f2ee;color:#0a7a5c}.status-assigned .dot{background:#0a7a5c}.status-delivery{background:var(--brand-50);color:var(--brand)}.status-delivery .dot{background:var(--brand);animation:pulse 1.6s infinite}.status-delivered{background:var(--success-bg);color:var(--success)}.status-delivered .dot{background:var(--success)}.status-refused,.status-cancelled{background:var(--surface-3);color:var(--ink-3);text-decoration:line-through}.doc-thumb{border:1px solid var(--border);border-radius:var(--r-2);background:repeating-linear-gradient(45deg,var(--surface-2) 0,var(--surface-2) 8px,var(--surface-3) 8px,var(--surface-3) 16px);height:140px;display:flex;align-items:flex-end;padding:10px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3);position:relative;cursor:pointer;overflow:hidden}.doc-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(255,255,255,.9))}.doc-thumb-label{position:relative;z-index:1;background:var(--surface);padding:3px 7px;border-radius:3px;border:1px solid var(--border)}.map-canvas{position:relative;background:linear-gradient(transparent 49.5%,rgba(0,0,0,.04) 49.5%,rgba(0,0,0,.04) 50.5%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,rgba(0,0,0,.04) 49.5%,rgba(0,0,0,.04) 50.5%,transparent 50.5%),radial-gradient(ellipse at 30% 40%,#E8EFE8 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,#DCE5E8 0%,transparent 60%),#eef1ed;background-size:40px 40px,40px 40px,100% 100%,100% 100%,100% 100%;border-radius:var(--r-3);overflow:hidden}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.tab-item{background:transparent;border:none;padding:10px 14px;font-size:13px;font-weight:500;color:var(--ink-3);cursor:pointer;position:relative;display:flex;align-items:center;gap:6px}.tab-item:hover,.tab-item[data-active=true]{color:var(--ink-1)}.tab-item[data-active=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand)}.tbl-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.icon-box{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:14px}.icon-box.red{background:#eb170017;color:#eb1700}.icon-box.blue{background:#2563eb17;color:#2563eb}.icon-box.green{background:#16a34a17;color:#16a34a}.icon-box.purple{background:#8b5cf617;color:#8b5cf6}.icon-box.amber{background:#f59e0b17;color:#f59e0b}.icon-box.teal{background:#14b8a617;color:#14b8a6}.stars{display:inline-flex;gap:2px;align-items:center}.stars svg{flex-shrink:0}.empty{padding:48px 24px;text-align:center;color:var(--ink-3);font-size:13px}