:root{--row-height: 56px;--row-padding-x: 16px;--control-height: 44px;--control-height-sm: 36px;--text-xs: 13px;--text-sm: 14px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 34px;--text-3xl: 44px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.55;--tracking-caps: .07em;--tracking-tight: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s;--sidebar-width: 252px;--sidebar-width-collapsed: 64px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-theme=nimbus]{--surface-page: #F4F6F7;--surface-base: #FFFFFF;--surface-raised: #FFFFFF;--surface-sunken: #EDF0F1;--surface-hover: #F0F3F4;--surface-selected: #E4EDED;--surface-overlay: rgba(18, 25, 28, .45);--text-primary: #12191C;--text-secondary: #4A575C;--text-muted: #7A878C;--text-inverse: #FFFFFF;--text-link: #0A5F5F;--text-danger: #A62B2B;--border-subtle: #E2E7E9;--border-default: #CBD3D6;--border-strong: #9DA9AD;--border-focus: #0A5F5F;--action-primary: #0A5F5F;--action-primary-hover: #084E4E;--action-primary-active: #063E3E;--action-secondary: #FFFFFF;--action-secondary-hover: #F0F3F4;--action-danger: #A62B2B;--action-danger-hover: #8C2323;--action-disabled: #DCE2E4;--status-new: #0A5F5F;--status-new-bg: #E0EDED;--status-new-fg: #06403F;--status-calling: #8A5A00;--status-calling-bg: #FBF0DC;--status-calling-fg: #6B4600;--status-confirmed: #1B6B3A;--status-confirmed-bg: #E1F0E6;--status-confirmed-fg: #12522B;--status-cod: #2A6B5E;--status-cod-bg: #E0EFEB;--status-cod-fg: #1C5147;--status-pending: #8A6A00;--status-pending-bg: #FAF2D9;--status-pending-fg: #6B5200;--status-not-picked: #6B4A2A;--status-not-picked-bg: #F2E9E0;--status-not-picked-fg: #533720;--status-cancelled: #A62B2B;--status-cancelled-bg: #F7E3E3;--status-cancelled-fg: #7E2020;--feedback-success: #1B6B3A;--feedback-success-bg: #E1F0E6;--feedback-success-fg: #12522B;--feedback-warning: #8A5A00;--feedback-warning-bg: #FBF0DC;--feedback-warning-fg: #6B4600;--feedback-error: #A62B2B;--feedback-error-bg: #F7E3E3;--feedback-error-fg: #7E2020;--feedback-info: #0A5F5F;--feedback-info-bg: #E0EDED;--feedback-info-fg: #06403F;--elevation-1: 0 1px 2px rgba(18, 25, 28, .06);--elevation-2: 0 4px 12px rgba(18, 25, 28, .1);--elevation-3: 0 12px 32px rgba(18, 25, 28, .16);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--font-ui: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "IBM Plex Sans", system-ui, sans-serif;--display-weight: 600;--display-tracking: -.01em;--nav-surface: #FFFFFF;--nav-text: #4A575C;--nav-text-active: #0A5F5F;--nav-active-bg: #E4EDED}[data-theme=knobz]{--surface-page: linear-gradient(160deg, #D7DBDE, #C2C7CB 60%, #B3B9BD);--surface-base: #EEF0F1;--surface-base-gradient: linear-gradient(180deg, #EEF0F1, #DFE2E4);--surface-raised: #F5F6F7;--surface-sunken: #C9CED1;--surface-hover: #E4E7E9;--surface-selected: #D8DDE0;--surface-overlay: rgba(60, 66, 70, .5);--text-primary: #33383B;--text-secondary: #6A7075;--text-muted: #8B9196;--text-inverse: #FFFFFF;--text-link: #2E6B8A;--text-danger: #97302F;--border-subtle: #C4CACD;--border-default: #B4BABD;--border-strong: #9AA0A4;--border-focus: #2E6B8A;--action-primary: #4A5257;--action-primary-hover: #3B4246;--action-primary-active: #2E3437;--action-secondary: linear-gradient(180deg, #FBFCFC, #E7EAEC);--action-secondary-hover: linear-gradient(180deg, #FFFFFF, #EDF0F1);--action-danger: #97302F;--action-danger-hover: #7E2827;--action-disabled: #CDD2D5;--status-new: #2F8FA6;--status-new-bg: #D6ECF2;--status-new-fg: #1C5F70;--status-calling: #A66B00;--status-calling-bg: #FBEBD2;--status-calling-fg: #7A4F00;--status-confirmed: #2E7D32;--status-confirmed-bg: #DDEEDE;--status-confirmed-fg: #1E5721;--status-cod: #1F7A55;--status-cod-bg: #D8ECE3;--status-cod-fg: #14563B;--status-pending: #6B4BA6;--status-pending-bg: #E6DEF4;--status-pending-fg: #4A3375;--status-not-picked: #A6386B;--status-not-picked-bg: #F5DDE7;--status-not-picked-fg: #75264B;--status-cancelled: #6B7175;--status-cancelled-bg: #DCE0E2;--status-cancelled-fg: #4A4F53;--feedback-success: #2E7D32;--feedback-success-bg: #DDEEDE;--feedback-success-fg: #1E5721;--feedback-warning: #A66B00;--feedback-warning-bg: #FBEBD2;--feedback-warning-fg: #7A4F00;--feedback-error: #97302F;--feedback-error-bg: #F3DEDE;--feedback-error-fg: #6E2221;--feedback-info: #2F8FA6;--feedback-info-bg: #D6ECF2;--feedback-info-fg: #1C5F70;--elevation-1: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(154,160,164,.6), 0 1px 2px rgba(80,86,90,.25);--elevation-2: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(154,160,164,.7), 0 3px 8px rgba(80,86,90,.3);--elevation-3: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 30px rgba(60,66,70,.4);--elevation-inset: inset 0 2px 4px rgba(120,126,130,.5), inset 0 -1px 0 rgba(255,255,255,.7);--engrave: 0 1px 0 rgba(255, 255, 255, .9);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--font-ui: "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, monospace;--font-display: "Avenir Next", "Segoe UI", system-ui, sans-serif;--display-weight: 600;--display-tracking: .01em;--nav-surface: linear-gradient(180deg, #E7EAEC, #D3D8DB);--nav-text: #4A5257;--nav-text-active: #2E6B8A;--nav-active-bg: #D0D6D9;--lcd-bg: #C8D6BE;--lcd-text: #2A3A22}[data-theme=knobz] body{background:var(--surface-page);background-attachment:fixed}[data-theme=knobz] .panel{background:var(--surface-base-gradient)}[data-theme=knobz] h1,[data-theme=knobz] h2,[data-theme=knobz] .eyebrow{text-shadow:var(--engrave)}[data-theme=knobz] .sync-strip{background:var(--lcd-bg);color:var(--lcd-text);box-shadow:var(--elevation-inset)}[data-theme=knobz] input,[data-theme=knobz] select,[data-theme=knobz] textarea{box-shadow:var(--elevation-inset)}[data-theme=knobz] .status-dot{box-shadow:0 0 6px currentColor}[data-theme=obsidian]{--surface-page: #2B2B2D;--surface-base: #313133;--surface-base-gradient: linear-gradient(145deg, #353537, #232325);--surface-raised: #3A3A3C;--surface-sunken: #232325;--surface-hover: #38383A;--surface-selected: #3E3E41;--surface-overlay: rgba(0, 0, 0, .6);--text-primary: #CDCDCF;--text-secondary: #A4A4A8;--text-muted: #8A8A8E;--text-inverse: #1A1A1C;--text-link: #8FB6C4;--text-danger: #D89A9A;--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--border-focus: #D6C3A3;--action-primary: #D6C3A3;--action-primary-hover: #C4B091;--action-primary-active: #B29E7F;--action-secondary: #3A3A3C;--action-secondary-hover: #444446;--action-danger: #C48F8F;--action-danger-hover: #B07C7C;--action-disabled: #3A3A3C;--status-new: #8D8D90;--status-new-bg: rgba(141, 141, 144, .18);--status-new-fg: #B4B4B7;--status-calling: #7FA6C4;--status-calling-bg: rgba(127, 166, 196, .18);--status-calling-fg: #A6C4DA;--status-confirmed: #8FB98F;--status-confirmed-bg: rgba(143, 185, 143, .18);--status-confirmed-fg: #ABCDAB;--status-cod: #8FB9A8;--status-cod-bg: rgba(143, 185, 168, .18);--status-cod-fg: #ABCDC0;--status-pending: #C9B27E;--status-pending-bg: rgba(201, 178, 126, .18);--status-pending-fg: #DCC99C;--status-not-picked: #B99A7E;--status-not-picked-bg: rgba(185, 154, 126, .18);--status-not-picked-fg: #D0B69D;--status-cancelled: #C48F8F;--status-cancelled-bg: rgba(196, 143, 143, .18);--status-cancelled-fg: #DAABAB;--feedback-success: #8FB98F;--feedback-success-bg: rgba(143,185,143,.16);--feedback-success-fg: #ABCDAB;--feedback-warning: #C9B27E;--feedback-warning-bg: rgba(201,178,126,.16);--feedback-warning-fg: #DCC99C;--feedback-error: #C48F8F;--feedback-error-bg: rgba(196,143,143,.16);--feedback-error-fg: #DAABAB;--feedback-info: #8FB6C4;--feedback-info-bg: rgba(143,182,196,.16);--feedback-info-fg: #AECAD5;--elevation-1: 5px 5px 10px rgba(0,0,0,.45), -5px -5px 10px rgba(255,255,255,.04);--elevation-2: 8px 8px 16px rgba(0,0,0,.5), -8px -8px 16px rgba(255,255,255,.045);--elevation-3: 14px 14px 28px rgba(0,0,0,.6), -8px -8px 20px rgba(255,255,255,.04);--elevation-inset: inset 3px 3px 7px rgba(0,0,0,.5), inset -3px -3px 7px rgba(255,255,255,.04);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--font-ui: "Manrope", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--font-display: "Sora", "Manrope", system-ui, sans-serif;--display-weight: 700;--display-tracking: -.02em;--nav-surface: #232325;--nav-text: #A4A4A8;--nav-text-active: #D6C3A3;--nav-active-bg: rgba(214, 195, 163, .12)}[data-theme=obsidian] .panel{background:var(--surface-base-gradient);box-shadow:var(--elevation-1)}[data-theme=obsidian] input,[data-theme=obsidian] select,[data-theme=obsidian] textarea{background:var(--surface-sunken);box-shadow:var(--elevation-inset)}[data-theme=obsidian] tbody tr{box-shadow:none}[data-theme=obsidian] .eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em}[data-theme=slideteam]{--surface-page: #F2F2F2;--surface-base: #FFFFFF;--surface-raised: #FFFFFF;--surface-sunken: #F2F2F2;--surface-hover: #F7FAFD;--surface-selected: #E8F4FE;--surface-overlay: rgba(38, 38, 37, .5);--text-primary: #262625;--text-secondary: #5A5A5A;--text-muted: #767676;--text-inverse: #FFFFFF;--text-link: #1177C4;--text-danger: #A62B2B;--border-subtle: #E4E4E4;--border-default: #C3C3C3;--border-strong: #9A9A9A;--border-focus: #28A7FB;--action-primary: #0B7DC9;--action-primary-hover: #096AAB;--action-primary-active: #07588D;--action-secondary: #FFFFFF;--action-secondary-hover: #F2F2F2;--action-danger: #A62B2B;--action-danger-hover: #8C2323;--action-disabled: #D8D8D8;--status-new: #0B7DC9;--status-new-bg: #E1F0FB;--status-new-fg: #075C95;--status-calling: #B36B00;--status-calling-bg: #FDF0DC;--status-calling-fg: #8A5200;--status-confirmed: #1A6B2E;--status-confirmed-bg: #E2F1E5;--status-confirmed-fg: #125022;--status-cod: #12776A;--status-cod-bg: #DFF0EE;--status-cod-fg: #0B584E;--status-pending: #946200;--status-pending-bg: #FBF1DA;--status-pending-fg: #714B00;--status-not-picked: #8A5A2A;--status-not-picked-bg: #F4EAE0;--status-not-picked-fg: #6A451F;--status-cancelled: #A62B2B;--status-cancelled-bg: #F8E4E4;--status-cancelled-fg: #7E2020;--feedback-success: #1A6B2E;--feedback-success-bg: #E7F8DC;--feedback-success-fg: #1A4200;--feedback-warning: #B36B00;--feedback-warning-bg: #FFF3DE;--feedback-warning-fg: #8A5200;--feedback-error: #A62B2B;--feedback-error-bg: #F8E4E4;--feedback-error-fg: #7E2020;--feedback-info: #0B7DC9;--feedback-info-bg: #E1F0FB;--feedback-info-fg: #075C95;--elevation-1: 0 2px 10px rgba(0, 0, 0, .08);--elevation-2: 0 4px 16px rgba(0, 0, 0, .1);--elevation-3: 0 12px 32px rgba(0, 0, 0, .16);--radius-sm: 3px;--radius-md: 3px;--radius-lg: 6px;--radius-pill: 30px;--font-ui: "Open Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Montserrat", "Open Sans", system-ui, sans-serif;--display-weight: 700;--display-tracking: -.01em;--nav-surface: #2B2B2B;--nav-text: #C7C7C7;--nav-text-active: #FFFFFF;--nav-active-bg: #0B7DC9}[data-theme=slideteam] button.primary,[data-theme=slideteam] button.secondary{border-radius:var(--radius-pill)}[data-theme=warmsand]{--surface-page: #F8F4EE;--surface-base: #FFFDF9;--surface-raised: #FFFDF9;--surface-sunken: #F0E8DA;--surface-hover: #FAF7F2;--surface-selected: #F2E9DA;--surface-overlay: rgba(44, 32, 22, .35);--text-primary: #3E2E1E;--text-secondary: #6B5438;--text-muted: #836A44;--text-inverse: #FFFDF9;--text-link: #8B6A45;--text-danger: #A83E3E;--border-subtle: #F0E8DA;--border-default: #DECCB0;--border-strong: #C4A87A;--border-focus: #8B6A45;--action-primary: #7A5C3B;--action-primary-hover: #6B5438;--action-primary-active: #5C4830;--action-secondary: #FFFDF9;--action-secondary-hover: #FAF7F2;--action-danger: #A83E3E;--action-danger-hover: #8E3232;--action-disabled: #EDE3D4;--status-new: #8B6A45;--status-new-bg: #F2EADC;--status-new-fg: #5C452C;--status-calling: #8A6320;--status-calling-bg: #FDF6EA;--status-calling-fg: #6B4C15;--status-confirmed: #2F6B45;--status-confirmed-bg: #EFF8F2;--status-confirmed-fg: #1F4C2F;--status-cod: #3D6438;--status-cod-bg: #EEF5EF;--status-cod-fg: #2A4A26;--status-pending: #8A6320;--status-pending-bg: #FDF6EA;--status-pending-fg: #6B4C15;--status-not-picked: #6B5438;--status-not-picked-bg: #F0E8DA;--status-not-picked-fg: #453622;--status-cancelled: #A83E3E;--status-cancelled-bg: #FDF0F0;--status-cancelled-fg: #7E2A2A;--feedback-success: #2F6B45;--feedback-success-bg: #EFF8F2;--feedback-success-fg: #1F4C2F;--feedback-warning: #8A6320;--feedback-warning-bg: #FDF6EA;--feedback-warning-fg: #6B4C15;--feedback-error: #A83E3E;--feedback-error-bg: #FDF0F0;--feedback-error-fg: #7E2A2A;--feedback-info: #3F68A0;--feedback-info-bg: #EBF3FA;--feedback-info-fg: #2C4B75;--elevation-1: 0 1px 3px rgba(69, 54, 34, .04), 0 1px 2px rgba(69, 54, 34, .03);--elevation-2: 0 4px 8px rgba(69, 54, 34, .06), 0 2px 4px rgba(69, 54, 34, .03);--elevation-3: 0 8px 24px rgba(69, 54, 34, .08), 0 4px 8px rgba(69, 54, 34, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Inter", system-ui, sans-serif;--display-weight: 700;--display-tracking: -.02em;--nav-text: #6B5438;--nav-text-active: #3E2E1E;--nav-active-bg: rgba(176, 141, 98, .26);--glass-bg: rgba(255, 253, 249, .7);--glass-blur: blur(12px);--glass-border: rgba(222, 204, 176, .3);--nav-surface: linear-gradient(168deg, rgba(255, 253, 249, .94) 0%, rgba(248, 241, 230, .82) 42%, rgba(236, 222, 204, .9) 100%);--topbar-surface: linear-gradient(180deg, rgba(255, 253, 249, .82) 0%, rgba(255, 253, 249, .68) 100%);--primary-gradient: linear-gradient(135deg, #8B6A45, #7A5C3B)}[data-theme=warmsand] .panel,[data-theme=warmsand] .table-wrap,[data-theme=warmsand] .modal,[data-theme=warmsand] .drawer,[data-theme=warmsand] .auth-card,[data-theme=warmsand] .toast{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-color:var(--glass-border)}[data-theme=warmsand] .sidebar{background:var(--nav-surface);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12);box-shadow:inset 0 1px #ffffff73,inset -1px 0 #b08d621f}[data-theme=warmsand] .topbar,[data-theme=warmsand] .sync-strip{background:var(--topbar-surface);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}[data-theme=warmsand] button.primary{background:var(--primary-gradient);box-shadow:0 2px 8px #b08d6240}[data-theme=warmsand] button.primary:hover:not(:disabled){background:linear-gradient(135deg,#7a5c3b,#6b5438)}[data-theme=warmsand] input,[data-theme=warmsand] select,[data-theme=warmsand] textarea{border-width:1.5px}[data-theme=warmsand] input:focus,[data-theme=warmsand] select:focus,[data-theme=warmsand] textarea:focus{box-shadow:0 0 0 3px #b08d621a}[data-theme=warmsand] input:-webkit-autofill,[data-theme=warmsand] input:-webkit-autofill:hover,[data-theme=warmsand] input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #FFFDF9 inset;-webkit-text-fill-color:#3E2E1E;caret-color:#3e2e1e;transition:background-color 99999s ease-in-out 0s}[data-theme=warmsand] .eyebrow,[data-theme=warmsand] thead th{letter-spacing:.08em}[data-theme=verdant]{--surface-page: #F1F3F1;--surface-base: #FFFFFF;--surface-raised: #FFFFFF;--surface-sunken: #F5F7F5;--surface-hover: #F2F8F4;--surface-selected: #E4F2EA;--surface-overlay: rgba(16, 32, 24, .45);--text-primary: #14231B;--text-secondary: #4E5C54;--text-muted: #7C8A82;--text-inverse: #FFFFFF;--text-link: #146B42;--text-danger: #B02525;--border-subtle: #E7EAE8;--border-default: #CFD6D1;--border-strong: #9BA5A0;--border-focus: #146B42;--action-primary: #146B42;--action-primary-hover: #115939;--action-primary-active: #0D4A2F;--action-secondary: #FFFFFF;--action-secondary-hover: #F2F8F4;--action-danger: #B02525;--action-danger-hover: #921E1E;--action-disabled: #DDE3DF;--status-new: #0E7490;--status-new-bg: #DFF1F6;--status-new-fg: #075063;--status-calling: #B45309;--status-calling-bg: #FDECDC;--status-calling-fg: #8A3F06;--status-confirmed: #146B42;--status-confirmed-bg: #DCF2E5;--status-confirmed-fg: #0D4A2E;--status-cod: #0F766E;--status-cod-bg: #DBF0EE;--status-cod-fg: #0A5450;--status-pending: #92700A;--status-pending-bg: #F8F0D5;--status-pending-fg: #6E5407;--status-not-picked: #7C4A24;--status-not-picked-bg: #F3E9E1;--status-not-picked-fg: #5C3719;--status-cancelled: #B02525;--status-cancelled-bg: #FBE4E4;--status-cancelled-fg: #841B1B;--feedback-success: #146B42;--feedback-success-bg: #DCF2E5;--feedback-success-fg: #0D4A2E;--feedback-warning: #B45309;--feedback-warning-bg: #FDECDC;--feedback-warning-fg: #8A3F06;--feedback-error: #B02525;--feedback-error-bg: #FBE4E4;--feedback-error-fg: #841B1B;--feedback-info: #0E7490;--feedback-info-bg: #DFF1F6;--feedback-info-fg: #075063;--elevation-1: 0 1px 3px rgba(20, 45, 32, .07);--elevation-2: 0 6px 20px rgba(20, 45, 32, .1);--elevation-3: 0 18px 44px rgba(20, 45, 32, .18);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--font-ui: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display: "Sora", "Manrope", system-ui, sans-serif;--display-weight: 700;--display-tracking: -.02em;--nav-surface: #FFFFFF;--nav-text: #6B7772;--nav-text-active: #14231B;--nav-active-bg: #E4F2EA}[data-theme=verdant] button:not(.tab):not(.nav-item):not(.copy-btn){border-radius:var(--radius-pill)}[data-theme=verdant] .nav-item.active{box-shadow:var(--elevation-1);color:var(--action-primary)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--surface-selected)}input[type=checkbox],input[type=radio]{accent-color:var(--action-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--border-strong)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.muted{color:var(--text-muted)}.secondary-text{color:var(--text-secondary)}.right{text-align:right}.nowrap{white-space:nowrap}.row{display:flex;align-items:center;gap:var(--space-2)}.col{display:flex;flex-direction:column;gap:var(--space-2)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--leading-tight)}h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--display-weight);line-height:var(--leading-tight)}h3{font-size:var(--text-md);font-weight:var(--weight-semibold)}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%}@media(min-width:901px){.shell.railed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.shell.railed .sidebar{padding-inline:var(--space-2)}.shell.railed .sidebar .label{display:none}.shell.railed .sidebar .brand,.shell.railed .nav-item{justify-content:center;padding-inline:0}}.nav-toggle{flex:none;font-size:var(--text-md);padding-inline:var(--space-3)}.sidebar{background:var(--nav-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-3);overflow:hidden}.sidebar .brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-lg);color:var(--nav-text-active);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);padding:0 var(--space-2) var(--space-6);white-space:nowrap}.brand-mark{flex:none;width:34px;height:34px;border-radius:var(--radius-md);background:var(--action-primary);color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:0;box-shadow:var(--elevation-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);height:46px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--nav-text);text-decoration:none;font-size:var(--text-md);font-weight:var(--weight-medium);border:none;background:none;cursor:pointer;width:100%;text-align:left;position:relative}.nav-item{transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-item:hover{background:color-mix(in srgb,var(--nav-active-bg) 26%,transparent);color:var(--nav-text-active)}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-text-active);font-weight:var(--weight-semibold);box-shadow:inset 3px 0 0 var(--action-primary),var(--elevation-1)}.nav-item .icon{flex:none;width:22px;font-size:var(--text-md);text-align:center;opacity:.9}.nav-item.active .icon{opacity:1}.nav-divider{height:1px;background:color-mix(in srgb,var(--nav-text) 22%,transparent);margin:var(--space-4) var(--space-3)}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);min-height:64px;background:var(--surface-base);border-bottom:1px solid var(--border-subtle)}.sync-strip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--surface-base);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);box-shadow:var(--elevation-1)}.sync-strip .chip{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap}.sync-strip .chip.live{color:var(--feedback-success-fg);background:var(--feedback-success-bg);border-color:transparent}.sync-strip .chip.stale{color:var(--feedback-warning-fg);background:var(--feedback-warning-bg);border-color:transparent}.sync-strip .dot{width:8px;height:8px;border-radius:var(--radius-pill);flex:none}.dot.ok{background:var(--status-confirmed);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-confirmed) 24%,transparent)}.dot.warn{background:var(--status-calling);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-calling) 24%,transparent)}.dot.bad{background:var(--status-cancelled);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-cancelled) 24%,transparent)}.content{flex:1;overflow:auto;padding:var(--space-6) var(--space-7)}button{height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--action-secondary);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}button:hover:not(:disabled){background:var(--action-secondary-hover);box-shadow:var(--elevation-1)}button:active:not(:disabled){transform:translateY(1px);box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--action-primary);color:var(--text-inverse);border-color:transparent;box-shadow:var(--elevation-1)}button.primary:hover:not(:disabled){background:var(--action-primary-hover);box-shadow:var(--elevation-2)}button.danger{background:var(--action-danger);color:var(--text-inverse);border-color:transparent}button.danger:hover:not(:disabled){background:var(--action-danger-hover);box-shadow:var(--elevation-2)}button.ghost{background:none;border-color:transparent}button.ghost:hover:not(:disabled){background:var(--surface-hover);box-shadow:none}button.sm{height:var(--control-height-sm);padding:0 var(--space-4);font-size:var(--text-sm)}input,select,textarea{height:var(--control-height);width:100%;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-base)}textarea{height:auto;min-height:84px;padding:var(--space-3);resize:vertical;line-height:var(--leading-normal)}input,select,textarea{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 18%,transparent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.field{margin-bottom:var(--space-5)}.field-error{color:var(--text-danger);font-size:var(--text-sm);margin-top:var(--space-1)}.hint{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.panel{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--elevation-1)}.panel-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--border-subtle)}.panel-body{padding:var(--space-5)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;letter-spacing:0}.status-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor;flex:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);border:1px solid var(--border-subtle);white-space:nowrap}.badge.risk-medium{background:var(--status-calling-bg);color:var(--status-calling-fg);border-color:transparent}.badge.risk-high{background:var(--status-cancelled-bg);color:var(--status-cancelled-fg);border-color:transparent}.avatar{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold);flex:none;border:1px solid var(--border-subtle)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);margin-bottom:var(--space-4);border-left:4px solid currentColor}.banner.warning{background:var(--feedback-warning-bg);color:var(--feedback-warning-fg)}.banner.error{background:var(--feedback-error-bg);color:var(--feedback-error-fg)}.banner.info{background:var(--feedback-info-bg);color:var(--feedback-info-fg)}.table-wrap{overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-base);box-shadow:var(--elevation-1)}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}thead th{position:sticky;top:0;z-index:1;background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);text-align:left;padding:var(--space-4) var(--row-padding-x);border-bottom:2px solid var(--border-default);white-space:nowrap}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--text-primary);background:var(--surface-hover)}tbody td{height:var(--row-height);padding:0 var(--row-padding-x);border-bottom:1px solid var(--border-subtle);white-space:nowrap}tbody td.right.mono{font-weight:var(--weight-semibold)}tbody tr{cursor:pointer}tbody tr:last-child td{border-bottom:none}tbody td{transition:background var(--duration-fast) var(--ease-out)}tbody tr:hover{background:var(--surface-hover)}tbody tr.selected{background:var(--surface-selected)}tbody tr.selected td{border-bottom-color:transparent}td.rail{width:4px;padding:0;border-bottom:none}td.rail span{display:block;width:4px;height:var(--row-height);background:var(--rail-color, transparent)}@keyframes arrive{0%{background:var(--feedback-info-bg)}to{background:transparent}}tbody tr.arrived{animation:arrive .3s var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--surface-sunken),var(--surface-hover),var(--surface-sunken));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm);height:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.empty h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-lg)}.empty .icon{font-size:var(--text-2xl);margin-bottom:var(--space-3);opacity:.6}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-secondary)}.filter-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-base);border:1px solid var(--border-subtle);box-shadow:var(--elevation-1)}.filter-bar input,.filter-bar select{width:auto;min-width:152px;height:var(--control-height-sm)}.filter-bar input[type=search]{min-width:280px}.check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-weight:var(--weight-medium)}.check input{width:18px;height:18px;min-width:0;flex:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--surface-base);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);width:min(560px,100%);max-height:88vh;overflow:auto;animation:modal-in var(--duration-base) var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:41;width:min(620px,100%);background:var(--surface-base);box-shadow:var(--elevation-3);display:flex;flex-direction:column;animation:drawer-in var(--duration-base) var(--ease-out)}@keyframes drawer-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.drawer-header{padding:var(--space-5);border-bottom:1px solid var(--border-subtle)}.drawer-body{flex:1;overflow:auto;padding:var(--space-5)}.drawer-actions{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-2);background:var(--surface-base)}.toasts{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:90;display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);box-shadow:var(--elevation-3);background:var(--surface-raised);border-left:4px solid var(--feedback-info);min-width:300px;max-width:420px;font-weight:var(--weight-medium);animation:toast-in var(--duration-base) var(--ease-out)}.toast.success{border-left-color:var(--feedback-success)}.toast.error{border-left-color:var(--feedback-error)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.tab{height:46px;padding:0 var(--space-4);border:none;background:none;color:var(--text-secondary);border-bottom:3px solid transparent;border-radius:0;font-size:var(--text-base);font-weight:var(--weight-semibold);transition:color var(--duration-fast) var(--ease-out)}.tab:hover:not(.active){color:var(--text-primary);background:none;box-shadow:none}.tab.active{color:var(--text-primary);border-bottom-color:var(--action-primary)}.timeline{display:flex;flex-direction:column;gap:var(--space-4)}.timeline-item{display:flex;gap:var(--space-4);font-size:var(--text-base);padding-left:var(--space-4);border-left:2px solid var(--border-subtle)}.timeline-item.reversal{border-left-color:var(--status-cancelled);background:var(--status-cancelled-bg);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.timeline-item time{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex:none;width:104px}.kv{display:grid;grid-template-columns:104px 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-base);align-items:baseline}.kv dt{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.section{margin-bottom:var(--space-6)}.section>.eyebrow{margin-bottom:var(--space-3)}.copy-btn{border:none;background:none;padding:0 var(--space-1);height:auto;color:var(--text-muted);cursor:pointer}.copy-btn:hover{color:var(--text-link);background:none;box-shadow:none}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:var(--space-4)}.stat{padding:var(--space-5)}.stat .value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.stat .label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:var(--weight-bold)}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--surface-page)}.auth-card{width:min(440px,100%);padding:var(--space-7)}.auth-card h1{text-align:center;margin-bottom:var(--space-6)}@media(max-width:1779px){.col-last-action,.col-shipment{display:none}}@media(max-width:1559px){.col-assigned{display:none}}@media(max-width:1439px){:root{--row-padding-x: 12px}}@media(max-width:1399px){.col-comment{display:none}}@media(max-width:1319px){.col-attempts{display:none}.drawer{width:100%}}@media(max-width:900px){.col-placed{display:none}.content{padding:var(--space-4)}.topbar,.sync-strip{padding-inline:var(--space-4)}.filter-bar input[type=search]{min-width:100%}.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(var(--sidebar-width),84vw);transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--elevation-3);visibility:hidden}.shell.nav-open .sidebar{transform:none;visibility:visible}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:var(--surface-overlay)}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}