:root{color-scheme:light dark;--bg: #0f1115;--surface: #1a1d24;--border: #2a2e37;--text: #e6e8eb;--muted: #9aa1ac;--accent: #4f8cff;--good: #3ecf8e;--bad: #ef5b5b;--warn: #e6b95c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.nav-bar{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border)}.nav-bar a{color:var(--muted);text-decoration:none}.nav-bar a.active{color:var(--text);font-weight:600}.brand{font-weight:700;margin-right:.5rem}.logout-button{margin-left:auto}.content{padding:1.5rem;max-width:960px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.card-header h2{margin:0;font-size:1rem}.badge{padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-good{background:color-mix(in srgb,var(--good) 20%,transparent);color:var(--good)}.badge-bad{background:color-mix(in srgb,var(--bad) 20%,transparent);color:var(--bad)}.badge-warn{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.badge-neutral{background:color-mix(in srgb,var(--muted) 20%,transparent);color:var(--muted)}.stat-list{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:.5rem 0}.stat-list dt{color:var(--muted)}.stat-list dd{margin:0}.muted{color:var(--muted)}.error{color:var(--bad)}.success{color:var(--good)}.warn-banner{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn);padding:.5rem 1rem;border-radius:6px;margin-bottom:1rem}.button-row{display:flex;gap:.5rem}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-form,.form{display:flex;flex-direction:column;gap:.75rem;width:320px}label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem;color:var(--text);font-size:.9rem}code{background:var(--bg);padding:.1rem .35rem;border-radius:4px;font-size:.85em}.dropzone{border:2px dashed var(--border);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;margin:.75rem 0}.dropzone-active{border-color:var(--accent)}.nav-sep{color:var(--muted)}.channel-rows{display:flex;flex-direction:column;gap:.5rem}.channel-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.channel-row a{color:var(--text);text-decoration:none}.channel-row-actions{display:flex;align-items:center;gap:.75rem}.slate-preview{margin:1rem 0}.slate-preview h3{font-size:.85rem;font-weight:600;color:var(--muted);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.04em}.slate-preview-media{display:block;width:100%;max-width:480px;border-radius:8px;border:1px solid var(--border);background:var(--bg)}