:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#0f172a;color:#e2e8f0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:#1e293b;border-radius:12px;padding:2rem;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.auth-card h1{margin:0 0 .5rem;font-size:1.35rem}.auth-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.auth-card input{padding:.6rem .7rem;border-radius:8px;border:1px solid #334155;background:#0f172a;color:inherit;font-size:1rem}.auth-card button{padding:.7rem;border-radius:8px;border:none;background:#6366f1;color:#fff;font-weight:600;cursor:pointer}.auth-card button:disabled{opacity:.6;cursor:default}.error{color:#f87171;font-size:.9rem;margin:0}.qr-code{align-self:center;background:#fff;padding:8px;border-radius:8px;width:200px;height:200px}.secret-fallback{font-size:.8rem;color:#94a3b8;word-break:break-all}.dashboard header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid #1e293b}.dashboard header div{display:flex;align-items:center;gap:1rem}.dashboard header button{padding:.4rem .8rem;border-radius:6px;border:1px solid #334155;background:transparent;color:inherit;cursor:pointer}.dashboard main{padding:2rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:700px}.stat-card{background:#1e293b;border-radius:10px;padding:1.2rem}.stat-label{font-size:.8rem;color:#94a3b8;margin-bottom:.4rem}.stat-value{font-size:1.6rem;font-weight:700}.stat-sublabel{color:#64748b;font-weight:400}.stat-footnote{margin-top:.4rem;font-size:.75rem;color:#64748b}.channel-card{display:block;width:100%;text-align:left;border:2px solid transparent;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease}.channel-card:hover{border-color:#334155}.channel-card--active{border-color:#38bdf8;background:#0f2f42}.section-heading{margin:2rem 0 1rem;font-size:1.1rem}.data-table{width:100%;max-width:700px;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #1e293b}.data-table th{color:#94a3b8;font-weight:600}.placeholder-note{margin-top:1.5rem;color:#94a3b8;font-size:.85rem;max-width:500px}