:root{--bg: #101725;--content-bg: #16202f;--panel: #1f2b42;--panel-alt: #253150;--line: rgba(255, 255, 255, .08);--text: #eef2f7;--muted: #8b96ac;--accent: #00d2ff;--accent-dim: #0d3c49;--success: #22b66e;--success-dim: #123a29;--warn: #f3c111;--error: #ef193c;--info: #2196f3;--field: #121a27;--on-accent: #04141a;--shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 12px 28px -10px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}::selection{background:var(--accent-dim);color:var(--on-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:6px 11px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.tiny{padding:2px 7px;font-size:12px}button.link{border:none;background:none;color:var(--accent);padding:2px 6px}button.danger:hover:not(:disabled){border-color:var(--error);color:var(--error)}input,textarea,select{font:inherit;width:100%;padding:6px 9px;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:7px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}h2{margin:0 0 14px;font-size:19px}h3{margin:18px 0 8px;font-size:15px;color:var(--muted);font-weight:500}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--error)}.warn{color:var(--warn)}.ok{color:var(--success)}.shell{height:100%;display:flex}.sidebar{width:214px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--line)}.brand-mark{display:flex;align-items:center;gap:9px;padding:16px 16px 14px}.brand-mark .glyph{width:26px;height:26px;border-radius:7px;flex-shrink:0;background:var(--accent-dim);display:grid;place-items:center;color:var(--accent);font-weight:700;font-size:14px}.brand-mark .word{font-weight:700;letter-spacing:.03em;font-size:14.5px}.side-nav{display:flex;flex-direction:column;gap:1px;padding:4px 10px;overflow-y:auto}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;color:var(--muted);padding:8px 10px;border-radius:7px;font-size:13.5px;text-align:left}.nav-btn:hover{background:var(--panel);color:var(--text);border-color:transparent}.nav-btn.on{background:var(--accent-dim);color:var(--accent);font-weight:600}.nav-btn .dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--warn)}.side-section{padding:12px 16px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.side-bottom{margin-top:auto;padding:10px;border-top:1px solid var(--line)}.side-metric{display:flex;align-items:baseline;gap:7px;padding:3px 6px;font-size:11.5px;color:var(--muted)}.side-metric b{margin-left:auto;font-size:13px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.main-col{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--content-bg)}.topbar{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line);min-height:24px;flex:0 0 auto}.page-title{font-weight:600;font-size:14px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}main{flex:1;min-height:0;overflow-y:auto;padding:20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent)}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-head .name{font-weight:600;font-size:15px}.card-head .badge{margin-left:auto}.badge{padding:2px 9px;font-size:11.5px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge.on{border-color:var(--success);color:var(--success)}.badge.off{border-color:var(--error);color:var(--error)}.badge.warn{border-color:var(--warn);color:var(--warn)}.badge.accent{border-color:var(--accent);color:var(--accent)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px}.metric{background:var(--field);border:1px solid var(--line);border-radius:9px;padding:9px 11px}.metric .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.metric .value{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25}.metric .value.accent{color:var(--accent)}.metric .value.good{color:var(--success)}.metric .value.bad{color:var(--error)}.metric .value.mid{color:var(--warn)}.metric .sub{font-size:11px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:500;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:var(--panel-alt)}td.num{text-align:right;font-variant-numeric:tabular-nums}.delta.up{color:var(--success)}.delta.down{color:var(--error)}.delta.flat{color:var(--muted)}.chart{width:100%;height:180px;display:block}.chart .grid-line{stroke:var(--line);stroke-width:1}.chart .series-clicks{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.chart .series-impressions{fill:var(--accent-dim);opacity:.55;stroke:none}.feed{display:grid;gap:8px}.feed-item{display:flex;align-items:baseline;gap:10px;padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:9px;font-size:13.5px}.feed-item .when{margin-left:auto;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.feed-item.pending{border-color:var(--warn)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:12px}.split{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media(max-width:900px){.split{grid-template-columns:1fr}.sidebar{width:60px}.sidebar .word,.side-section,.nav-btn span{display:none}}.field{display:grid;gap:4px;margin-bottom:10px}.field label{font-size:12px;color:var(--muted)}.hint{color:var(--muted);font-size:13px;margin:0 0 14px}.empty{padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}