@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap);:root{--bg:#07080b;--bg2:#0b0d12;--card:#0f1320;--text:#fff;--muted:#ffffffb8;--line:#ffffff1a;--accent:#ff2d2d;--accent2:#fff;--shadow:0 20px 60px #0000008c}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:radial-gradient(1200px 600px at 20% 10%,#ff2d2d2e,#0000 60%),radial-gradient(900px 500px at 90% 20%,#ffffff14,#0000 55%),linear-gradient(180deg,#07080b,#0b0d12);background:radial-gradient(1200px 600px at 20% 10%,#ff2d2d2e,#0000 60%),radial-gradient(900px 500px at 90% 20%,#ffffff14,#0000 55%),linear-gradient(180deg,var(--bg),var(--bg2));color:#fff;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.analytics-dashboard{padding:1rem 2rem}.metric-grid{display:flex;flex-wrap:wrap;gap:1rem}.metric-card{background:#f5f5f5;border-radius:12px;box-shadow:0 2px 6px #00000014;flex:1 1 200px;padding:1.2rem;text-align:center}.metric-card h4{color:#444;margin:0 0 .5rem}.metric-card p{color:#dc143c;font-size:1.5rem;font-weight:600;margin:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.dark{background:#121212;color:#eee}body.dark header{background:#8b0000!important}body.dark .metric-card{background:#1e1e1e;color:#eee}body.dark .channel-card{filter:brightness(.85)}.header{background:var(--clr-primary);padding:1rem 2rem}.brand{gap:.75rem}.logo{background:#fff;border-radius:var(--radius);color:var(--clr-primary);font-size:1.5rem;padding:.25rem .5rem}.brand-name{font-size:1.1rem;font-weight:600}.brand-tag{font-size:.8rem;opacity:.9}.nav{gap:1rem}.nav-link{border-radius:var(--radius);color:#fff;padding:.5rem 1rem}.nav-link.active,.nav-link:hover{background:#fff3}.channel-card,.metric-card{background:var(--clr-surface);border:1px solid #333;border-radius:var(--radius);color:var(--clr-text);padding:2rem}.channel-card:hover,.metric-card:hover{border-color:var(--clr-primary);box-shadow:0 8px 20px #dc143c59;transform:translateY(-4px)}.btn-primary{background:var(--clr-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .2s}.btn-primary:hover{background:#b01030}.add-form button{@extend .btn-primary}.footer{border-top:2px solid var(--clr-primary);color:var(--clr-muted);padding:2rem}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07080b8c;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-inner{gap:18px;justify-content:space-between;margin:auto;max-width:1200px;padding:14px 2rem}.brand,.header-inner{align-items:center;display:flex}.brand{gap:12px}.logo{background:linear-gradient(135deg,var(--accent),#ff2d2d59);border-radius:12px;box-shadow:var(--shadow);color:#fff;display:grid;font-weight:800;height:42px;letter-spacing:.5px;place-items:center;width:42px}.brand-name{font-weight:800;letter-spacing:.2px}.brand-tag{color:var(--muted);font-size:12px;margin-top:2px}.nav{align-items:center;display:flex;gap:14px}.nav-link{border-radius:14px;color:var(--muted);font-size:14px;font-weight:600;padding:8px 12px;text-decoration:none;transition:background .2s}.nav-link.active,.nav-link:hover{background:#ffffff14;color:#fff}.channel-card,.metric-card{background:var(--card);border:1px solid var(--line);border-radius:18px;color:var(--text);cursor:pointer;padding:18px;transition:all .2s}.channel-card:hover,.metric-card:hover{background:#0000006b;border-color:#ffffff2e;box-shadow:var(--shadow);transform:translateY(-2px)}.add-form button{align-items:center;background:linear-gradient(135deg,var(--accent),#ff2d2d8c);border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:12px 16px;transition:filter .2s}.add-form button:hover{filter:brightness(1.05)}.footer{background:#111;border-top:2px solid var(--accent);color:var(--muted);font-size:13px;padding:26px 0;text-align:center}.footer-inner{align-items:center;display:flex;justify-content:space-between;margin:auto;max-width:1200px;padding:0 2rem}@media (max-width:900px){.nav{display:none}}
/*# sourceMappingURL=main.83d13f98.css.map*/