:root{--bg:#0a0e20;--bg-2:#10152e;--grad-top:#1a2042;--panel:#0c1126;--surface:#ffffff0b;--surface-2:#ffffff12;--surface-3:#ffffff1a;--card:#131938;--card-2:#161b36;--ink:#eceaf6;--ink-2:#b6b3cf;--muted:#8482a1;--faint:#5b5979;--line:#ffffff14;--line-2:#ffffff0d;--line-3:#ffffff21;--accent:#e8be80;--accent-soft:#f0d2a2;--accent-deep:#c99a57;--accent-tint:#e8be8024;--accent-tint-2:#e8be8014;--accent-line:#e8be804d;--on-accent:#1b1304;--cool:#8e92d8;--lilac:#b49be6;--peach:#f2a07e;--good:#82c9a4;--warn:#e6b765;--bad:#e2899b;--info:#7fb5d9;--cool-tint:#8e92d829;--good-tint:#82c9a426;--warn-tint:#e6b76526;--bad-tint:#e2899b26;--lilac-tint:#b49be629;--r-xs:7px;--r-sm:10px;--r-md:13px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--shadow-card:0 1px 0 #ffffff0a inset,0 18px 40px #00000052;--shadow-pop:0 30px 70px #0000008c;--serif:"Newsreader",Georgia,serif;--sans:"Public Sans",system-ui,-apple-system,sans-serif;--row-h:56px;--card-pad:22px;--gap:20px;--sidebar-w:256px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--accent-tint)}button{font-family:inherit}a{color:inherit;text-decoration:none}.admin{grid-template-columns:var(--sidebar-w) 1fr;background:radial-gradient(120% 60% at 86% -8%, var(--grad-top), transparent 52%),radial-gradient(80% 50% at 0% 100%, #8e92d80f, transparent 55%),linear-gradient(180deg, var(--bg-2), var(--bg) 55%);width:100%;height:100vh;display:grid;overflow:hidden}.sidebar{z-index:5;border-right:1px solid var(--line);background:linear-gradient(180deg, var(--panel), color-mix(in srgb, var(--panel) 86%, var(--bg)));flex-direction:column;min-height:0;display:flex;position:relative}.sb-brand{align-items:center;gap:11px;min-height:64px;padding:20px 18px 18px;display:flex}.sb-brand .wm{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-size:22px;font-weight:600}.sb-brand .wm i{color:var(--accent-soft);font-style:italic;font-weight:500}.sb-nav{flex:1;min-height:0;padding:6px 12px 12px;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:0}.sb-group{margin-top:18px}.sb-group:first-child{margin-top:4px}.sb-glabel{letter-spacing:.13em;text-transform:uppercase;color:var(--faint);padding:0 12px 8px;font-size:10px;font-weight:700}.navitem{border-radius:var(--r-sm);cursor:pointer;width:100%;height:40px;color:var(--ink-2);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:0 12px;font-size:13.5px;font-weight:500;transition:background .14s,color .14s;display:flex;position:relative}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem.on{background:var(--accent-tint);color:var(--accent-soft);font-weight:600}.navitem.on:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.navitem svg{flex-shrink:0;width:19px;height:19px}.navitem .nlbl{white-space:nowrap;flex:1;overflow:hidden}.navitem .badge{border-radius:var(--r-pill);background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.sb-foot{border-top:1px solid var(--line);padding:12px}.sb-user{border-radius:var(--r-md);align-items:center;gap:11px;padding:8px;display:flex}.sb-user .nm{flex:1;min-width:0}.sb-user .nm .t{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sb-user .nm .s{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.av{border-radius:var(--r-pill);color:var(--on-accent);background:linear-gradient(150deg, var(--accent-soft), var(--accent-deep));flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.av.cool{color:#1a1c3a;background:linear-gradient(150deg,#a6a9e4,#6e73c0)}.av.lilac{color:#241140;background:linear-gradient(150deg,#c9b5f0,#8b6bcb)}.av.peach{background:linear-gradient(150deg,#f8c2a6,var(--peach));color:#2a1206}.main{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4;flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:relative}.tb-title{flex-direction:column;gap:1px;min-width:0;display:flex}.tb-title .crumb{color:var(--muted);letter-spacing:.02em;font-size:11.5px;font-weight:600}.tb-title h1{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:21px;font-weight:500;line-height:1.1}.tb-spacer{flex:1}.search{align-items:center;width:300px;max-width:34vw;display:flex;position:relative}.search svg{width:17px;height:17px;color:var(--muted);pointer-events:none;position:absolute;left:13px}.search input{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);width:100%;height:40px;color:var(--ink);font-family:var(--sans);outline:none;padding:0 14px 0 38px;font-size:13.5px;transition:border-color .15s,background .15s}.search input::placeholder{color:var(--faint)}.search input:focus{border-color:var(--accent-line);background:var(--surface-2)}.content{flex:1;min-height:0;padding:26px 28px 60px;overflow-y:auto}.view{max-width:1320px;margin:0 auto}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:14px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.h-serif{font-family:var(--serif);letter-spacing:-.01em;font-weight:500}.sectlabel{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.meta{color:var(--muted);font-size:12px}.tnum{font-variant-numeric:tabular-nums}.section{margin-top:28px}.sec-head{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.sec-head .st{font-family:var(--serif);letter-spacing:-.01em;font-size:18px;font-weight:500}.sec-head .ss{color:var(--muted);margin-top:2px;font-size:12.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card.flat{background:var(--surface);box-shadow:none}.card.pad{padding:var(--card-pad)}.card-h{padding:16px var(--card-pad);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.card-h .t{font-family:var(--serif);font-size:16px;font-weight:500}.card-h .s{color:var(--muted);margin-top:2px;font-size:12px}.card-b{padding:var(--card-pad)}.grid{gap:var(--gap);display:grid}.g-2{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1100px){.g-4,.g-3{grid-template-columns:repeat(2,1fr)}}.btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);font-family:var(--sans);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:background .14s,border-color .14s,transform .1s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn.sm{height:32px;padding:0 12px;font-size:12.5px}.btn.icon{width:38px;padding:0}.btn.primary{background:linear-gradient(180deg, var(--accent-soft), var(--accent));color:var(--on-accent);border-color:#0000;box-shadow:0 6px 18px #e8be803d}.btn.ghost{background:0 0}.btn.danger{color:var(--bad);border-color:var(--bad-tint);background:var(--bad-tint)}.btn.good{color:var(--good);border-color:var(--good-tint);background:var(--good-tint)}.seg{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;height:30px;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:0 13px;font-size:12.5px;font-weight:600;transition:background .14s,color .14s}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--surface-3);color:var(--ink)}.chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);height:32px;color:var(--ink-2);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:600;transition:all .14s;display:inline-flex}.chip.on{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent-soft)}.badge-s{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-s .led{background:currentColor;border-radius:50%;width:6px;height:6px}.b-good{color:var(--good);background:var(--good-tint)}.b-warn{color:var(--warn);background:var(--warn-tint)}.b-bad{color:var(--bad);background:var(--bad-tint)}.b-cool{color:var(--cool);background:var(--cool-tint)}.b-lilac{color:var(--lilac);background:var(--lilac-tint)}.b-muted{color:var(--muted);background:var(--surface-2)}.pill-plan{border-radius:var(--r-pill);align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.plan-annual{color:var(--accent-soft);background:var(--accent-tint);border:1px solid var(--accent-line)}.plan-monthly{color:var(--cool);background:var(--cool-tint);border:1px solid #8e92d84d}.plan-trial{color:var(--info);background:#7fb5d924;border:1px solid #7fb5d94d}.plan-free{color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.kpi{padding:var(--card-pad);flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.kpi .kt{align-items:center;gap:9px;display:flex}.kpi .kic{border-radius:var(--r-sm);background:var(--accent-tint);width:34px;height:34px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.kpi .kic.cool{background:var(--cool-tint);color:var(--cool)}.kpi .kic.good{background:var(--good-tint);color:var(--good)}.kpi .kic.lilac{background:var(--lilac-tint);color:var(--lilac)}.kpi .klbl{color:var(--muted);font-size:12.5px;font-weight:600}.kpi .kval{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);align-items:baseline;gap:6px;font-size:34px;font-weight:500;line-height:1;display:flex}.kpi .kval small{font-family:var(--sans);color:var(--muted);font-size:14px;font-weight:600}.kpi .kfoot{align-items:center;gap:8px;display:flex}.table{border-collapse:collapse;width:100%}.table thead th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:0 14px 11px;font-size:11px;font-weight:700}.table thead th.r{text-align:right}.table tbody td{height:var(--row-h);border-bottom:1px solid var(--line-2);color:var(--ink-2);vertical-align:middle;padding:0 14px;font-size:13.5px}.table tbody td.r{text-align:right}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface)}.table tbody tr:last-child td{border-bottom:none}.table .primary{color:var(--ink);font-weight:600}.cell-id{font-variant-numeric:tabular-nums;color:var(--faint);font-size:12px}.cell-media{align-items:center;gap:11px;min-width:0;display:flex}.cell-sub{color:var(--muted);margin-top:1px;font-size:11.5px}.thumb{border-radius:var(--r-xs);border:1px solid var(--line);flex-shrink:0;position:relative;overflow:hidden}.ph{position:absolute;inset:0}.bar{border-radius:var(--r-pill);background:var(--surface-2);height:6px;overflow:hidden}.bar>i{border-radius:var(--r-pill);background:var(--accent);height:100%;display:block}.bar.cool>i{background:var(--cool)}.bar.good>i{background:var(--good)}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:70px 20px;display:flex}.empty .eorb{background:radial-gradient(circle at 50% 38%, var(--accent-tint), transparent 70%);border:1px solid var(--accent-line);width:74px;height:74px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.empty .eorb svg{width:30px;height:30px}.empty .et{font-family:var(--serif);color:var(--ink);font-size:18px}.empty .es{color:var(--muted);max-width:34ch;font-size:13px}.legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.legend .lg{color:var(--ink-2);align-items:center;gap:7px;font-size:12px;display:flex}.legend .sw{border-radius:3px;width:10px;height:10px}.login-wrap{background:radial-gradient(120% 60% at 50% -8%, var(--grad-top), transparent 52%),linear-gradient(180deg, var(--bg-2), var(--bg) 55%);place-items:center;height:100vh;padding:20px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:380px;box-shadow:var(--shadow-pop);padding:32px 28px}.login-card h1{font-family:var(--serif);text-align:center;margin:16px 0 4px;font-size:24px;font-weight:500}.login-card .sub{color:var(--muted);text-align:center;margin-bottom:24px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink-2);font-size:12px;font-weight:600}.field input{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);height:44px;color:var(--ink);font-family:var(--sans);outline:none;padding:0 14px;font-size:14px;transition:border-color .15s,background .15s}.field input:focus{border-color:var(--accent-line);background:var(--surface-2)}.login-err{color:var(--bad);background:var(--bad-tint);border-radius:var(--r-sm);margin-bottom:14px;padding:9px 12px;font-size:12.5px}.btn.block{width:100%;height:44px}@media (max-width:860px){.admin{grid-template-columns:1fr}.sidebar{width:248px;box-shadow:var(--shadow-pop);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin.nav-open .sidebar{transform:translate(0)}.scrim-nav{z-index:4;background:#04050e80;position:fixed;inset:0}.content{padding:18px 16px 50px}.topbar{padding:0 16px}.search{display:none}.grid[style*="1.55fr"],.grid[style*="1.5fr"],.grid[style*="1.6fr"],.grid[style*="1fr 1fr"]{grid-template-columns:1fr!important}.g-4{grid-template-columns:repeat(2,1fr)}.tb-menu{display:grid!important}}.tb-menu{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-2);cursor:pointer;place-items:center;display:none}
