:root{--canvas:#f5f4f0;--canvas-warm:#f8f5ee;--canvas-tinted:#efeef6;--surface:#fff;--surface-soft:#fbfaf7;--surface-frosted:#ffffffc7;--ink-1:#0e1726;--ink-2:#2c3447;--ink-3:#5b6478;--ink-4:#8a93a6;--ink-5:#b8bfcc;--line-1:#0f172914;--line-2:#0f17290d;--line-3:#0f172908;--indigo:#5b5fe9;--indigo-soft:#ececfd;--coral:#ff6b6b;--coral-soft:#ffe7e5;--amber:#f59e0b;--amber-soft:#fef1d5;--mint:#10b981;--mint-soft:#ddf6eb;--sky:#0ea5e9;--sky-soft:#dbf1fb;--rose:#ec4899;--rose-soft:#fbe0ef;--violet:#a855f7;--violet-soft:#f1e5fe;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-soft:0 1px 2px #0f17290a, 0 8px 22px -8px #0f172914;--shadow-pop:0 1px 2px #0f17290d, 0 30px 60px -28px #0f17292e;--shadow-float:0 22px 48px -22px #5b5fe959;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w:252px;--topbar-h:72px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--ink-1);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(900px 540px at -10% -20%,#5b5fe90f,#0000 60%),radial-gradient(800px 540px at 110% 0,#ff6b6b0d,#0000 60%),radial-gradient(900px 700px at 50% 110%,#10b9810b,#0000 60%);margin:0;font-size:14px;line-height:1.55}button{cursor:pointer;font-family:inherit}input,button,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{color:var(--ink-1);background:#5b5fe92e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--canvas);background:#0f17291f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0f172938}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.boot-screen{background:var(--canvas);place-items:center;display:grid;position:fixed;inset:0}.boot-screen .orb{background:conic-gradient(from 0deg, var(--indigo), var(--rose), var(--amber), var(--mint), var(--indigo));filter:blur(.5px);border-radius:50%;width:86px;height:86px;animation:2.6s linear infinite orb-spin;position:relative}.boot-screen .orb:after{content:"";background:var(--canvas);border-radius:50%;position:absolute;inset:6px}@keyframes orb-spin{to{transform:rotate(360deg)}}.auth-shell{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-shell:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#5b5fe92e,#0000 70%);border-radius:50%;width:720px;height:720px;position:absolute;top:-260px;left:-240px}.auth-shell:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff6b6b1f,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-240px;right:-180px}.auth-narrative{z-index:1;flex-direction:column;justify-content:space-between;gap:56px;padding:72px 72px 56px;display:flex;position:relative}.auth-brand{letter-spacing:-.01em;align-items:center;gap:14px;font-size:18px;font-weight:700;display:flex}.auth-brand .mark{background:linear-gradient(135deg, var(--indigo), #8b8eff 60%, var(--rose));color:#fff;border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 14px 30px -14px #5b5fe9a6}.auth-headline h1{letter-spacing:-.022em;color:var(--ink-1);margin:16px 0 18px;font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.05}.auth-headline h1 .accent{background:linear-gradient(120deg, var(--indigo) 10%, var(--rose) 70%, var(--amber));color:#0000;-webkit-background-clip:text;background-clip:text}.auth-headline p{max-width:480px;color:var(--ink-3);font-size:15.5px}.auth-points{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.auth-point{border-radius:var(--radius-lg);background:var(--surface-frosted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);padding:18px 18px 18px 22px;position:relative;overflow:hidden}.auth-point .dot{border-radius:50%;width:10px;height:10px;margin-bottom:10px}.auth-point.indigo .dot{background:var(--indigo)}.auth-point.coral .dot{background:var(--coral)}.auth-point.mint .dot{background:var(--mint)}.auth-point strong{color:var(--ink-1);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.auth-point span{color:var(--ink-3);font-size:13px;line-height:1.5}.auth-form-side{z-index:1;place-items:center;padding:56px;display:grid;position:relative}.auth-card{background:var(--surface);border-radius:var(--radius-xl);width:min(420px,100%);box-shadow:var(--shadow-pop);border:1px solid var(--line-2);padding:40px 38px;position:relative}.auth-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#5b5fe966,#0000 40%,#ff6b6b4d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-card h2{letter-spacing:-.012em;margin:6px 0 4px;font-size:22px}.auth-card .auth-card-note{color:var(--ink-3);margin:0 0 28px;font-size:13.5px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>span{letter-spacing:.03em;color:var(--ink-3);font-size:12px;font-weight:600}.field input,.field select,.field textarea{appearance:none;background:var(--surface-soft);border:1px solid var(--line-1);border-radius:var(--radius-md);color:var(--ink-1);outline:none;padding:12px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder{color:var(--ink-5)}.field input:focus,.field select:focus,.field textarea:focus{background:var(--surface);border-color:#5b5fe98c;box-shadow:0 0 0 4px #5b5fe91f}.checkbox-row{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13.5px;display:inline-flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--indigo)}.btn{border-radius:var(--radius-pill);letter-spacing:.005em;color:var(--ink-1);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:transform .15s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg, var(--indigo), #7679ff);color:#fff;box-shadow:var(--shadow-float)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 26px 50px -22px #5b5fe98c}.btn-secondary{background:var(--surface);color:var(--ink-1);border-color:var(--line-1)}.btn-secondary:hover:not(:disabled){background:var(--surface-soft);border-color:#0f172924}.btn-ghost{color:var(--ink-3);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--ink-1);background:#0f17290a}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-pill);background:var(--surface);border-color:var(--line-1);color:var(--ink-2);padding:9px}.btn-icon:hover:not(:disabled){background:var(--surface-soft);color:var(--ink-1)}.form-error{background:var(--coral-soft);color:#c0353a;border-radius:var(--radius-md);margin-bottom:12px;padding:10px 14px;font-size:13px}.app-frame{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid;position:relative}.app-main{flex-direction:column;min-width:0;display:flex;position:relative}.app-content{flex-direction:column;gap:28px;padding:32px clamp(24px,4vw,56px) 64px;display:flex}.sidebar{border-right:1px solid var(--line-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:linear-gradient(#ffffffd9,#fff9),radial-gradient(420px 320px at 0 0,#5b5fe929,#0000 60%);flex-direction:column;align-self:start;gap:24px;height:100vh;padding:24px 18px 20px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:4px 10px 16px;display:flex;position:relative}.sidebar-close{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line-1);color:var(--ink-2);justify-content:center;align-items:center;margin-left:auto;padding:8px;display:none}.sidebar-close:hover{background:var(--surface-soft);color:var(--ink-1)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:70;cursor:pointer;background:#0f172973;border:none;padding:0;animation:.2s ease-out overlay-in;display:none;position:fixed;inset:0}.sidebar-brand .mark{background:linear-gradient(135deg, var(--indigo), #8b8eff 60%, var(--rose));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 12px 24px -12px #5b5fe9a6}.sidebar-brand .word{flex-direction:column;line-height:1.1;display:flex}.sidebar-brand .word strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.sidebar-brand .word span{color:var(--ink-4);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.sidebar-section{flex-direction:column;gap:4px;padding:0 6px;display:flex}.sidebar-section+.sidebar-section{margin-top:4px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-5);margin:4px 8px 8px;font-size:10.5px;font-weight:600}.sidebar-item{color:var(--ink-2);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .18s,color .18s;display:flex;position:relative}.sidebar-item .icon{width:18px;height:18px;color:var(--ink-3);flex-shrink:0}.sidebar-item:hover{color:var(--ink-1);background:#5b5fe90f}.sidebar-item.active{color:var(--ink-1);background:linear-gradient(135deg,#5b5fe91f,#ff6b6b14);border-color:#5b5fe92e;box-shadow:0 6px 18px -10px #5b5fe973}.sidebar-item.active .icon{color:var(--indigo)}.sidebar-item .badge{background:var(--indigo-soft);color:var(--indigo);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sidebar-spacer{flex:1}.sidebar-user{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-soft);border-radius:18px;align-items:center;gap:12px;margin-top:4px;padding:12px 14px;display:flex}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.avatar.indigo{background:linear-gradient(135deg, var(--indigo), #7679ff)}.avatar.coral{background:linear-gradient(135deg, var(--coral), #ff8a8a)}.avatar.mint{background:linear-gradient(135deg, var(--mint), #34d3a3)}.avatar.amber{background:linear-gradient(135deg, var(--amber), #fbbf24)}.avatar.rose{background:linear-gradient(135deg, var(--rose), #f472b6)}.avatar.violet{background:linear-gradient(135deg, var(--violet), #c084fc)}.avatar.sky{background:linear-gradient(135deg, var(--sky), #38bdf8)}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-meta strong{color:var(--ink-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.sidebar-user-meta span{color:var(--ink-4);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.topbar{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-2);min-height:var(--topbar-h);background:#f5f4f0c7;align-items:center;gap:18px;padding:14px clamp(24px,4vw,56px);display:flex;position:sticky;top:0}.topbar-trigger{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line-1);color:var(--ink-2);padding:9px;display:none}.topbar-search{background:var(--surface);border:1px solid var(--line-1);border-radius:var(--radius-pill);max-width:480px;color:var(--ink-3);flex:1;align-items:center;gap:10px;padding:9px 16px;transition:border-color .18s,box-shadow .18s;display:flex}.topbar-search:focus-within{border-color:#5b5fe973;box-shadow:0 0 0 4px #5b5fe91a}.topbar-search input{color:var(--ink-1);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.topbar-search input::placeholder{color:var(--ink-5)}.topbar-search kbd{font-family:var(--font-mono);background:var(--canvas-tinted);color:var(--ink-3);border:1px solid var(--line-1);border-radius:6px;padding:2px 6px;font-size:11px}.range-switcher{background:var(--surface);border:1px solid var(--line-1);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:4px;display:inline-flex}.range-pill{border-radius:var(--radius-pill);color:var(--ink-3);background:0 0;border:none;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s}.range-pill:hover{color:var(--ink-1)}.range-pill.active{background:linear-gradient(135deg, var(--indigo), #7679ff);color:#fff;box-shadow:0 8px 18px -10px #5b5fe999}.topbar-meta{align-items:center;gap:10px;display:inline-flex}.topbar-bell{background:var(--surface);border:1px solid var(--line-1);color:var(--ink-2);border-radius:999px;place-items:center;padding:9px;display:grid;position:relative}.topbar-bell:after{content:"";background:var(--coral);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.hero{border-radius:var(--radius-xl);background:linear-gradient(135deg, #5b5fe914, #ec48990f 60%, #f59e0b0f), var(--surface);border:1px solid var(--line-2);isolation:isolate;grid-template-columns:1.4fr 1fr;gap:24px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;filter:blur(8px);background:radial-gradient(closest-side,#5b5fe952,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-80px}.hero:after{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(closest-side,#ff6b6b38,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:18%}.hero-text .greet{color:var(--ink-3);margin-bottom:4px;font-size:13px}.hero-text h2{letter-spacing:-.018em;margin:0 0 10px;font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.1}.hero-text p{color:var(--ink-3);max-width:520px;margin:0;font-size:14px}.hero-meta{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hero-chip{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line-1);color:var(--ink-2);align-items:center;gap:10px;padding:10px 16px;font-size:12.5px;display:inline-flex}.hero-chip strong{color:var(--ink-1);font-weight:600}.hero-chip .pulse{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite pulse;box-shadow:0 0 0 4px #10b9812e}@keyframes pulse{0%{box-shadow:0 0 #10b98147}to{box-shadow:0 0 0 12px #10b98100}}.kpi-ribbon{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line-2);box-shadow:var(--shadow-soft);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.kpi-ribbon:before{content:"";pointer-events:none;background:linear-gradient(120deg,#5b5fe906,#0000 30%,#ec489908);position:absolute;inset:0}.kpi-cell{border-right:1px solid var(--line-2);z-index:1;flex-direction:column;gap:6px;padding:22px;display:flex;position:relative}.kpi-cell:last-child{border-right:none}.kpi-cell .label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-4);font-size:11.5px;font-weight:600}.kpi-cell .value{letter-spacing:-.018em;font-size:22px;font-weight:700;font-family:var(--font-mono);color:var(--ink-1)}.kpi-cell .note{color:var(--ink-3);font-size:12px}.kpi-cell .accent-bar{border-radius:0 4px 4px 0;width:3px;height:26px;position:absolute;top:18px;left:0}.kpi-cell.indigo .accent-bar{background:var(--indigo)}.kpi-cell.coral .accent-bar{background:var(--coral)}.kpi-cell.amber .accent-bar{background:var(--amber)}.kpi-cell.mint .accent-bar{background:var(--mint)}.kpi-cell.sky .accent-bar{background:var(--sky)}.kpi-cell.violet .accent-bar{background:var(--violet)}.kpi-cell.rose .accent-bar{background:var(--rose)}@media (width<=1280px){.kpi-ribbon{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-cell:nth-child(4){border-right:none}.kpi-cell:nth-child(n+5){border-top:1px solid var(--line-2)}}@media (width<=720px){.kpi-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-cell{border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2)!important}.kpi-cell:nth-child(2n){border-right:none!important}}.section{flex-direction:column;gap:18px;display:flex}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-head h3{letter-spacing:-.012em;margin:4px 0 0;font-size:18px;font-weight:700}.section-head p{color:var(--ink-3);margin:0;font-size:13px}.surface{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:26px;position:relative;overflow:hidden}.surface-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.surface-header .lead h3{letter-spacing:-.012em;margin:4px 0 0;font-size:16px;font-weight:700}.surface-header .lead p{color:var(--ink-3);margin:0;font-size:12.5px}.split-grid{gap:24px;display:grid}.split-grid.cols-2{grid-template-columns:1.4fr 1fr}.split-grid.cols-equal{grid-template-columns:1fr 1fr}@media (width<=1100px){.split-grid.cols-2,.split-grid.cols-equal{grid-template-columns:1fr}}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.chip{border-radius:var(--radius-pill);background:var(--canvas-tinted);color:var(--ink-3);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.chip.indigo{background:var(--indigo-soft);color:var(--indigo)}.chip.coral{background:var(--coral-soft);color:#d04848}.chip.amber{background:var(--amber-soft);color:#b46d04}.chip.mint{background:var(--mint-soft);color:#047857}.chip.sky{background:var(--sky-soft);color:#0369a1}.chip.violet{background:var(--violet-soft);color:#7e22ce}.chip.rose{background:var(--rose-soft);color:#c41a73}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.chart-wrap{margin-top:6px;position:relative}.tooltip{background:var(--surface);border:1px solid var(--line-1);box-shadow:var(--shadow-pop);border-radius:14px;padding:10px 12px;font-size:12.5px}.tooltip .tooltip-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-4);margin-bottom:6px;font-size:11px}.tooltip .tooltip-row{font-family:var(--font-mono);color:var(--ink-1);align-items:center;gap:8px;font-size:12.5px;display:flex}.tooltip .tooltip-row .swatch{border-radius:4px;width:10px;height:10px}.rank-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}@media (width>=1101px){.rank-list{grid-template-rows:repeat(3,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:10px 16px;display:grid}}.rank-row{border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--line-2);grid-template-columns:36px 1fr auto;align-items:center;gap:16px;padding:14px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.rank-row:hover{border-color:#5b5fe933;transform:translateY(-1px);box-shadow:0 14px 30px -22px #5b5fe973}.rank-position{width:36px;height:36px;font-family:var(--font-mono);color:var(--indigo);background:var(--indigo-soft);border-radius:12px;place-items:center;font-size:14px;font-weight:700;display:grid}.rank-row:first-child .rank-position{background:var(--coral-soft);color:#d04848}.rank-row:nth-child(2) .rank-position{background:var(--amber-soft);color:#b46d04}.rank-row:nth-child(3) .rank-position{background:var(--mint-soft);color:#047857}.rank-meta strong{color:var(--ink-1);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.rank-meta span{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;font-size:12px;display:flex}.rank-meta span em{color:var(--ink-2);font-style:normal;font-weight:500}.rank-value{font-family:var(--font-mono);color:var(--ink-1);letter-spacing:-.01em;text-align:right;font-size:15px;font-weight:700}.rank-value small{font-family:var(--font-sans);color:var(--ink-4);margin-top:2px;font-size:11.5px;font-weight:500;display:block}.list-clean{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-clean li{border-top:1px dashed var(--line-2);justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.list-clean li:first-child{border-top:none;padding-top:0}.list-clean li strong{color:var(--ink-1);font-size:13.5px;font-weight:600}.list-clean li span{color:var(--ink-4);font-size:12px;display:block}.list-clean li b{font-family:var(--font-mono);color:var(--ink-1);font-size:14px;font-weight:700}.metric-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.metric-cell{border-radius:var(--radius-md);border:1px solid var(--line-2);background:var(--surface-soft);flex-direction:column;gap:4px;padding:16px;display:flex;position:relative;overflow:hidden}.metric-cell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#5b5fe90d,#0000 60%);position:absolute;inset:0}.metric-cell .label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);font-size:11.5px;font-weight:600}.metric-cell .value{font-family:var(--font-mono);letter-spacing:-.012em;color:var(--ink-1);font-size:22px;font-weight:700}.metric-cell .hint{color:var(--ink-3);font-size:12px}.search-field{border-radius:var(--radius-pill);border:1px solid var(--line-1);background:var(--surface);color:var(--ink-3);align-items:center;gap:10px;min-width:240px;padding:9px 14px;display:flex}.search-field input{color:var(--ink-1);background:0 0;border:none;outline:none;flex:1;font-size:13px}.table-shell{margin:-4px;padding:4px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-4);border-bottom:1px solid var(--line-2);padding:0 14px 14px;font-size:11px;font-weight:600}.data-table tbody td{border-bottom:1px solid var(--line-3);color:var(--ink-2);vertical-align:middle;padding:14px}.data-table tbody tr{cursor:pointer;transition:background .18s}.data-table tbody tr:hover{background:#5b5fe908}.data-table tbody tr:last-child td{border-bottom:none}.cell-id{align-items:center;gap:12px;display:flex}.cell-id .avatar{color:#000;letter-spacing:0;text-align:center;width:34px;height:34px;font-size:12px;font-weight:700;line-height:1;font-family:var(--font-mono);justify-content:center;align-items:center;padding:0;display:flex}.cell-id .avatar.indigo{background:var(--indigo-soft)}.cell-id .avatar.coral{background:var(--coral-soft)}.cell-id .avatar.mint{background:var(--mint-soft)}.cell-id .avatar.amber{background:var(--amber-soft)}.cell-id .avatar.rose{background:var(--rose-soft)}.cell-id .avatar.violet{background:var(--violet-soft)}.cell-id .avatar.sky{background:var(--sky-soft)}.cell-id strong{color:var(--ink-1);font-size:13px;font-weight:600;display:block}.cell-id span{color:var(--ink-4);font-size:11.5px;display:block}.numeric-cell{font-family:var(--font-mono);color:var(--ink-1);letter-spacing:-.01em;font-weight:600}.numeric-cell-muted{font-family:var(--font-mono);color:var(--ink-3);font-weight:500}.cost-pill{border-radius:var(--radius-pill);background:var(--canvas-tinted);font-family:var(--font-mono);color:var(--ink-1);align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.status-pill{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.status-pill.success{background:var(--mint-soft);color:#047857}.status-pill.warning{background:var(--amber-soft);color:#b46d04}.status-pill.error{background:var(--coral-soft);color:#c0353a}.status-pill.idle{background:var(--canvas-tinted);color:var(--ink-3)}.placeholder{color:var(--ink-3);background:var(--surface-soft);border:1px dashed var(--line-1);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:36px;font-size:13.5px;display:flex}.placeholder .pellet{background:conic-gradient(from 0deg, var(--indigo), var(--rose), var(--amber), var(--mint), var(--indigo));border-radius:50%;width:36px;height:36px;animation:1.6s linear infinite orb-spin;position:relative}.placeholder .pellet:after{content:"";background:var(--surface-soft);border-radius:50%;position:absolute;inset:4px}.empty{border-radius:var(--radius-lg);border:1px dashed var(--line-1);background:var(--surface-soft);color:var(--ink-3);text-align:center;padding:24px;font-size:13px}.toast{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);border:1px solid var(--line-1);z-index:80;align-items:center;gap:12px;min-width:280px;max-width:360px;padding:12px 16px;animation:.22s ease-out toast-in;display:flex;position:fixed;top:88px;right:32px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast .glyph{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.toast.success .glyph{background:var(--mint-soft);color:var(--mint)}.toast.error .glyph{background:var(--coral-soft);color:var(--coral)}.toast.info .glyph{background:var(--indigo-soft);color:var(--indigo)}.toast p{color:var(--ink-1);flex:1;margin:0;font-size:13px}.toast button{color:var(--ink-4);background:0 0;border:none;font-size:12px;font-weight:600}.toast button:hover{color:var(--ink-1)}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;background:#0f172973;place-items:center;padding:28px;animation:.2s ease-out overlay-in;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.dialog{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line-1);width:min(960px,100%);max-height:calc(100vh - 56px);box-shadow:var(--shadow-pop);flex-direction:column;animation:.22s ease-out dialog-in;display:flex;overflow:hidden}.dialog.dialog-wide{width:min(1080px,100%)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-header{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 18px;display:flex}.dialog-header h2{letter-spacing:-.014em;margin:4px 0 0;font-size:20px;font-weight:700}.dialog-header p{color:var(--ink-3);margin:6px 0 0;font-size:13px}.dialog-body{padding:24px 28px 28px;overflow-y:auto}.dialog-tabs{background:var(--surface-soft);border:1px solid var(--line-2);border-radius:var(--radius-pill);flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:22px;padding:4px;display:inline-flex}.dialog-tab{border-radius:var(--radius-pill);color:var(--ink-3);background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:600}.dialog-tab:hover{color:var(--ink-1)}.dialog-tab.active{background:var(--surface);color:var(--ink-1);box-shadow:var(--shadow-soft)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.form-grid{grid-template-columns:1fr}}.meta-stack{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.meta-chip{border-radius:var(--radius-md);border:1px solid var(--line-2);background:var(--surface-soft);padding:12px 14px}.meta-chip span{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.meta-chip strong{color:var(--ink-1);word-break:break-all;font-size:14px;font-weight:600;display:block}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px;display:grid}.selection-pill{border-radius:var(--radius-md);border:1px solid var(--line-1);background:var(--surface);text-align:left;color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-size:13px;font-weight:500;transition:border-color .18s,background .18s,color .18s;display:flex}.selection-pill strong{color:var(--ink-1);font-size:13.5px;font-weight:600}.selection-pill span{color:var(--ink-4);font-size:11.5px}.selection-pill:hover{border-color:#5b5fe959}.selection-pill.active{border-color:var(--indigo);color:var(--ink-1);background:linear-gradient(135deg,#5b5fe914,#5b5fe905);box-shadow:0 8px 22px -16px #5b5fe999}.selection-summary{color:var(--ink-3);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;font-size:12.5px;display:flex}.selection-summary strong{color:var(--ink-1);font-size:13.5px;font-weight:600}.customer-summary{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--line-2);grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:18px;display:grid;overflow:hidden}@media (width<=920px){.customer-summary{grid-template-columns:repeat(2,1fr)}}.customer-summary .kpi-cell{padding:18px}.customer-summary .kpi-cell .value{font-size:18px}.footer{color:var(--ink-4);border-top:1px solid var(--line-2);margin-top:24px;padding-top:18px;font-size:12.5px}@media (width<=1100px){.app-frame{grid-template-columns:1fr}.sidebar{z-index:80;width:280px;transition:transform .25s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:inline-flex}.sidebar-backdrop.open{display:block}.topbar-trigger{place-items:center;display:grid}.topbar{padding:14px 24px}.app-content{padding:24px 20px 48px}.auth-shell{grid-template-columns:1fr}.auth-narrative{padding:48px 32px 24px}.auth-form-side{padding:32px}}@media (width<=720px){.hero{grid-template-columns:1fr;padding:22px}.hero-meta{align-items:flex-start}.topbar-search{display:none}.auth-points{grid-template-columns:1fr}}