:root{--blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-200:#BFDBFE;--blue-300:#93C5FD;--blue-400:#60A5FA;--blue-500:#3B82F6;--blue-600:#2563EB;--blue-700:#1D4ED8;--blue-800:#1E40AF;--blue-900:#1E3A8A;--slate-0:#FFFFFF;--slate-25:#FBFCFE;--slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-300:#CBD5E1;--slate-400:#94A3B8;--slate-500:#64748B;--slate-600:#475569;--slate-700:#334155;--slate-800:#1E293B;--slate-900:#0F172A;--slate-950:#0F141B;--green-50:#ECFDF3;--green-500:#16A34A;--green-600:#15803D;--green-700:#166534;--green-950:#04280F;--amber-50:#FFF8EB;--amber-500:#F59E0B;--amber-600:#D97706;--amber-700:#B45309;--amber-950:#451A03;--red-50:#FEF2F2;--red-500:#E5484D;--red-600:#C62A2F;--red-950:#2C0707;--cyan-50:#ECFEFF;--cyan-500:#0E9CC4;--cyan-600:#0E7490;--cyan-700:#155E75;--cyan-950:#052A38;--violet-50:#F5F3FF;--violet-100:#EDE9FE;--violet-200:#DDD6FE;--violet-300:#C4B5FD;--violet-400:#A78BFA;--violet-500:#7654ED;--violet-600:#6541E0;--violet-700:#5433BE;--violet-800:#44299B;--violet-900:#2E1C68;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-display:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:999px;--border-width:1px;--shadow-1:0 1px 2px rgba(20,25,33,.06);--shadow-2:0 2px 8px rgba(20,25,33,.1);--shadow-3:0 8px 24px rgba(20,25,33,.16);--font-sans:-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;--font-heading:var(--font-sans);--font-mono:ui-monospace,"Cascadia Code",Consolas,monospace;--content-max:1440px;--form-max:720px;--nav-width:248px;--nav-collapsed-width:72px;--topbar-height:72px;--motion-fast:.16s;--motion-standard:.22s}:root{--color-bg-app:var(--slate-25);--color-bg-surface:var(--slate-0);--color-bg-raised:var(--slate-0);--color-bg-sunken:var(--slate-25);--color-bg-hover:var(--slate-50);--color-bg-selected:var(--violet-50);--color-bg-disabled:var(--slate-100);--color-board-well:var(--slate-100);--color-overlay:rgba(15,23,42,.45);--color-scrollbar-thumb:var(--slate-300);--color-scrollbar-thumb-hover:var(--slate-400);--color-text-primary:var(--slate-900);--color-text-secondary:var(--slate-600);--color-text-tertiary:var(--slate-500);--color-text-inverse:var(--slate-0);--color-text-link:var(--violet-600);--color-text-disabled:var(--slate-400);--color-border-subtle:var(--slate-100);--color-border-default:var(--slate-200);--color-border-strong:var(--slate-300);--color-border-focus:var(--violet-500);--color-action-primary:var(--violet-600);--color-action-primary-hover:var(--violet-700);--color-action-primary-active:var(--violet-800);--color-action-primary-text:var(--slate-0);--color-success:var(--green-600);--color-success-bg:var(--green-50);--color-warning:var(--amber-700);--color-warning-bg:var(--amber-50);--color-danger:var(--red-600);--color-danger-bg:var(--red-50);--color-info:var(--cyan-600);--color-info-bg:var(--cyan-50);--color-focus-ring:var(--violet-500);--color-feature-bg:var(--violet-50);--color-feature-border:var(--violet-100);--color-feature-text:var(--violet-700);--color-nav-bg:var(--slate-950);--color-nav-text:var(--slate-300);--color-nav-text-active:var(--slate-0);--color-nav-hover:rgba(255,255,255,.05);--color-nav-group:var(--slate-400);--color-nav-active-rail:var(--violet-500);--color-nav-active-bg:rgba(124,92,252,.12);--status-open-dot:var(--slate-500);--status-open-bg:var(--slate-100);--status-assigned-dot:var(--violet-600);--status-assigned-bg:var(--violet-50);--status-dispatched-dot:var(--blue-600);--status-dispatched-bg:var(--blue-50);--status-transit-dot:var(--cyan-600);--status-transit-bg:var(--cyan-50);--status-delivered-dot:var(--green-600);--status-delivered-bg:var(--green-50);--status-exception-dot:var(--red-600);--status-exception-bg:var(--red-50)}:root[data-theme=dark]{--color-bg-app:var(--slate-950);--color-bg-surface:var(--slate-900);--color-bg-raised:var(--slate-800);--color-bg-sunken:var(--slate-800);--color-bg-hover:rgba(255,255,255,.04);--color-bg-selected:rgba(124,92,252,.18);--color-bg-disabled:var(--slate-700);--color-board-well:var(--slate-900);--color-scrollbar-thumb:rgba(255,255,255,.16);--color-scrollbar-thumb-hover:rgba(255,255,255,.28);--color-text-primary:var(--slate-50);--color-text-secondary:var(--slate-300);--color-text-tertiary:var(--slate-400);--color-text-link:var(--violet-400);--color-border-subtle:rgba(255,255,255,.06);--color-border-default:rgba(255,255,255,.12);--color-border-strong:rgba(255,255,255,.18);--color-action-primary:var(--violet-500);--color-action-primary-hover:var(--violet-600);--color-action-primary-active:var(--violet-700);--color-success:var(--green-500);--color-success-bg:var(--green-950);--color-warning:var(--amber-500);--color-warning-bg:var(--amber-950);--color-danger:var(--red-500);--color-danger-bg:var(--red-950);--color-info:var(--cyan-500);--color-info-bg:var(--cyan-950);--color-focus-ring:var(--violet-400);--color-feature-bg:rgba(124,92,252,.1);--color-feature-border:rgba(167,139,250,.2);--color-feature-text:var(--violet-300);--color-nav-bg:var(--slate-950);--color-nav-active-rail:var(--violet-400)}:root,:root[data-density=comfortable]{--row-height:52px;--control-height:44px;--cell-padding-x:20px;--cell-padding-y:16px;--card-padding:24px;--base-font:var(--text-base)}:root[data-density=compact]{--row-height:36px;--control-height:32px;--cell-padding-x:12px;--cell-padding-y:6px;--card-padding:16px;--base-font:var(--text-sm)}app-card{display:block;min-width:0}app-card+app-card{margin-top:var(--space-5)}.eyebrow{margin:0 0 var(--space-2);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-feature-text)}.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.section-heading h2{font-size:var(--text-lg);font-weight:650;letter-spacing:-.025em}.section-heading p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.section-heading a{font-size:var(--text-sm);font-weight:600}.auth-card form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-card form app-button,.auth-card form app-button .btn{width:100%}.auth-card form app-form-field .form-field{margin-bottom:0;gap:var(--space-2)}.auth-card>p{font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-card form+p{margin-top:var(--space-6)}.auth-card fieldset{border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-3)}.auth-card fieldset label{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-primary)}.auth-card .error{color:var(--color-danger);background:var(--color-danger-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.auth-card .info{color:var(--color-info);background:var(--color-info-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg-app);color:var(--color-text-primary);font-size:var(--base-font);line-height:1.55;-webkit-font-smoothing:antialiased}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}input,select,textarea{max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}input[type=checkbox],input[type=radio]{accent-color:var(--color-action-primary)}h1,h2,h3,h4{margin:0;font-family:var(--font-heading)}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.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}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{min-height:var(--control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-md);font:inherit;font-size:var(--text-base);background:var(--color-bg-surface);color:var(--color-text-primary)}textarea{min-height:80px;padding:var(--space-2) var(--space-3)}@media(max-width:767px){table.list thead{display:none}table.list,table.list tbody,table.list tr,table.list td{display:block;width:100%}table.list tr{border-bottom:var(--border-width) solid var(--color-border-default);padding:var(--space-2) 0}table.list td{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:none;text-align:right}table.list td:before{content:attr(data-label);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-align:left}}.card{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:var(--space-6)}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.inline-form{--form-field-gap: 0;display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;margin-bottom:var(--space-6)}.inline-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.conv{display:block;width:100%;text-align:left;background:none;border:none;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary)}.conv.active{background:var(--color-bg-app)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.chip{min-height:var(--space-8);border:var(--border-width) solid var(--color-border-default);background:var(--color-bg-surface);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);cursor:pointer;color:var(--color-text-secondary)}.chip.active{background:var(--color-action-primary);color:var(--color-action-primary-text);border-color:var(--color-action-primary)}.snippet{background:var(--color-bg-app);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--text-sm)}button.link{background:none;border:none;color:var(--color-action-primary);cursor:pointer;padding:0;font-size:var(--text-sm);display:inline-flex;align-items:center;min-height:24px;min-width:24px}button.link.danger{color:var(--color-danger)}.banner{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-3)}.banner.warning{background:var(--color-warning-bg);color:var(--color-warning)}.banner.danger{background:var(--color-danger-bg);color:var(--color-danger)}.banner.info{background:var(--color-info-bg);color:var(--color-info)}.muted{color:var(--color-text-secondary)}.error{color:var(--color-danger)}