:root{--bg: #0e0f13;--panel: #16181f;--panel-2: #1c1f28;--border: #262a35;--text: #e7e9ee;--muted: #9aa0ad;--red: #e5141b;--red-dim: #b3121a;--green: #2ec26a;--amber: #f2b53a;--blue: #4a9dff;--radius: 12px;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.app{display:flex;min-height:100vh}.side{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;margin:4px 8px 20px}.brand .dot{width:12px;height:12px;border-radius:3px;background:var(--red)}.nav a{padding:10px 12px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:500}.nav a:hover{background:var(--panel-2);color:var(--text)}.nav a.active{background:#e5141b24;color:#fff}.side .spacer{flex:1}.main{flex:1;padding:28px 32px;max-width:1100px}.h1{font-size:22px;font-weight:700;margin:0 0 4px}.sub{color:var(--muted);font-size:13px;margin:0 0 24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.grid{display:grid;gap:14px}.row{display:flex;gap:12px;align-items:center}.btn{background:var(--red);color:#fff;border:0;padding:10px 16px;border-radius:9px;font-weight:600;font-size:14px}.btn:hover{background:var(--red-dim)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.field{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:11px 12px;border-radius:9px}.field:focus{outline:none;border-color:var(--red)}label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.err{color:#ff6b6b;font-size:13px}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.badge.gray{background:#2a2e39;color:var(--muted)}.badge.blue{background:#4a9dff29;color:var(--blue)}.badge.amber{background:#f2b53a29;color:var(--amber)}.badge.green{background:#2ec26a29;color:var(--green)}.badge.red{background:#e5141b2e;color:#ff7a7f}.mono{font-family:var(--mono);font-size:12px;color:var(--muted)}.thumb{width:100%;border-radius:10px;border:1px solid var(--border);display:block;background:var(--panel-2);aspect-ratio:16/9;object-fit:cover}.stagerow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.stagerow:last-child{border-bottom:0}.dotp{width:9px;height:9px;border-radius:50%;flex-shrink:0}.progress{height:6px;background:var(--panel-2);border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--red);transition:width .4s}@media(max-width:720px){.app{flex-direction:column}.side{width:auto;flex-direction:row;overflow-x:auto}.main{padding:20px 16px}}