*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #081740;--navy-light: #0f2858;--navy-mid: #17336b;--status-red: #f45252;--status-red-glow: rgba(244, 82, 82, .5);--status-red-bg: rgba(244, 82, 82, .06);--status-red-border: rgba(244, 82, 82, .15);--status-red-text: #ff7b7b;--status-yellow: #faff00;--status-yellow-glow: rgba(250, 255, 0, .3);--status-yellow-bg: rgba(250, 255, 0, .05);--status-yellow-border: rgba(250, 255, 0, .12);--status-blue: #3b82f6;--status-blue-glow: rgba(59, 130, 246, .4);--status-green: #34d872;--status-green-bg: rgba(52, 216, 114, .06);--status-green-border: rgba(52, 216, 114, .15);--status-green-text: #34d872;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-page-title: 22px;--font-section-title: 16px;--font-heading: 15px;--font-body: 14px;--font-small: 13px;--font-caption: 12px;--font-label: 11px;--font-stat: 28px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px}[data-theme=dark]{color-scheme:dark;--yellow: #faff00;--yellow-dim: rgba(250, 255, 0, .7);--yellow-bg: rgba(250, 255, 0, .14);--yellow-border: rgba(250, 255, 0, .12);--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .12);--glass-border: rgba(250, 255, 0, .06);--glass-border-hover: rgba(250, 255, 0, .12);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .55);--text-label: rgba(255, 255, 255, .45);--text-light: rgba(255, 255, 255, .85);--input-bg: rgba(255, 255, 255, .08);--input-border: rgba(250, 255, 0, .08);--input-focus-border: rgba(250, 255, 0, .35);--nav-bg: rgba(255, 255, 255, .04);--nav-border: rgba(250, 255, 0, .06);--dropdown-bg: #0e2352;--pill-bg: rgba(255, 255, 255, .04);--pill-border: rgba(250, 255, 0, .06);--pill-hover-bg: rgba(255, 255, 255, .08);--body-bg: linear-gradient(145deg, #081740 0%, #0f2858 35%, #17336b 60%, #0a1e50 100%);--blob-yellow: rgba(250, 255, 0, .06);--blob-blue: rgba(30, 61, 125, .18)}[data-theme=light]{color-scheme:light;--yellow: #9a7800;--yellow-dim: #7a5f00;--yellow-bg: rgba(154, 120, 0, .1);--yellow-border: rgba(154, 120, 0, .25);--glass-bg: #ffffff;--glass-bg-hover: #f5f6f8;--glass-border: rgba(8, 23, 64, .12);--glass-border-hover: rgba(8, 23, 64, .2);--text-primary: #0a0f1e;--text-secondary: #2d3a4e;--text-muted: #3d4f63;--text-label: #4a5d72;--text-light: #1e293b;--input-bg: #f1f5f9;--input-border: #b0bec9;--input-focus-border: #9a7800;--nav-bg: rgba(255, 255, 255, .95);--nav-border: rgba(8, 23, 64, .12);--dropdown-bg: #ffffff;--pill-bg: #edf0f5;--pill-border: #d1d9e4;--pill-hover-bg: #dde3ec;--body-bg: #e8ecf2;--blob-yellow: transparent;--blob-blue: transparent;--status-red: #dc2626;--status-red-text: #b91c1c;--status-green: #16a34a;--status-green-text: #15803d}body{font-family:var(--font-family);font-size:var(--font-body);background:var(--body-bg);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}[data-theme=light] .glass{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 3px #08174014,0 4px 12px #0817400f;border-color:#0817401a}.btn-primary{background:#faff00;color:#081740;font-weight:600;padding:10px 20px;border-radius:var(--radius-lg);border:none;cursor:pointer;font-size:var(--font-body);font-family:var(--font-family);box-shadow:0 4px 15px #faff0033;transition:background .2s,box-shadow .2s,transform .2s}[data-theme=light] .btn-primary{background:#081740;color:#faff00;box-shadow:0 4px 15px #08174033}.btn-primary:hover{background:#e0e600;box-shadow:0 6px 20px #faff004d;transform:translateY(-1px)}[data-theme=light] .btn-primary:hover{background:#0f2858;box-shadow:0 6px 20px #0817404d}.btn-accent{background:var(--yellow-bg);border:1px solid var(--yellow-border);color:var(--yellow-dim);font-weight:500;padding:8px 14px;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-body);font-family:var(--font-family);transition:background .2s}.btn-accent:hover{background:var(--yellow-bg);filter:brightness(1.1)}.btn-green{background:#34d87226;border:1px solid rgba(52,216,114,.25);color:var(--status-green-text);font-weight:500;padding:8px 14px;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-body);font-family:var(--font-family);transition:background .2s}[data-theme=light] .btn-green{background:#34d8721f;border-color:#34d8724d;color:#15803d}.btn-green:hover{background:#34d87240}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--overdue{background:var(--status-red);box-shadow:0 0 8px var(--status-red-glow)}.status-dot--partial{background:var(--status-yellow);box-shadow:0 0 8px var(--status-yellow-glow)}.status-dot--open{background:var(--status-blue);box-shadow:0 0 8px var(--status-blue-glow)}.status-dot--received{background:var(--status-green);box-shadow:0 0 8px #34d87266}.pill{background:var(--pill-bg);border:1px solid var(--pill-border);padding:6px 16px;border-radius:var(--radius-xl);font-size:var(--font-body);font-family:var(--font-family);color:var(--text-muted);cursor:pointer;transition:all .2s}.pill:hover{background:var(--pill-hover-bg)}.pill--active{background:var(--yellow-bg);border-color:var(--yellow-border);color:var(--yellow-dim);font-weight:500}.stat-card{padding:14px 16px}.stat-card__label{color:var(--text-muted);font-size:var(--font-label);text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font-size:var(--font-stat);font-weight:800;margin-top:4px}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:10px 14px;color:var(--text-primary);font-size:var(--font-body);font-family:var(--font-family);outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--input-focus-border)}input::placeholder{color:var(--text-muted)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a95b4' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}select option{background:var(--dropdown-bg, #0e2352);color:var(--text-primary)}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{width:500px;height:500px;background:radial-gradient(circle,var(--blob-yellow),transparent 70%);top:-120px;right:-100px}body:after{width:400px;height:400px;background:radial-gradient(circle,var(--blob-blue),transparent 70%);bottom:-80px;left:-80px}#root{position:relative;z-index:1}[data-theme=light] body{background:var(--body-bg)}[data-theme=light] nav{background:var(--nav-bg)!important;border-bottom-color:var(--nav-border)!important}