:root{--bg: #04070d;--bg-soft: #0a1622;--panel: #071827;--line: rgba(0, 229, 255, .18);--text: #f2f7ff;--muted: #9eb1c5;--accent: #0fd8ef;--accent-2: #00a4d0;--ok: #4ade80}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(15,216,239,.12),transparent 35%),var(--bg)}.premium-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070de6}.premium-header-inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.brand-link{text-decoration:none;color:inherit;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.logo-dot{color:var(--accent)}.logo-domain{color:#90a2b6;font-weight:400}.premium-badge{border:1px solid var(--line);color:var(--accent);padding:8px 12px;border-radius:999px;font-weight:600;font-size:.85rem}.premium-main{max-width:1180px;margin:0 auto;padding:28px 24px 56px}.auth-panel,.panel,.kpi{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#071827f2,#05111df2);box-shadow:inset 0 1px #ffffff0f,0 18px 36px #0000003d}.auth-panel{max-width:520px;padding:28px;margin:40px auto 0}.auth-panel h1{margin:0 0 10px;font-family:Outfit,sans-serif}.auth-panel p{margin:0 0 18px;color:var(--muted)}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;font-size:.94rem;color:var(--muted)}.login-form input,.filters select{background:#020d18;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px 12px}.login-form button,.logout-btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#032232;border:0;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}.hint{color:var(--muted)}.error{color:#ff7c9f;min-height:20px;margin:0}.hidden{display:none}.dashboard{display:grid;gap:20px}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.dashboard-top h2{margin:0;font-family:Outfit,sans-serif;font-size:2rem}.dashboard-top p{margin:6px 0 0;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:14px}.filters label{display:grid;gap:6px;color:var(--muted);font-size:.9rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{padding:18px}.kpi h4{margin:0;color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.kpi strong{display:block;margin-top:8px;font-size:1.7rem;font-family:Outfit,sans-serif}.kpi .delta{margin-top:5px;color:var(--ok);font-size:.9rem}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{padding:18px}.panel h3{margin:0 0 16px;font-family:Outfit,sans-serif}.bars-chart{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:76px 1fr 72px;align-items:center;gap:10px}.bar-label{color:var(--muted);font-size:.9rem}.bar-track{height:12px;background:#ffffff14;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#4cc3ff);border-radius:inherit}.bar-value{text-align:right;color:#c7d8ea;font-size:.85rem}table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}th{color:var(--muted);font-weight:600;font-size:.88rem}.sources-list{margin:0;padding-left:18px;display:grid;gap:10px;color:#cfdef0}.sources-list span{color:var(--muted);font-size:.9rem}.analytics-section{display:grid;gap:18px;margin-top:8px}.dashboard-top--stacked{align-items:flex-start}.analytics-toolbar{display:grid;gap:12px;justify-items:end}.range-switch{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.range-btn,.ghost-btn{border:1px solid rgba(255,255,255,.12);background:#020d18e6;color:var(--text);border-radius:999px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.range-btn:hover,.ghost-btn:hover{transform:translateY(-1px);border-color:#0fd8ef73}.range-btn.is-active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#032232;border-color:transparent}.analytics-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ghost-btn-danger{border-color:#ff7c9f59;color:#ff9ab5}.ghost-btn-danger:hover{border-color:#ff7c9f99}.empty-state,.empty-inline,.activity-empty,.empty-table{color:var(--muted)}.empty-state{margin:0;padding:16px 18px;border:1px dashed rgba(15,216,239,.24);border-radius:14px;background:#07182773}.analytics-kpi-grid{margin-top:2px}.analytics-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel-wide{grid-column:1 / -1}.analytics-table{min-width:100%}.analytics-table td strong{font-size:.98rem}.table-meta{color:var(--muted);font-size:.84rem}.analytics-subsection+.analytics-subsection{margin-top:16px}.analytics-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:10px}.activity-feed{list-style:none;margin:0;padding:0;display:grid;gap:12px}.activity-item{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start}.activity-dot{width:11px;height:11px;margin-top:4px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #0fd8ef1f}.activity-page-view{background:#4ade80;box-shadow:0 0 0 4px #4ade801f}.activity-page-leave{background:var(--accent-2)}.activity-scroll-depth{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b1f}.activity-read-complete{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.activity-js-error,.activity-promise-rejection{background:#ff7c9f;box-shadow:0 0 0 4px #ff7c9f1f}.activity-news-card-click,.activity-related-click,.activity-source-click,.activity-internal-click,.activity-outbound-click,.activity-article-image-click,.activity-share-click{background:var(--accent)}.activity-copy{display:grid;gap:2px}.activity-copy strong{font-size:.95rem}.activity-copy span,.activity-copy small{color:var(--muted)}@media (max-width: 980px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid,.analytics-panels{grid-template-columns:1fr}.panel-wide{grid-column:auto}}@media (max-width: 620px){.kpi-grid{grid-template-columns:1fr}.premium-main{padding:20px 14px 40px}.premium-header-inner{padding:12px 14px}.dashboard-top,.analytics-toolbar,.analytics-actions{justify-items:stretch;justify-content:stretch}.analytics-toolbar,.analytics-actions,.range-switch{width:100%}.range-switch{justify-content:flex-start}}