@charset "UTF-8";:root{--font-ui: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--accent: #5b5bf2;--accent-strong: #4f46e5;--accent-soft: rgba(91, 91, 242, .13);--grad-start: #5b5bf2;--grad-mid: #5b5bf2;--grad-end: #4f46e5;--accent-gradient: linear-gradient(180deg, #6366f1, #4f46e5);--accent-gradient-h: linear-gradient(90deg, #6366f1, #4f46e5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);--shadow-glow: 0 0 30px rgba(91, 91, 242, .15);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .25s;--sidebar-width: 260px;--sidebar-collapsed: 0px;--toolbar-height: 64px}:root,[data-theme=light]{--bg-base: #f0f2f5;--bg-surface: #ffffff;--bg-surface-hover: #f8f9fb;--bg-elevated: #ffffff;--bg-sidebar: #ffffff;--bg-toolbar: rgba(255, 255, 255, .85);--bg-input: #f5f6f8;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-inverse: #ffffff;--text-on-gradient: #ffffff;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--status-success: #10b981;--status-success-bg: #ecfdf5;--status-success-text: #065f46;--status-warning: #f59e0b;--status-warning-bg: #fffbeb;--status-warning-text: #92400e;--status-error: #ef4444;--status-error-bg: #fef2f2;--status-error-text: #991b1b;--status-info: #6366f1;--status-info-bg: #eef2ff;--status-info-text: #3730a3;--card-bg: #ffffff;--card-border: #e2e8f0;--card-shadow: var(--shadow-md);--table-header-bg: #f8fafc;--table-row-hover: #f1f5f9;--table-border: #e2e8f0;--scrollbar-thumb: #cbd5e1;--scrollbar-track: transparent;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 20px;--accent-fg: #4f46e5}[data-theme=dark]{--bg-base: #0c0e14;--bg-surface: #151821;--bg-surface-hover: #1c2030;--bg-elevated: #1a1e2e;--bg-sidebar: #111420;--bg-toolbar: rgba(17, 20, 32, .85);--bg-input: #1a1e2e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #7e8ca3;--text-inverse: #0f172a;--text-on-gradient: #ffffff;--border-color: #1e293b;--border-subtle: #1e293b;--status-success: #34d399;--status-success-bg: rgba(52, 211, 153, .12);--status-success-text: #6ee7b7;--status-warning: #fbbf24;--status-warning-bg: rgba(251, 191, 36, .12);--status-warning-text: #fcd34d;--status-error: #f87171;--status-error-bg: rgba(248, 113, 113, .12);--status-error-text: #fca5a5;--status-info: #818cf8;--status-info-bg: rgba(129, 140, 248, .12);--status-info-text: #a5b4fc;--card-bg: #151821;--card-border: #1e293b;--card-shadow: 0 4px 20px rgba(0, 0, 0, .3);--table-header-bg: #111420;--table-row-hover: #1c2030;--table-border: #1e293b;--scrollbar-thumb: #334155;--scrollbar-track: transparent;--glass-bg: rgba(21, 24, 33, .75);--glass-border: rgba(30, 41, 59, .6);--glass-blur: 20px;--accent-fg: #a5b4fc}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);transition:background var(--duration) var(--ease),color var(--duration) var(--ease);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,kbd,samp,pre,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}html{--mat-sys-background: light-dark(#f8f9ff, #051425);--mat-sys-error: light-dark(#b91a24, #ffb3ad);--mat-sys-error-container: light-dark(#ffdad7, #930013);--mat-sys-inverse-on-surface: light-dark(#eaf1ff, #233144);--mat-sys-inverse-primary: light-dark(#c1c1ff, #4847e0);--mat-sys-inverse-surface: light-dark(#233144, #d5e3fc);--mat-sys-on-background: light-dark(#0d1c2e, #d5e3fc);--mat-sys-on-error: light-dark(#ffffff, #68000a);--mat-sys-on-error-container: light-dark(#930013, #ffdad7);--mat-sys-on-primary: light-dark(#ffffff, #1400a8);--mat-sys-on-primary-container: light-dark(#2e28c8, #e1dfff);--mat-sys-on-primary-fixed: light-dark(#09006b, #09006b);--mat-sys-on-primary-fixed-variant: light-dark(#2e28c8, #2e28c8);--mat-sys-on-secondary: light-dark(#ffffff, #233144);--mat-sys-on-secondary-container: light-dark(#3a485b, #d5e3fc);--mat-sys-on-secondary-fixed: light-dark(#0d1c2e, #0d1c2e);--mat-sys-on-secondary-fixed-variant: light-dark(#3a485b, #3a485b);--mat-sys-on-surface: light-dark(#0d1c2e, #d5e3fc);--mat-sys-on-surface-variant: light-dark(#38485d, #d3e4fe);--mat-sys-on-tertiary: light-dark(#ffffff, #1400a8);--mat-sys-on-tertiary-container: light-dark(#2e28c8, #e1dfff);--mat-sys-on-tertiary-fixed: light-dark(#09006b, #09006b);--mat-sys-on-tertiary-fixed-variant: light-dark(#2e28c8, #2e28c8);--mat-sys-outline: light-dark(#68788f, #8292aa);--mat-sys-outline-variant: light-dark(#b7c8e1, #38485d);--mat-sys-primary: light-dark(#4847e0, #c1c1ff);--mat-sys-primary-container: light-dark(#e1dfff, #2e28c8);--mat-sys-primary-fixed: light-dark(#e1dfff, #e1dfff);--mat-sys-primary-fixed-dim: light-dark(#c1c1ff, #c1c1ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#515f74, #b9c7df);--mat-sys-secondary-container: light-dark(#d5e3fc, #3a485b);--mat-sys-secondary-fixed: light-dark(#d5e3fc, #d5e3fc);--mat-sys-secondary-fixed-dim: light-dark(#b9c7df, #b9c7df);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f8f9ff, #051425);--mat-sys-surface-bright: light-dark(#f8f9ff, #2c3a4d);--mat-sys-surface-container: light-dark(#e6eeff, #122032);--mat-sys-surface-container-high: light-dark(#dce9ff, #1d2b3d);--mat-sys-surface-container-highest: light-dark(#d5e3fc, #283648);--mat-sys-surface-container-low: light-dark(#eff4ff, #0d1c2e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #010f20);--mat-sys-surface-dim: light-dark(#ccdbf3, #051425);--mat-sys-surface-tint: light-dark(#4847e0, #c1c1ff);--mat-sys-surface-variant: light-dark(#d3e4fe, #38485d);--mat-sys-tertiary: light-dark(#4847e0, #c1c1ff);--mat-sys-tertiary-container: light-dark(#e1dfff, #2e28c8);--mat-sys-tertiary-fixed: light-dark(#e1dfff, #e1dfff);--mat-sys-tertiary-fixed-dim: light-dark(#c1c1ff, #c1c1ff);--mat-sys-neutral-variant20: #213145;--mat-sys-neutral10: #0d1c2e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-body-large-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-body-medium-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-body-small-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-display-large-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-display-medium-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-display-small-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-headline-large-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-headline-medium-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-headline-small-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-label-large-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-label-medium-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-label-small-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-title-large-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-title-medium-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-title-small-font: Hanken Grotesk, -apple-system, BlinkMacSystemFont, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--mat-sys-primary: var(--accent);--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: var(--accent-soft);--mat-sys-on-primary-container: var(--text-primary);--mat-sys-secondary: var(--accent);--mat-sys-on-secondary: #ffffff;--mat-sys-secondary-container: var(--accent-soft);--mat-sys-on-secondary-container: var(--text-primary);--mat-sys-tertiary: var(--accent);--mat-sys-on-tertiary: #ffffff;--mat-sys-tertiary-container: var(--accent-soft);--mat-sys-on-tertiary-container: var(--text-primary);--mat-sys-background: var(--bg-base);--mat-sys-on-background: var(--text-primary);--mat-sys-surface: var(--bg-surface);--mat-sys-surface-dim: var(--bg-base);--mat-sys-surface-bright: var(--bg-elevated);--mat-sys-surface-container-lowest: var(--bg-surface);--mat-sys-surface-container-low: var(--bg-surface);--mat-sys-surface-container: var(--bg-elevated);--mat-sys-surface-container-high: var(--bg-elevated);--mat-sys-surface-container-highest: var(--bg-surface-hover);--mat-sys-surface-variant: var(--bg-input);--mat-sys-on-surface: var(--text-primary);--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-inverse-surface: var(--text-primary);--mat-sys-inverse-on-surface: var(--bg-surface);--mat-sys-outline: var(--border-color);--mat-sys-outline-variant: var(--border-subtle);--mat-sys-error: var(--status-error);--mat-sys-on-error: #ffffff;--mat-sys-error-container: var(--status-error-bg);--mat-sys-on-error-container: var(--status-error-text);--mat-sys-corner-extra-small: var(--radius-sm);--mat-sys-corner-small: var(--radius-sm);--mat-sys-corner-medium: var(--radius-md);--mat-sys-corner-large: var(--radius-lg);--mat-sys-corner-extra-large: var(--radius-xl);--mat-button-filled-container-shape: var(--radius-sm);--mat-button-protected-container-shape: var(--radius-sm);--mat-button-outlined-container-shape: var(--radius-sm);--mat-button-text-container-shape: var(--radius-sm);--mat-button-tonal-container-shape: var(--radius-sm);--mat-button-filled-container-color: var(--accent);--mat-button-filled-label-text-color: #ffffff;--mat-button-protected-container-color: var(--bg-surface);--mat-button-protected-label-text-color: var(--text-primary);--mat-button-outlined-label-text-color: var(--text-primary);--mat-button-text-label-text-color: var(--text-secondary);--mat-button-tonal-container-color: var(--accent-soft);--mat-button-tonal-label-text-color: var(--text-primary);--mat-chip-container-shape-radius: var(--radius-sm);--mat-button-toggle-shape: var(--radius-sm);--mat-button-toggle-legacy-shape: var(--radius-sm);--mat-form-field-outlined-container-shape: var(--radius-sm);--mat-form-field-outlined-focus-outline-color: var(--accent-fg);--mat-form-field-outlined-focus-label-text-color: var(--accent-fg);--mat-form-field-outlined-caret-color: var(--accent-fg);--mat-tab-active-indicator-color: var(--accent-fg);--mat-tab-active-label-text-color: var(--text-primary);--mat-tab-active-hover-label-text-color: var(--text-primary);--mat-tab-active-focus-label-text-color: var(--text-primary);--mat-tab-inactive-label-text-color: var(--text-secondary);--mat-progress-spinner-active-indicator-color: var(--accent-fg);--mat-select-focused-arrow-color: var(--accent-fg);--mat-snack-bar-container-color: var(--bg-elevated);--mat-snack-bar-supporting-text-color: var(--text-primary);--mat-snack-bar-button-color: var(--accent-fg);--mat-snack-bar-container-shape: var(--radius-md)}:root,[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}.mat-mdc-header-cell{color:var(--text-secondary);font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.mat-mdc-cell{font-variant-numeric:tabular-nums}.mat-mdc-row{transition:background var(--duration) var(--ease)}.mat-mdc-row:hover{background:var(--table-row-hover)}.mat-mdc-form-field .mdc-text-field--outlined{background:var(--bg-input);border-radius:var(--radius-sm)}.mat-toolbar{background:transparent;color:var(--text-primary)}.mat-drawer{background:var(--bg-sidebar)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.state-badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:20px;min-width:90px;background:var(--bg-surface-hover);color:var(--text-secondary);transition:all .2s ease}.state-badge .state-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px}.state-badge .state-progress-fill{position:absolute;top:0;left:0;bottom:0;border-radius:20px;transition:width .6s ease}.state-badge .state-pct{margin-left:2px;font-size:10px;opacity:.85}.state-badge .state-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.state-badge[data-state=LOADED]{background:var(--status-info-bg);color:var(--status-info-text)}.state-badge[data-state=COLLECTING]{background:#f59e0b26;color:var(--status-warning-text);box-shadow:0 0 8px #f59e0b4d}.state-badge[data-state=COLLECTING] .state-progress-fill{background:#f59e0b73}.state-badge[data-state=COLLECTING] .state-dot,.state-badge[data-state=PACKING] .state-dot,.state-badge[data-state=DELIVERING] .state-dot{animation:state-dot-pulse 1.5s ease-in-out infinite}@keyframes state-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.state-badge[data-state=COLLECTED]{background:#059669;color:#fff}[data-theme=dark] .state-badge[data-state=COLLECTED]{background:#10b981;color:#f0fdf4}.state-badge[data-state=PACK]{background:var(--status-info-bg);color:#7c3aed}.state-badge[data-state=PACKING]{background:#8b5cf626;color:#7c3aed;box-shadow:0 0 8px #8b5cf64d}.state-badge[data-state=PACKING] .state-progress-fill{background:#8b5cf673}.state-badge[data-state=PACKED]{background:#7c3aed;color:#fff}[data-theme=dark] .state-badge[data-state=PACKED]{background:#8b5cf6;color:#f5f3ff}.state-badge[data-state=DELIVERY]{background:var(--status-info-bg);color:#0ea5e9}.state-badge[data-state=DELIVERING]{background:#2563eb26;color:#2563eb}.state-badge[data-state=DELIVERING] .state-progress-fill{background:#2563eb}.state-badge[data-state=DELIVERING]:has(.state-progress-fill) .state-content{color:#fff;text-shadow:0 0 4px rgba(0,0,0,.2)}.state-badge[data-state=DELIVERED]{background:#0d9488;color:#fff}[data-theme=dark] .state-badge[data-state=DELIVERED]{background:#14b8a6;color:#f0fdfa}.state-badge[data-state=REVIEW]{background:#d97706;color:#fff;box-shadow:0 0 8px #d9770659}[data-theme=dark] .state-badge[data-state=REVIEW]{background:#f59e0b;color:#fffbeb;box-shadow:0 0 10px #f59e0b4d}.state-badge[data-state=SENT]{background:#475569;color:#fff}[data-theme=dark] .state-badge[data-state=SENT]{background:#64748b;color:#f1f5f9}.state-badge[data-state=ERROR]{background:#dc2626;color:#fff;box-shadow:0 0 8px #dc262659}[data-theme=dark] .state-badge[data-state=ERROR]{background:#ef4444;color:#fef2f2;box-shadow:0 0 10px #ef44444d}.state-badge[data-paused]{opacity:.78;box-shadow:inset 0 0 0 1px var(--border-color)}.state-badge[data-paused] .state-progress-fill{opacity:.5}.state-badge .state-paused-icon{font-size:16px;width:16px;height:16px;line-height:16px;flex-shrink:0;color:currentColor;margin-right:-2px}.state-badge[data-paused] .state-paused-icon{animation:none}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.panel-head h2{font-size:13px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.panel-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-tertiary)}.section{margin-bottom:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px;padding:0 4px}.section-title{font-size:18px;font-weight:700;margin:0 0 2px;color:var(--text-primary);letter-spacing:-.01em}.section-sub{font-size:13px;color:var(--text-tertiary);font-weight:500}.section-head.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.section-head .collapse-chevron{color:var(--text-tertiary);flex-shrink:0;transition:color .15s var(--ease)}.section-head.collapsible:hover .collapse-chevron{color:var(--text-primary)}.show-more{display:flex;justify-content:center;margin-top:12px}.show-more-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.show-more-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.show-more-btn mat-icon{font-size:18px;width:18px;height:18px}.progress-track{position:relative;height:6px;background:var(--bg-input);border-radius:999px;overflow:hidden}.progress-fill{position:absolute;inset:0 auto 0 0;background:var(--accent-gradient);border-radius:999px;transition:width .6s var(--ease)}.chip-soft,.chip-warn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:600}.chip-soft{background:var(--status-info-bg);color:var(--status-info-text)}.chip-soft mat-icon,.chip-warn mat-icon{font-size:14px;width:14px;height:14px}.chip-warn{background:var(--status-warning-bg);color:var(--status-warning-text);font-family:ui-monospace,monospace;font-size:12px}.muted{color:var(--text-tertiary)}@media(max-width:768px){:root{--toolbar-height: 56px}}