:root{--bg: #0b0e14;--bg-2: #11151f;--card: #151b27;--card-2: #1b2230;--border: #232c3d;--text: #e7ecf3;--muted: #8a96a8;--accent: #5b8cff;--green: #2fd47a;--yellow: #f5c451;--red: #ff5c6c;--shadow: 0 1px 0 rgba(255,255,255,.03), 0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,#16203a 0%,var(--bg) 55%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:18px 12px;position:sticky;top:0;height:100vh}.brand{font-weight:700;font-size:16px;padding:6px 10px 16px;letter-spacing:.2px}.brand small{display:block;color:var(--muted);font-weight:500;font-size:11px}.dash-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px}.dash-list{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.dash-item{position:relative;display:flex;align-items:center;gap:2px;border-radius:10px}.dash-item.active{background:var(--card-2)}.dash-item .dash-name{flex:1;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text);text-align:left;padding:8px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dash-item:not(.active) .dash-name{color:var(--muted)}.dash-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.dash-item .reorder{display:none;flex-direction:column}.dash-item:hover .reorder{display:flex}button.mini{padding:1px 6px;font-size:11px;line-height:1.2;background:transparent;border:none;color:var(--muted)}button.mini:hover{color:var(--text)}.dash-menu{position:absolute;right:6px;top:36px;z-index:20;background:var(--card-2);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:150px;padding:4px}.dash-menu button{background:transparent;border:none;text-align:left;padding:8px 10px;border-radius:8px;color:var(--text)}.dash-menu button:hover{background:var(--card)}.dash-menu button.danger{color:var(--red)}.nav a{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;color:var(--muted);margin-bottom:2px}.nav a:hover{background:var(--card);color:var(--text)}.nav a.active{background:var(--card-2);color:var(--text)}.main{padding:20px 26px 60px;max-width:1400px}.topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.topbar h1{font-size:20px;margin:0 12px 0 0}select,input,button{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px 11px;font-size:13px;outline:none}select:focus,input:focus{border-color:var(--accent)}button{cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.ghost{background:transparent}.spacer{flex:1}.live{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.grid{display:grid;gap:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:12px;margin-bottom:6px}.kpi .value{font-size:24px;font-weight:700;letter-spacing:-.5px}.kpi .sub{font-size:11px;color:var(--muted);margin-top:4px}.pos{color:var(--green)}.neg{color:var(--red)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px}tr:hover td{background:#ffffff04}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.b-green{background:#2fd47a24;color:var(--green)}.b-yellow{background:#f5c45126;color:var(--yellow)}.b-red{background:#ff5c6c26;color:var(--red)}.b-muted{background:#8a96a826;color:var(--muted)}.funnel{display:flex;gap:10px;align-items:stretch}.funnel .step{flex:1;background:var(--card-2);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.funnel .step .n{font-size:22px;font-weight:700}.funnel .step .l{color:var(--muted);font-size:12px}.funnel .arrow{align-self:center;color:var(--muted);font-size:12px;min-width:64px;text-align:center}.bar{height:8px;background:var(--bg-2);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%}.comp{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:13px}.comp .pts{color:var(--muted);font-variant-numeric:tabular-nums}.login-wrap{display:grid;place-items:center;height:100vh}.login-card{width:320px}.login-card h2{margin-top:0}.section-title{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:22px 0 10px}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.right{margin-left:auto}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted)}.pill{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--card-2);border:1px solid var(--border)}.empty{color:var(--muted);padding:30px;text-align:center}.codebox{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:12px;font-family:ui-monospace,monospace;font-size:12px;word-break:break-word}.page-cell{display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--accent),#8a5bff)}.page-name{font-weight:600}.page-id{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.slots{min-width:140px}.slots .bar{margin-bottom:4px}.slots .slots-meta{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.limit-edit{width:70px;padding:4px 7px;font-size:12px}.limit-cell{cursor:pointer}.limit-cell:hover{color:var(--accent)}.pager{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:12px}.pager button:disabled{opacity:.4;cursor:not-allowed}