:root{--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--header-h: 56px;--sidebar-w: 240px;--sidebar-collapsed-w: 64px}:root,[data-theme=light]{--color-bg: #F5F6F8;--color-surface: #F8F9FA;--color-surface-raised: #FFFFFF;--color-surface-hover: #F1F3F4;--color-surface-active: #E8EAED;--color-border: #D0D3D9;--color-border-light: #E8EAED;--color-border-focus: #B87333;--color-copper: #B87333;--color-copper-light: #D4903C;--color-copper-dark: #8B5E2A;--color-copper-dim: rgba(184, 115, 51, .08);--color-copper-hover: rgba(184, 115, 51, .12);--color-teal: #0D7377;--color-teal-light: #14A3A8;--color-teal-dim: rgba(13, 115, 119, .08);--color-success: #188038;--color-success-bg: #E6F4EA;--color-success-border: #A8DAB5;--color-error: #D93025;--color-error-bg: #FCE8E6;--color-error-border: #F5C6C2;--color-warning: #E37400;--color-warning-bg: #FEF7E0;--color-warning-border: #FBCB88;--color-info: #1A73E8;--color-info-light: #4285F4;--color-info-bg: #E8F0FE;--color-info-border: #AECBFA;--color-text: #202124;--color-text-secondary: #5F6368;--color-text-tertiary: #9AA0A6;--color-text-inverse: #FFFFFF;--color-text-link: #1A73E8;--header-bg: linear-gradient(135deg, #8B5E2A 0%, #B87333 60%, #0D7377 100%);--header-text: #FFFFFF;--sidebar-bg: #FFFFFF;--sidebar-border: #E8EAED;--sidebar-item-hover: rgba(184, 115, 51, .06);--sidebar-item-active: rgba(184, 115, 51, .1);--sidebar-active-indicator: #B87333;--card-bg: #FFFFFF;--card-border: #D9DCE1;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--card-hover-shadow: 0 4px 12px rgba(0, 0, 0, .1);--table-header-bg: #F8F9FA;--table-row-hover: #F8F9FA;--table-border: #E8EAED;--input-bg: #FFFFFF;--input-border: #DADCE0;--input-focus-border: #B87333;--input-placeholder: #9AA0A6;--overlay-bg: rgba(0, 0, 0, .5);--tooltip-bg: #202124;--tooltip-text: #FFFFFF}[data-theme=dark]{--color-bg: #1A1A2E;--color-surface: #16213E;--color-surface-raised: #1E2A4A;--color-surface-hover: #253352;--color-surface-active: #2C3B5A;--color-border: #2C3B5A;--color-border-light: #253352;--color-border-focus: #D4903C;--color-copper: #D4903C;--color-copper-light: #E8A84C;--color-copper-dark: #B87333;--color-copper-dim: rgba(212, 144, 60, .12);--color-copper-hover: rgba(212, 144, 60, .18);--color-teal: #14A3A8;--color-teal-light: #1FC4CA;--color-teal-dim: rgba(20, 163, 168, .12);--color-success: #34A853;--color-success-bg: rgba(52, 168, 83, .12);--color-success-border: rgba(52, 168, 83, .3);--color-error: #F28B82;--color-error-bg: rgba(242, 139, 130, .12);--color-error-border: rgba(242, 139, 130, .3);--color-warning: #FDD663;--color-warning-bg: rgba(253, 214, 99, .12);--color-warning-border: rgba(253, 214, 99, .3);--color-info: #8AB4F8;--color-info-light: #AECBFA;--color-info-bg: rgba(138, 180, 248, .12);--color-info-border: rgba(138, 180, 248, .3);--color-text: #E8EAED;--color-text-secondary: #BDC1C6;--color-text-tertiary: #9AA0A6;--color-text-inverse: #202124;--color-text-link: #8AB4F8;--header-bg: linear-gradient(135deg, #1E2A4A 0%, #2C3B5A 60%, #0D7377 100%);--header-text: #E8EAED;--sidebar-bg: #16213E;--sidebar-border: #2C3B5A;--sidebar-item-hover: rgba(212, 144, 60, .08);--sidebar-item-active: rgba(212, 144, 60, .14);--sidebar-active-indicator: #D4903C;--card-bg: #1E2A4A;--card-border: #2C3B5A;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-hover-shadow: 0 4px 12px rgba(0, 0, 0, .4);--table-header-bg: #16213E;--table-row-hover: #253352;--table-border: #2C3B5A;--input-bg: #1E2A4A;--input-border: #2C3B5A;--input-focus-border: #D4903C;--input-placeholder: #9AA0A6;--overlay-bg: rgba(0, 0, 0, .7);--tooltip-bg: #E8EAED;--tooltip-text: #202124;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .3)}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base),color var(--transition-base)}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:root{--accent: var(--color-copper);--accent-soft: var(--color-copper-hover);--bg: var(--color-bg);--surface: var(--color-surface-raised);--border: var(--color-border);--text: var(--color-text);--muted: var(--color-text-secondary);--shadow: var(--shadow-sm)}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:var(--text-base)}.app{min-height:100vh}.content{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:.6rem}.header-logo{height:26px;width:auto;display:block}.login-logo{height:44px;width:auto;display:block;margin:0 auto .75rem}.header-title{font-weight:700;color:var(--accent);font-size:1.05rem}.header-right{display:flex;align-items:center;gap:1rem}.header-refresh{color:var(--muted);font-variant-numeric:tabular-nums}.header-user{color:var(--text)}.header-logout{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);padding:.3rem .7rem;cursor:pointer;color:var(--text)}.header-logout:hover{border-color:var(--accent)}.stale-banner{background:var(--color-surface-active);border-bottom:1px solid var(--accent-soft);color:var(--color-text-secondary);padding:.6rem 1.25rem;font-size:.9rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow)}.card-value{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums}.card-label{color:var(--muted);margin-top:.2rem}.requests{display:flex;flex-direction:column;gap:1rem}.request{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.request-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.request-ref{margin:0;font-size:1.05rem;color:var(--accent)}.request-site{color:var(--muted);font-size:.85rem}.request-desc{margin:.25rem 0 1rem;color:var(--text)}.request-meta{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:.9rem;color:var(--muted);font-size:.85rem}.request-state{margin:.5rem 0 0;font-size:.9rem;font-weight:600;color:var(--accent)}.request-state-extended{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);padding:.1rem .5rem}.request-state-closed{color:var(--muted);font-weight:600}.request-delivery{margin:.35rem 0 0;font-size:.9rem;color:var(--muted)}.request-note{margin:.75rem 0 0;padding-top:.75rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.stagebar{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:0;padding:0}.seg{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;position:relative}.seg:before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--border);z-index:0}.seg:first-child:before{display:none}.seg-reached:before{background:var(--accent)}.seg-dot{width:14px;height:14px;border-radius:50%;background:var(--border);z-index:1}.seg-reached .seg-dot{background:var(--accent)}.seg-current .seg-dot{box-shadow:0 0 0 4px var(--accent-soft)}.seg-label{font-size:.72rem;color:var(--muted);line-height:1.2}.seg-reached .seg-label{color:var(--text)}.seg-count{color:var(--accent);font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;box-shadow:var(--shadow)}.panel h2{margin:0 0 .5rem;font-size:1.05rem}.grid{width:100%;border-collapse:collapse}.grid th,.grid td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.grid th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.col-ref{font-variant-numeric:tabular-nums;white-space:nowrap}.empty,.loading{color:var(--muted);padding:.75rem 0}.error-box{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.error-box button{border:1px solid var(--color-error);background:transparent;color:var(--color-error);border-radius:var(--radius-md);padding:.3rem .8rem;cursor:pointer}.footer{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;color:var(--muted);font-size:.8rem;text-align:center;border-top:1px solid var(--border)}.login,.splash{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.splash span{color:var(--muted);font-weight:600}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem 2rem;box-shadow:var(--shadow);width:min(380px,92vw);display:flex;flex-direction:column;gap:.75rem}.login-title{color:var(--accent);margin:0;text-align:center}.login-sub{color:var(--muted);margin:0 0 .75rem;text-align:center}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.field input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;color:var(--text)}.login-submit{margin-top:.5rem;border:1px solid var(--accent);background:var(--accent);color:var(--color-text-inverse);border-radius:var(--radius-md);padding:.55rem;cursor:pointer;font-size:.95rem}.login-submit:disabled{opacity:.6;cursor:default}.login-error{color:var(--color-error);font-size:.85rem;margin:.25rem 0 0;text-align:center}