:root{--bg: #100d0b;--bg-elevated: #1a1613;--surface: #211c18;--surface-2: #1a1613;--surface-hover: #2a241d;--surface-active: #3a2e1c;--border: #34291f;--border-strong: #4a3b29;--text: #f1eae0;--text-muted: #9c9187;--text-subtle: #7a7066;--text-inverse: #211c0a;--accent: #e8c13a;--accent-hover: #c2a02a;--accent-active: #a3851f;--accent-soft: #3a331a;--accent-soft-strong: #2e2812;--on-accent: #211c0a;--success: #34d399;--success-soft: rgba(52, 211, 153, .12);--success-text: #6ee7b7;--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .12);--warning-text: #fcd34d;--danger: #e2574f;--danger-hover: #ef6b63;--danger-soft: rgba(226, 87, 79, .12);--danger-text: #f0a39e;--info: #38bdf8;--info-soft: rgba(56, 189, 248, .12);--info-text: #7dd3fc;--neutral-soft: #2a241d;--neutral-text: #9c9187;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 26px;--r-full: 999px;--sh-sm: 0 1px 2px rgba(0, 0, 0, .4);--sh-md: 0 4px 14px rgba(0, 0, 0, .45);--sh-lg: 0 24px 60px -24px rgba(0, 0, 0, .65);--sh-ring: 0 0 0 3px rgba(232, 193, 58, .18);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-display: "Bricolage Grotesque", "Inter", var(--font-sans);--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-fast: .12s ease;--t: .18s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;color:var(--text);font-weight:600;letter-spacing:-.01em}h1{font-size:1.5rem}h2{font-size:1.125rem}h3{font-size:1rem}h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}p{margin:0}small.muted,.muted{color:var(--text-muted);font-size:.8125rem}button{font-family:inherit}.page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.page.blurred{filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none}.page-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:28px}@media(max-width:640px){.page-content{padding:16px}}.topbar{position:sticky;top:0;z-index:30;min-height:64px;background:#1a1613d9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:10px 28px}.topbar-title{font-size:1.125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{color:var(--text-muted);font-size:.8125rem}.topbar-spacer{flex:1}@media(max-width:640px){.topbar{padding:10px 16px;gap:8px;min-height:60px}.topbar-title{font-size:1rem}}.conn-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-full);font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.conn-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--text-subtle);flex-shrink:0}.conn-status.connected .conn-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.conn-status.disconnected .conn-dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft);animation:pulse 1s infinite}@media(max-width:480px){.conn-status{padding:6px 10px}.conn-status .conn-text{display:none}}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:4px;gap:2px}.segmented button,.segmented .seg-btn{height:36px;padding:0 14px;border:0;background:transparent;border-radius:var(--r-sm);color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.segmented button:hover,.segmented .seg-btn:hover{color:var(--text)}.segmented button.active,.segmented .seg-btn.active{background:var(--surface);color:var(--accent-active);box-shadow:var(--sh-sm);font-weight:600}@media(max-width:480px){.segmented{width:100%}.segmented button,.segmented .seg-btn{flex:1;padding:0 8px;font-size:.8rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);white-space:nowrap;font-family:inherit}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--sh-ring);border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);color:var(--on-accent);border-color:var(--danger)}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-sm{height:32px;padding:0 12px;font-size:.8125rem;border-radius:var(--r-sm)}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.btn-green{background:var(--success);color:var(--on-accent);border-color:var(--success)}.btn-green:hover{background:#059669;border-color:#059669}.btn-red{background:var(--danger);color:var(--on-accent);border-color:var(--danger)}.btn-red:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn-full{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:20px}.card+.card{margin-top:16px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.card-header h2,.card-header h3{margin:0}.card-desc{color:var(--text-muted);font-size:.8125rem;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}@media(max-width:768px){.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}}@media(max-width:480px){.grid{grid-template-columns:1fr;gap:10px}}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.header-row h2{margin:0}.empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:3rem 1rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:var(--surface-2)}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}tbody tr:last-child td{border-bottom:0}@media(max-width:640px){table.responsive{border:0}table.responsive thead{display:none}table.responsive tbody,table.responsive tr,table.responsive td{display:block;width:100%}table.responsive tr{border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:10px;padding:8px 4px;background:var(--surface)}table.responsive td{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;border:0;border-bottom:1px solid var(--surface-2);padding:8px 12px;font-size:.875rem}table.responsive td:before{content:attr(data-label);text-align:left;font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}table.responsive td:last-child{border-bottom:0}table.responsive td[data-label=""]:before{content:none}table.responsive td .actions{justify-content:flex-end}}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.01em;background:var(--neutral-soft);color:var(--neutral-text);border:1px solid transparent}.badge.badge-green{background:var(--success-soft);color:var(--success-text)}.badge.badge-red{background:var(--danger-soft);color:var(--danger-text)}.badge.badge-yellow{background:var(--warning-soft);color:var(--warning-text)}.badge.badge-blue{background:var(--info-soft);color:var(--info-text)}.order-type-chip{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft, #eef);color:var(--accent);border-radius:var(--r-sm);padding:2px 7px}.delivery-line,.delivery-address-line{font-size:.8rem;color:var(--text-muted);background:var(--accent-soft, #eef);border-radius:var(--r-sm);padding:6px 8px}.badge.badge-indigo{background:var(--accent-soft);color:var(--accent-active)}.toast-msg,.toast-warn,.toast-error,.toast-info{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-md);margin-bottom:12px;font-size:.875rem;font-weight:500;border:1px solid transparent;background:var(--surface);box-shadow:var(--sh-sm)}.toast-msg{background:var(--success-soft);color:var(--success-text);border-color:#a7f3d0}.toast-error{background:var(--danger-soft);color:var(--danger-text);border-color:#fecaca}.toast-warn{background:var(--warning-soft);color:var(--warning-text);border-color:#fde68a}.toast-info{background:var(--info-soft);color:var(--info-text);border-color:#bae6fd}.alert{padding:.6rem 1rem;border-radius:var(--r-md);margin-bottom:1rem;font-size:.9rem}.alert.error{background:var(--danger-soft);border:1px solid #fecaca;color:var(--danger-text)}.alert.success{background:var(--success-soft);border:1px solid #a7f3d0;color:var(--success-text)}.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:var(--r-md);background:var(--warning-soft);color:var(--warning-text);border:1px solid #fde68a;font-size:.875rem;font-weight:500;margin-bottom:12px}.impersonation-banner .stop-impersonate{background:none;border:1px solid #f57f17;border-radius:4px;padding:.2rem .5rem;cursor:pointer;font-size:.8rem;color:#f57f17;font-weight:600}.impersonation-banner .stop-impersonate:hover{background:#f57f17;color:#fff}.toast-fixed{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.6rem 1.2rem;border-radius:var(--r-md);z-index:1000;box-shadow:0 2px 8px #0000004d;font-size:.875rem}.form-label{display:flex;flex-direction:column;gap:6px;font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.form-grid>.form-label{margin-bottom:0}@media(max-width:720px){.form-grid{grid-template-columns:1fr}}.form-grid>.full{grid-column:1 / -1}.form-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.form-error{color:var(--danger-text);background:var(--danger-soft);border:1px solid #fecaca;padding:10px 12px;border-radius:var(--r-md);margin-bottom:12px;font-size:.875rem}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=url],input:not([type]),select,textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color var(--t-fast),box-shadow var(--t-fast)}textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--sh-ring)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-subtle);cursor:not-allowed}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn var(--t)}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:24px;width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;animation:slideUp var(--t)}.modal h2{margin:0 0 16px;font-size:1.125rem}.modal .form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.modal hr{border:none;border-top:1px solid var(--border);margin:.75rem 0}.modal-actions{display:flex;gap:.5rem;margin-top:1rem}.modal-actions button{flex:1}.modal-sm{max-width:340px}@media(max-width:480px){.modal-overlay{padding:12px;align-items:flex-end}.modal{max-width:none;max-height:92vh;border-radius:var(--r-xl) var(--r-xl) 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.trial-expired-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}.trial-expired-overlay>*{background:var(--surface);border-radius:var(--r-xl);padding:32px;max-width:440px;text-align:center;box-shadow:var(--sh-lg)}.trial-expired-overlay h1{margin-bottom:12px}.trial-expired-overlay p{color:var(--text-muted);margin-bottom:8px}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.order-card.pending{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger-soft),var(--sh-sm)}.order-card-done{border-color:var(--border);background:var(--surface-2);opacity:.85}.order-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.order-card-header strong{font-size:1rem}.order-card-header .status-label{text-transform:capitalize;font-size:.8rem;color:var(--text-muted)}.order-card-header .status-label.done{color:var(--neutral-text)}.order-card .timer-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.order-card .timer-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:.85rem}.order-card .timer-row:last-child{border-bottom:none}.order-card .timer-label{color:var(--text-muted)}.order-card .timer-value{font-weight:600;font-variant-numeric:tabular-nums}.sla-warning .timer-value,.sla-warning .timer-label{color:var(--warning-text)}.sla-breached .timer-value{color:var(--danger-text);font-weight:700;animation:pulse 1s infinite}.sla-breached .timer-label{color:var(--danger-text)}.order-card .items{display:flex;flex-direction:column;gap:2px}.order-card .item{padding:2px 0;font-size:.9rem}.order-card .item .modifiers{display:block;font-size:.8rem;color:var(--info-text);font-weight:500;margin-top:.1rem}.order-card .item .notes{font-size:.8rem;color:var(--text-muted);font-style:italic;margin:0}.order-card .actions{margin-top:auto}.order-card .actions button{width:100%;min-height:44px}.status-badge{display:block;text-align:center;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);text-transform:capitalize;color:var(--text-muted)}.done-badge{text-align:center;padding:8px;color:var(--neutral-text);font-weight:500;font-size:.85rem}.call-alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.call-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--r-md);flex-wrap:wrap}.call-card-red{background:var(--danger);color:#fff;animation:pulse 1.2s infinite}.call-card-yellow{background:var(--warning);color:#fff;animation:pulse 1.2s infinite}.call-info{display:flex;flex-direction:column;gap:2px;min-width:0}.call-info strong{font-size:.95rem}.call-card .muted{color:#ffffffd9;font-size:.8125rem}.call-age{font-size:.75rem;opacity:.85;margin-left:.5rem}.call-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ack-btn{padding:8px 14px;border:none;border-radius:var(--r-sm);background:var(--danger);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600}.dismiss-btn{padding:8px 14px;border:1px solid rgba(255,255,255,.5);border-radius:var(--r-sm);background:transparent;color:#fff;cursor:pointer;font-size:.8125rem}.dismiss-btn:hover{background:#fff3}.call-card-yellow .ack-btn{color:var(--warning-text)}@media(max-width:480px){.call-card{flex-direction:column;align-items:stretch}.call-actions{justify-content:stretch}.call-actions button{flex:1;min-height:44px}}@keyframes pulse{50%{opacity:.5}}