:root{color-scheme:dark;--bg:#0b0d11;--panel:#15191f;--panel2:#191f27;--line:#29303a;--text:#eef1f5;--muted:#969fac;--blue:#75a4ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}a{color:var(--blue)}.top-accent{height:3px;background:linear-gradient(90deg,#628df0,transparent 70%)}.site-shell{min-height:calc(100vh - 3px);display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#111419;border-right:1px solid #272e37;display:flex;flex-direction:column;padding:30px 19px;min-height:calc(100vh - 3px)}.brand-mark{display:flex;align-items:center;gap:13px}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#2a3446,#151c2b);border:1px solid #3d4d61;font-weight:800;letter-spacing:-.8px}.brand-mark strong{display:block;font-size:16px;letter-spacing:1px}.brand-mark small{display:block;font-size:10px;letter-spacing:1.2px;color:#9aa4b2;margin-top:2px}.sidebar-divider{height:1px;background:var(--line);margin:28px 0 23px}.nav-caption,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#a1acc0}.nav-caption{display:block;padding:0 12px;margin-bottom:15px}.nav-item{text-decoration:none;display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:11px;margin:3px 0;color:#aeb7c6;font-weight:600;font-size:12px}.nav-item.active{color:#eaf1ff;background:#27334a;border:1px solid #3c5175}.nav-icon{font-size:19px;line-height:1}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:23px}.status{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#f4ad54}.status-dot.online{background:#31c39d;box-shadow:0 0 0 4px #31c39d14}.minor{font-size:11px;color:#7e8897;margin-top:9px}.main{max-width:1700px;width:100%;padding:32px clamp(18px,4vw,58px) 55px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:32px}.page-intro h1{font-size:clamp(26px,3vw,37px);letter-spacing:-1.2px;line-height:1.2;margin:7px 0}.page-intro p,.panel-header p{margin:4px 0 0;color:var(--muted)}.account-toolbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.user-label{font-size:12px;color:#c2cbd8;font-weight:700;margin-right:6px}.button{border-radius:9px;padding:10px 15px;border:1px solid #414c5a;color:#eaf0fb;background:#252d39;font-weight:700;font-size:12px;min-height:39px}.button:hover{filter:brightness(1.13)}.button.primary{color:#101827;background:#a9c5ff;border-color:#a9c5ff}.button.ghost{background:#1b212a}.flash{padding:13px 16px;border-radius:10px;background:#102a26;color:#8befd7;border:1px solid #285d54;margin-bottom:20px}.flash.error{background:#351e24;color:#ffb6bf;border-color:#77424c}.section-title{margin-bottom:17px}.section-title h2{font-size:20px;margin:5px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{min-width:0;background:linear-gradient(135deg,#202733,#151a21);border:1px solid #313b4c;border-radius:15px;padding:20px 22px}.metric span{font-size:12px;color:#afb9c7;font-weight:600}.metric strong{display:block;font-size:clamp(26px,2.3vw,35px);letter-spacing:-1px;margin:10px 0 7px}.metric em{font-size:13px;font-weight:500;font-style:normal;color:#9dabbd}.metric small{font-size:11px;color:#8692a2}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:22px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px;flex-wrap:wrap}.panel-header h2{font-size:21px;letter-spacing:-.5px;margin:5px 0 0}.outlet-filter{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:6px}input,select{background:#11171d;color:var(--text);border:1px solid #465363;border-radius:9px;padding:11px 12px;outline-offset:2px;min-height:43px}select{min-width:240px;max-width:100%}input:focus,select:focus{outline:2px solid #5081d4}.scope-note{color:var(--muted);font-size:12px;margin:-5px 0 16px}.scope-note strong{color:#dbe8fc}.analytics-content{display:grid;gap:16px}.chart-card{background:#11171d;border:1px solid #303a48;border-radius:13px;min-width:0;padding:22px}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px;flex-wrap:wrap}.chart-heading h3{font-size:16px;font-weight:700;margin:0}.chart-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.rating-pill{font-weight:800;font-size:12px;padding:6px 10px;background:#1e3049;border-radius:8px;color:#aacaff}.bar-scroll{overflow-x:auto;max-width:100%}.bar-chart{display:flex;align-items:end;gap:15px;height:225px;padding:10px 4px 0;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#ffffff0b 44px,#ffffff0b 45px)}.bar-col{flex:1;min-width:56px;max-width:200px;height:100%;display:flex;flex-direction:column;align-items:center}.bar-value{font-size:11px;font-weight:800;padding-bottom:7px}.bar-area{height:160px;width:100%;display:flex;justify-content:center;align-items:flex-end}.bar{width:min(60%,95px);min-height:0;border-radius:5px 5px 0 0;transition:height .3s}.bar-label{font-size:11px;color:#b3bdcb;text-align:center;line-height:1.3;padding-top:11px;max-width:100%;overflow-wrap:anywhere}.empty-chart{margin:auto;color:var(--muted)}.comments-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:450px;text-align:left}th,td{padding:12px 13px;border-bottom:1px solid #313945;vertical-align:top}th{font-size:11px;text-transform:uppercase;color:#9ba7b8;letter-spacing:.7px}td{font-size:12px;color:#ced6e1}td:first-child{width:43px;color:#8694a5}.empty-row{text-align:center;color:var(--muted);padding:22px}.links-grid{display:grid;gap:12px}.link-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#11171d;border:1px solid #303a48;border-radius:10px;padding:15px 17px}.link-card strong{font-size:12px}.link-card p{font-size:12px;color:#9daec6;word-break:break-all;margin:5px 0 0}.muted{font-size:11px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}.settings-grid label,.auth-form label{display:flex;flex-direction:column;gap:8px;color:#cbd4e2;font-size:12px;font-weight:700}.settings-grid small{font-weight:400;color:#9ca6b5}.setting-row{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row strong{font-size:13px}.setting-row p{font-size:12px;color:var(--muted);margin:5px 0 0}.setting-row input{width:20px;height:20px;min-height:20px;accent-color:#9ab9fa}.settings-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:17px;flex-wrap:wrap}.page-footer{font-size:11px;color:#768497;text-align:center;margin-top:25px}.auth-panel{max-width:510px;margin:55px auto 0;padding:36px;border:1px solid #364559;background:#18202a;border-radius:16px}.auth-panel h2{font-size:25px;margin:7px 0}.auth-panel p{color:var(--muted);font-size:13px}.auth-form{display:grid;gap:19px;margin-top:25px}.loading{font-size:12px;color:#b8c3d3;padding:22px;text-align:center}.main section:focus-within{scroll-margin-top:24px}@media(max-width:1050px){.site-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:16px 20px;display:block}.sidebar-divider,.navigation,.sidebar-foot{display:none}.brand-mark{gap:10px}.logo{width:38px;height:38px}.main{padding:26px 20px 60px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.main{padding:21px 13px 44px}.topbar{margin-bottom:20px}.panel{padding:17px}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:27px}.settings-grid{grid-template-columns:1fr}.link-card{align-items:flex-start;flex-direction:column}.auth-panel{padding:24px;margin:30px 0 0}}
@media print{body{background:white!important;color:#171717!important}.sidebar,.top-accent,.account-toolbar,#links-section,#notifications-section,.page-footer{display:none!important}.site-shell{display:block}.main{padding:0}.panel,.metric,.chart-card{background:#fff!important;color:black!important;border-color:#ccc!important}.panel-header p,.chart-heading p,.scope-note,td,th,.metric small,.metric span{color:#333!important}.bar-label{color:black!important}}