:root{--bg: #0f1115;--surface: #171a21;--surface-2: #1f232c;--border: #2a2f3a;--text: #f2f4f8;--text-muted: #9aa3b2;--accent: #5b8cff;--accent-hover: #4a7bf0;--success: #2d8b5f;--danger: #e5484d;--radius: 12px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow: 0 4px 20px rgba(0,0,0,.35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0 0 var(--space-3)}.btn{background:var(--accent);color:#fff;border:none;cursor:pointer;padding:10px 16px;border-radius:var(--radius-sm);font-size:15px;font-weight:600}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-danger{background:var(--danger)}.input{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.muted{color:var(--text-muted)}.error{color:var(--danger)}.row{display:flex;gap:var(--space-3);align-items:center}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;padding:16px;gap:8px;z-index:60}.mobile-topbar{display:none}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:55}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:50}.main-content{padding:16px!important}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:240px;background:#000000d9;display:grid;place-items:center;padding:24px;z-index:50}@media (max-width: 768px){.video-modal-overlay{left:0;padding:12px}}