:root{--brand-navy: #322F76;--brand-deep: #1f1d52;--brand-gold: #D9B35F;--brand-red: #D0232A;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 12px 40px rgba(31, 29, 82, .12);--shadow-sheet: 0 -8px 32px rgba(18, 17, 48, .18);--z-nav: 20;--z-sheet: 30;--z-modal: 40;--z-toast: 50;--motion-fast: .15s;--motion-slow: .25s;--shade-navyNight: #322F76;--shade-goldDust: #D9B35F;--shade-crownRed: #D0232A;--shade-plaster: #F4F0E6;--shade-linen: #E7E2D6;--shade-forest: #1F4D3A;--shade-sky: #7EA0B8;--shade-clay: #C46A4A;--bg: #F6F5FB;--surface: #FFFFFF;--text: #1f1d52;--muted: #5C5878;--line: #E4E1F0;color-scheme:light}:root[data-theme=dark],[data-theme=dark]{--bg: #121130;--surface: #1C1A40;--text: #F6F5FB;--muted: #C8C4DC;--line: #2E2B58;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #121130;--surface: #1C1A40;--text: #F6F5FB;--muted: #C8C4DC;--line: #2E2B58;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}.wrap{width:min(100% - var(--space-lg),1120px);margin:0 auto}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.row{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.title{font-family:var(--font-display);font-size:1.75rem;line-height:1.15;margin:0}.muted{color:var(--muted)}.card,.sheet,.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-md)}.btn,.field,.tab{min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);padding:0 var(--space-md)}.btn{cursor:pointer;transition:transform var(--motion-fast) ease}.btn:hover{transform:translateY(-1px)}.btn-gold{background:var(--brand-gold);color:var(--brand-deep);border-color:transparent;font-weight:600}.btn-navy{background:var(--brand-navy);color:var(--light-surface, #FFFFFF);border-color:transparent}.field{width:100%;background:var(--bg)}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-pill);background:var(--brand-navy);color:#fff;font-size:.8rem}.topbar,.bottom-nav,.sidebar{background:var(--surface);border-color:var(--line)}.topbar{position:sticky;top:0;z-index:var(--z-nav);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--line)}.bottom-nav{position:sticky;bottom:0;z-index:var(--z-nav);display:flex;justify-content:space-around;padding:var(--space-sm) var(--space-sm) calc(var(--space-sm) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.bottom-nav a,.sidebar a{min-height:44px;display:flex;align-items:center;text-decoration:none;padding:0 var(--space-sm)}.sidebar{display:none}.shell{display:grid;min-height:100vh}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--line)}.skeleton{height:44px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--line),var(--surface),var(--line));background-size:200% 100%;animation:shimmer var(--motion-slow) linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast{position:fixed;left:var(--space-md);right:var(--space-md);bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));z-index:var(--z-toast)}.modal-back,.sheet-back{position:fixed;inset:0;background:#12113073;z-index:var(--z-modal);display:grid;place-items:end center}.sheet{width:min(100%,560px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-sheet)}.swatch{width:100%;height:72px;border-radius:var(--radius-sm);border:1px solid var(--line)}.empty,.error{padding:var(--space-lg);text-align:center}.page{padding:var(--space-lg) 0 var(--space-xxl)}.scroll{max-height:calc(var(--space-xxl) * 8);overflow:auto}.error{border:1px solid var(--brand-red);border-radius:var(--radius-md)}.banner-alert{background:var(--brand-red);color:var(--shade-plaster);border-radius:var(--radius-md);padding:var(--space-md);min-height:44px;display:flex;align-items:center}.grid-2{display:grid;gap:var(--space-md)}@media(min-width:768px){.sidebar{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border-right:1px solid var(--line)}.shell-staff{grid-template-columns:240px 1fr}.bottom-nav{display:none}.grid-2{grid-template-columns:1fr 1fr}}