:root{--paper:#faf8f5;--surface:#fff;--ink:#1a1f2b;--ink-muted:#6b7280;--border:#e7e3db;--brand:#5b4fe9;--brand-hover:#4a3fd6;--brand-tint:#eeecfd;--glow:#f5a623;--glow-tint:#fef3e0;--danger:#dc2626;--danger-tint:#fee2e2;--success:#16a34a;--font-display:"Sora",-apple-system,sans-serif;--font-body:"Inter",-apple-system,sans-serif;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 2px rgba(26,31,43,.06);--shadow-md:0 4px 16px rgba(26,31,43,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}h1{font-size:26px}h2{font-size:18px}h3{font-size:15px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{font-family:var(--font-body);font-size:14px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);width:100%}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}label{display:block;font-size:13px;color:var(--ink-muted);margin-bottom:5px}.btn,label{font-weight:500}.btn{font-family:var(--font-body);font-size:14px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.btn:hover{background:#f3f2ef;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover)}.btn-danger{background:transparent;border-color:#f3aeae;color:var(--danger);font-size:12px;padding:5px 10px}.btn-danger:hover{background:var(--danger-tint)}.btn-icon{background:transparent;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-icon,.card{border:1px solid var(--border)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column}.sidebar .brand{font-family:var(--font-display);font-weight:700;font-size:18px;padding:6px 10px 22px;color:var(--ink)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--ink-muted);font-size:14px;font-weight:500;margin-bottom:2px}.nav-item:hover{background:var(--paper);text-decoration:none;color:var(--ink)}.nav-item.active{background:var(--brand-tint);color:var(--brand)}.nav-item .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.main{flex:1 1;padding:32px 40px;max-width:980px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.badge-muted{background:#f0efec;color:var(--ink-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-muted);position:relative;flex-shrink:0}.status-dot.live{background:var(--glow);box-shadow:0 0 0 4px var(--glow-tint),0 0 12px 2px rgba(245,166,35,.5);animation:glow-pulse 2.4s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 4px var(--glow-tint),0 0 12px 2px rgba(245,166,35,.45)}50%{box-shadow:0 0 0 6px var(--glow-tint),0 0 18px 4px rgba(245,166,35,.7)}}@media (prefers-reduced-motion:reduce){.status-dot.live{animation:none}}.empty-state{text-align:center;padding:48px 24px;color:var(--ink-muted);font-size:14px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:24px}.auth-card{width:100%;max-width:380px}.tab-group{display:flex;gap:4px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;margin-bottom:20px}.tab-group button{flex:1 1;border:none;background:transparent;padding:7px;border-radius:5px;font-size:13px;font-weight:500;color:var(--ink-muted);cursor:pointer}.tab-group button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px}.content-tile img{width:100%;height:100px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}