:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}:root{--primary: #d90445;--primary-hover: #f20c57;--background: #08080c;--surface: #15151b;--surface-2: #202028;--border: #2f2f3a;--text: #ffffff;--muted: #a1a1aa;--success: #22c55e}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--border);background:#0d0d12;padding:28px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:38px}.brand-logo{width:48px;height:48px;border-radius:14px;background:var(--primary);display:grid;place-items:center;font-size:30px;font-weight:900}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:13px}nav{display:grid;gap:8px}nav a{height:44px;display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;padding:0 14px;border-radius:12px;cursor:pointer}nav a.active,nav a:hover{background:#d9044524;color:#fff}.content{padding:32px;background:radial-gradient(circle at top right,rgba(217,4,69,.18),transparent 35%),var(--background)}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}h1,h2,p{margin:0}h1{font-size:36px}h2{font-size:20px;margin-bottom:6px}p{color:var(--muted)}.primary-button{border:0;background:var(--primary);color:#fff;height:44px;border-radius:14px;padding:0 18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.primary-button:hover{background:var(--primary-hover)}.primary-button.full{width:100%;justify-content:center;margin-top:16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric-card,.panel{background:#15151bf0;border:1px solid var(--border);border-radius:24px;box-shadow:0 18px 60px #00000047}.metric-card{padding:22px}.metric-icon{width:44px;height:44px;border-radius:14px;background:#d9044524;color:var(--primary);display:grid;place-items:center;margin-bottom:16px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{display:block;margin-top:6px;font-size:30px}.panel-grid{display:grid;grid-template-columns:1.7fr .9fr;gap:22px}.panel-grid.bottom{margin-top:22px;grid-template-columns:1fr 1fr}.panel{padding:24px}.panel.large{min-height:430px}.panel-header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.search{height:42px;min-width:260px;display:flex;align-items:center;gap:8px;background:#0f0f14;border:1px solid var(--border);border-radius:14px;padding:0 12px;color:var(--muted)}input,textarea,select{width:100%;border-radius:14px;border:1px solid var(--border);background:#0f0f14;color:var(--text);padding:12px 14px;outline:none;font-size:14px}textarea{min-height:90px;resize:vertical}label{display:block;color:var(--muted);font-size:13px;margin:14px 0 8px}.table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:1.2fr 1.5fr 1.4fr .7fr .9fr;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#101017;border:1px solid rgba(255,255,255,.04)}.table-head{background:transparent;color:var(--muted);font-size:13px}.table-row strong,.table-row small{display:block}.table-row small{color:var(--muted);margin-top:4px}.tags-list{display:flex;gap:6px;flex-wrap:wrap}.tags-list em{font-style:normal;color:#fff;background:#d904452e;border:1px solid rgba(217,4,69,.4);border-radius:999px;padding:4px 8px;font-size:12px}.status-ok{color:var(--success)}.status-off{color:var(--muted)}.campaign-item{display:flex;justify-content:space-between;align-items:center;background:#101017;border:1px solid var(--border);border-radius:16px;padding:16px;margin-top:12px}.campaign-item span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.performance{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.performance div{background:#101017;border:1px solid var(--border);border-radius:18px;padding:18px}.performance svg{color:var(--primary)}.performance strong,.performance span{display:block}.performance strong{font-size:30px;margin-top:10px}.performance span{color:var(--muted);font-size:13px}@media(max-width:1000px){.app{grid-template-columns:1fr}.sidebar{display:none}.metrics-grid,.panel-grid,.panel-grid.bottom{grid-template-columns:1fr}.panel-header,.topbar{flex-direction:column;align-items:stretch}.table-row{grid-template-columns:1fr}.search{min-width:auto}}
