:root{--background:#0b0b0e;--surface:#121216;--surface-secondary:#1a1920;--border:#ffffff14;--text-primary:#f6f3f6;--text-secondary:#b5b0bc;--text-muted:#96909f;--accent:#ff007a;--accent-hover:#ff4b9e;--gold:#d4af37;--violet:#9d00ff;--success:#63d6ac;--danger:#ff738b;--radius:16px;font-family:Inter,'Segoe UI',sans-serif}
:root[data-accent=purple]{--accent:#ad4dff;--accent-hover:#c58aff}:root[data-accent=magenta]{--accent:#f039d0;--accent-hover:#f875e0}
[hidden]{display:none!important}
body:before{background:radial-gradient(ellipse at 85% 0,#9d00ff0c,transparent 50%)}body:after{opacity:.025}::selection{background:#ff007a55;color:white}
button,a,input,select,textarea,summary{transition:background .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s}button.primary{background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#760056));color:#fff;border:1px solid #ffffff1f;box-shadow:0 4px 22px #ff007a13;font-weight:650;min-height:44px;border-radius:10px}button.primary:hover{box-shadow:0 0 24px #ff007a35;transform:translateY(-1px)}button.secondary,button.danger{border-radius:10px;min-height:42px}button.secondary:hover{border-color:var(--accent);background:#ff007a0a}.icon-button:hover{color:var(--accent);background:#ff007a10}button:disabled{transform:none;box-shadow:none}
.shell{grid-template-columns:244px minmax(0,1fr);min-height:100dvh}.shell aside{background:linear-gradient(175deg,#17131c,#0c0c10 50%);border-right:1px solid #d4af371a;z-index:40}.workspace{min-width:0}.brand{gap:12px}.brand img,.brand-logo{width:64px;height:64px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 9px #ff007a20)}.brand>span{font-family:Georgia,serif;letter-spacing:2px;font-size:18px}.brand small{font:9px/1.5 'Segoe UI',sans-serif;letter-spacing:2px;color:var(--gold);margin-top:5px}.sidebar-footer{background:#0d0c11;border-top-color:#d4af371a}.avatar,.person-avatar{border-color:#d4af3733;background:#d4af370b;color:var(--gold)}.nav-group{margin:18px 0}.nav-group>span{font-size:9px;letter-spacing:2px;color:#89818f}.nav-group a{border:1px solid transparent;min-height:44px;border-radius:10px;margin:3px 0;font-size:13px}.nav-group a svg{width:18px}.nav-group a:hover{background:#ffffff05;color:white}.nav-group a.active{background:linear-gradient(90deg,#ff007a20,#9d00ff07);border-color:#ff007a2a;color:#ff87bd;box-shadow:inset 3px 0 var(--accent)}
.topbar{height:88px;position:sticky;top:0;background:#0d0c11e8;backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:30;padding:0 32px;gap:16px}.header-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-brand img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 8px #d4af3725)}.header-brand span{font:16px Georgia,serif;color:#eedda2;letter-spacing:2px}.header-brand small{display:block;font:8px 'Segoe UI',sans-serif;letter-spacing:2px;color:var(--text-muted);margin-top:5px}#breadcrumb{font-size:11px;color:var(--text-muted);border-left:1px solid var(--border);padding-left:18px}.environment{margin-left:auto;font-size:10px;letter-spacing:1px;white-space:nowrap}.environment i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;box-shadow:0 0 10px #63d6ac66}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--surface);padding:12px;border:1px solid var(--gold)}.skip-link:focus{top:8px}
main{padding:32px;max-width:1800px;width:100%;margin:0 auto}.page-heading{gap:18px;flex-wrap:wrap;margin-bottom:22px;align-items:center}.page-heading>div:first-child{margin-right:auto}.page-heading h1{font-size:clamp(24px,2.3vw,32px);letter-spacing:-1px;font-weight:650}.page-heading p{font-size:12px;color:var(--text-muted);margin-top:8px;max-width:640px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--gold);font-weight:650}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.section-nav{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto;padding:0 0 12px}.section-nav a{padding:8px 14px;white-space:nowrap;font-size:12px;color:var(--text-muted);border:1px solid transparent;border-radius:8px}.section-nav a[aria-current=page]{color:var(--text-primary);background:#ffffff08;border-color:#ffffff18}.section-nav a:hover{color:var(--accent)}.workspace-footer{font-size:10px;color:var(--text-muted);border-top:1px solid var(--border);letter-spacing:1px}
.panel,.metric{background:linear-gradient(145deg,#19171e 0%,#111116 70%);border:1px solid var(--border);box-shadow:0 8px 24px #00000010;border-radius:var(--radius)}.panel{min-width:0}.panel-title{padding:20px 22px;gap:12px;flex-wrap:wrap}.panel-title h2,.compact h2{font-size:15px;font-weight:600;letter-spacing:-.2px}.panel-title .eyebrow{display:block;margin-bottom:6px;font-size:8px}.metric{padding:22px;transition:border-color .2s,transform .2s}.metric:hover{border-color:#ff007a38;transform:translateY(-2px)}.metrics{gap:14px}.metric>strong{font-size:clamp(23px,2.3vw,34px);font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:var(--text-muted)}.metric-caption{font-size:11px}.metric-icons>svg{padding:7px;width:33px;height:33px;background:#ff007a12;border:1px solid #ff007a20;border-radius:9px;color:#ff77b7}.metric-accent{border-color:#d4af3735;background:linear-gradient(130deg,#d4af3710,#151219)}.metric-accent>strong{color:#e7cf7c}
.badge{border-radius:6px;background:#ffffff04;font-size:10px;line-height:1.5}.badge.positive{color:var(--success);background:#63d6ac0c;border-color:#63d6ac26}.badge.error{color:var(--danger);background:#ff738b08;border-color:#ff738b25}.numeric{font-variant-numeric:tabular-nums}.amount-accent{color:#f598c4}.muted{color:var(--text-muted)}
.table-scroll{overflow:auto;max-width:100%;scrollbar-color:#55425a transparent;scrollbar-width:thin}.table-scroll table{width:100%;border-collapse:collapse;font-size:12px}.table-scroll th{background:#0d0d12;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;position:sticky;top:0;z-index:1;white-space:nowrap}.table-scroll td,.table-scroll th{padding:16px 20px;border-bottom:1px solid #ffffff08}.table-scroll tbody tr:hover{background:#ffffff03}.table-scroll tbody tr:last-child td{border-bottom:0}.table-scroll td{color:var(--text-secondary)}.table-scroll td:first-child{color:var(--text-primary)}.table-scroll th button{color:inherit;text-align:inherit;display:inline-flex;gap:8px;align-items:center;padding:4px 0}.table-scroll th button:hover,.table-scroll th[aria-sort=ascending],.table-scroll th[aria-sort=descending]{color:#ff87bd}.sort-mark{opacity:.6;font-size:11px}.table-scroll tr[hidden]{display:none!important}.table-scroll .empty-cell{color:var(--text-muted);padding:32px!important;text-align:center}.grid-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--border);background:#0e0d1240}.grid-tools label{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.grid-tools .grid-search{flex:1;min-width:140px}.grid-search input{width:100%;max-width:260px;background:#ffffff04;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:9px 12px;font-size:12px}.grid-tools select{padding:8px 34px 8px 10px;min-height:36px;border:1px solid var(--border);border-radius:7px;color:var(--text-secondary);font-size:11px}.grid-scope{font-size:10px;color:var(--text-muted)}.grid-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid var(--border);font-size:10px;color:var(--text-muted)}.grid-footer>div{display:flex;gap:6px}.grid-footer button{font-size:11px;padding:4px 10px;min-height:32px}.table-scroll[data-density=compact] td,.table-scroll[data-density=compact] th{padding:9px 16px!important}.table-toolbar{gap:12px;background:#11101640}.search input{min-height:36px}.pagination button{font-size:11px}.table-toolbar .search input{color:var(--text-primary)}
.field label{font-size:12px;color:var(--text-secondary)}.field input,.field textarea,.field select{border-radius:9px;background:#0e0d13;border-color:#ffffff18;min-height:44px}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff007a0c}.field small{font-size:11px}.field{margin-bottom:18px}.form-actions{flex-wrap:wrap;gap:10px}.compact{padding:24px}.compact>h2{margin-bottom:14px}.permission-group{border-color:var(--border);border-radius:10px}.permission-group summary{font-size:12px}.permission-search{width:100%;margin:20px 0 12px;padding:8px 12px;background:#0d0c12;border:1px solid var(--border);border-radius:10px}.permission-search input{width:100%;background:none;border:0;color:var(--text-primary);font-size:12px;min-height:28px}.role-row{min-height:50px;border-radius:10px}.role-row:hover,.role-row[aria-pressed=true]{background:#ff007a10;color:#ff9dc9}.role-row[aria-pressed=true]{box-shadow:inset 2px 0 var(--accent)}.roles-layout{align-items:start}.settings-layout{gap:20px}.settings-form h2{color:#e9d9a8}.person-cell strong{font-size:12px}.request-grid{gap:20px}.request-row{gap:12px;flex-wrap:wrap}.comparison{gap:18px}.calculation-preview{background:linear-gradient(110deg,#d4af3709,#ff007a05);border-color:#d4af3720}.calculation-preview strong{color:#e5cd7e}.calculation-preview small{line-height:1.6}
.modal{background:linear-gradient(145deg,#211a26,#101015);border:1px solid #d4af3730;border-radius:20px;box-shadow:0 32px 110px #000c,0 0 50px #9d00ff0a;max-width:min(680px,calc(100vw - 24px));animation:modal-in .2s ease-out}.modal::backdrop{background:#050408b3;backdrop-filter:blur(5px)}.modal header{border-bottom:1px solid var(--border);gap:18px}.modal header h2{font-size:22px}.modal header p{font-size:12px}.modal footer{background:#0d0c1140;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border)}.modal-content{padding:24px}.steps{background:#ff007a0a;color:#ff94c3;font-size:11px}.toast{border:1px solid #d4af3730;border-radius:12px;background:#1b1620;color:var(--text-primary);box-shadow:0 16px 40px #0008;animation:modal-in .2s ease-out}.skeleton>div{background:linear-gradient(105deg,#141219 20%,#2b1b3040 45%,#141219 70%);background-size:220% 100%;animation:shimmer 1.8s ease-in-out infinite;border:1px solid var(--border);border-radius:16px}.boot{min-height:100dvh;display:grid;place-content:center;color:var(--gold);font-size:12px;letter-spacing:1px}
.auth-layout{min-height:100dvh;grid-template-columns:1.1fr 1fr;background:var(--background)}.auth-identity{position:relative;overflow:hidden;padding:48px 56px;background:radial-gradient(ellipse at 40% 35%,#9d00ff18,transparent 65%),radial-gradient(ellipse at 100% 100%,#ff007a15,transparent 60%),#0c0b10;border-right:1px solid #d4af3726}.auth-identity:after{content:'';position:absolute;inset:20px;border:1px solid #d4af3718;border-radius:120px 120px 8px 8px;pointer-events:none}.auth-identity .brand{position:relative;z-index:1}.auth-identity .brand img{width:100px;height:100px}.auth-identity .brand span{font-size:25px}.auth-identity h1{font-family:Georgia,serif;font-size:clamp(36px,4.5vw,68px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:22px 0}.auth-identity h1 em{color:#f3b3d1;font-weight:400;text-shadow:0 0 40px #ff007a22}.auth-identity p{line-height:1.8;font-size:13px;color:var(--text-muted)}.auth-identity>small{color:#b09a5d;font-size:9px;letter-spacing:2px}.auth-form{align-self:center;width:100%;max-width:470px;padding:48px;justify-self:center}.auth-form h2{font-size:28px;letter-spacing:-.8px}.auth-form>p{font-size:12px;line-height:1.8;color:var(--text-muted)}.auth-form .tabs{border:1px solid var(--border);background:#151319;border-radius:10px;padding:5px;margin:26px 0}.auth-form .tabs button{border:0;border-radius:7px;min-height:38px;font-size:12px}.auth-form .tabs button.active{background:#ff007a17;color:#ff93c5}.auth-form .auth-foot{display:block;margin-top:24px;border-top:1px solid var(--border);padding-top:20px;line-height:1.8;color:var(--text-muted)}.auth-form .primary{min-height:48px}.auth-form .checkbox{font-size:12px}
.ops-page{display:grid;gap:20px;min-width:0}.ops-grid>*{min-width:0}.chart-frame{min-width:0;overflow:hidden}.chart-frame canvas{max-width:100%}.shell aside nav{min-height:0;overflow-y:auto;scrollbar-width:thin}.ops-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;background:radial-gradient(ellipse at 100% 50%,#9d00ff12,transparent 55%),linear-gradient(110deg,#d4af370b,#171019);border:1px solid #d4af3726;border-radius:16px}.ops-hero h2{font:26px Georgia,serif;color:#f2e4b7;margin:7px 0}.ops-hero p{color:var(--text-muted);font-size:11px}.live-state{font-size:10px;color:var(--success);letter-spacing:1px;display:flex;align-items:center;gap:8px;white-space:nowrap}.live-state .live-dot{animation:live-pulse 2.8s ease-in-out infinite}.live-state[data-stale=true]{color:var(--warning)}.live-state[data-stale=true] .live-dot{background:var(--warning);animation:none}.sync-time{display:block;font-size:10px;color:var(--text-muted);margin-top:8px}.ops-metrics{margin:0}.ops-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:20px;align-items:start}.ops-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-frame{height:275px;position:relative;margin:18px 18px 0}.chart-frame.short{height:205px}.chart-footer{padding:12px 22px 20px;font-size:10px;color:var(--text-muted);line-height:1.7}.chart-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chart-controls button{min-height:32px;border:1px solid var(--border);border-radius:7px;font-size:10px;padding:5px 10px;color:var(--text-muted)}.chart-controls button[aria-pressed=true]{color:#ff98c5;background:#ff007a10;border-color:#ff007a33}.chart-controls button:hover{border-color:var(--accent)}.chart-details{margin:0 22px 20px;font-size:11px;color:var(--text-secondary)}.chart-details summary{padding:8px 0;cursor:pointer}.chart-details ul{padding-left:16px;line-height:1.9}.chart-swatch{width:8px;height:8px;border-radius:3px;display:inline-block;margin-right:7px}.swatch-sales{background:#ff007a}.swatch-runs{background:#ad65ff}.swatch-expenses{background:#d4af37}.leader-list{padding:10px 22px 18px}.leader{padding:18px 0;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.leader:last-child{border:0}.leader .place{width:40px;height:44px;border-radius:12px;border:1px solid #d4af3730;color:var(--gold);display:grid;place-items:center;background:#d4af3708}.leader strong{display:block;font-size:14px;font-weight:550;margin:3px 0}.leader small{font-size:11px;color:var(--text-muted)}.leader .eyebrow{font-size:8px}.safe-amount{padding:22px;display:grid;gap:8px}.safe-amount strong{font-size:32px;letter-spacing:-1px;font-weight:500;color:#e8d28b}.safe-amount small{font-size:11px;color:var(--text-muted);line-height:1.7}.ops-alert{padding:14px 20px;display:flex;gap:12px;align-items:center;font-size:11px;border:1px solid #d4af3725;background:#d4af3705;border-radius:12px;color:#d7c591}.ops-links{display:flex;gap:8px;flex-wrap:wrap}.ops-links a{padding:8px 12px;border-radius:8px;font-size:11px;border:1px solid var(--border);background:#ffffff03}.ops-links a:hover{border-color:var(--accent);color:#ff9dc9}.privacy-note{font-size:10px;line-height:1.8;color:var(--text-muted);display:flex;align-items:center;gap:8px}
@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-220% 0}}@keyframes live-pulse{50%{box-shadow:0 0 0 4px #63d6ac12,0 0 12px #63d6ac33}}
@media(min-width:901px){.menu-collapsed .shell{grid-template-columns:80px minmax(0,1fr)}.menu-collapsed .shell aside .brand{padding:12px;justify-content:center}.menu-collapsed .shell aside .brand img{width:46px;height:46px}}
@media(max-width:1200px){.ops-grid{grid-template-columns:1fr}.ops-grid.equal{grid-template-columns:1fr 1fr}.topbar{gap:12px}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.header-brand span{display:none}}
@media(max-width:900px){.topbar{height:74px}#breadcrumb{display:none}.header-brand span{display:block}.shell aside{padding-top:12px}.auth-identity{min-height:280px!important;gap:20px}.auth-identity .brand img{width:74px;height:74px}.auth-identity h1{font-size:38px!important;margin:12px 0 0}.auth-identity:after{inset:10px}.auth-form{max-width:500px!important}.auth-layout{min-height:100dvh}.ops-grid.equal{grid-template-columns:1fr}.section-nav{margin-bottom:20px}}
@media(max-width:560px){.topbar{height:70px!important}.header-brand img{width:48px;height:48px}.header-brand span{font-size:14px}.page-heading h1{font-size:26px}.page-actions{width:100%}.page-actions>button{flex:1}.page-heading>div:first-child{margin-right:0}.section-nav a{font-size:11px;padding:7px 10px}.ops-hero{padding:18px;align-items:flex-start;flex-direction:column;gap:14px}.ops-hero h2{font-size:24px}.ops-metrics .metric{padding:14px!important}.metric-caption{font-size:10px;gap:6px}.metric-caption svg{width:26px;height:26px;padding:5px}.metric>strong{font-size:21px!important}.metric small{font-size:9px}.grid-tools{padding:12px;gap:8px}.grid-tools .grid-search{flex-basis:100%}.grid-search input{max-width:none}.grid-scope{width:100%}.grid-footer{padding:10px 12px;flex-wrap:wrap}.chart-frame{height:230px;margin:12px}.chart-footer{padding:10px 16px}.ops-grid{gap:16px}.panel-title h2{font-size:14px}.privacy-note{align-items:flex-start}.auth-form{padding:28px 24px!important}.auth-identity h1{font-size:31px!important;letter-spacing:-1px}.auth-identity .brand span{font-size:20px}.modal{max-height:90dvh}.ops-links a{flex:1;text-align:center}.hero-card{min-width:0}.environment{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.panel,.metric,.badge,.ops-hero{border:1px solid CanvasText}.live-dot{background:CanvasText}.chart-swatch{border:1px solid CanvasText}}