:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-2: #6366f1;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid #334155}.topbar .brand{font-weight:700;font-size:1.15rem;letter-spacing:.3px}.topbar nav a{margin-right:18px;color:var(--muted)}.topbar nav a.router-link-active{color:var(--text)}button,.btn{background:var(--accent-2);color:#fff;border:none;border-radius:var(--radius);padding:10px 16px;font-size:.95rem;cursor:pointer;transition:filter .15s}button:hover,.btn:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:var(--surface-2);color:var(--text)}button.danger{background:var(--danger)}input,select,textarea{background:var(--surface-2);border:1px solid #334155;color:var(--text);border-radius:8px;padding:10px 12px;width:100%;font-size:.95rem}.card{background:var(--surface);border:1px solid #334155;border-radius:var(--radius);padding:20px;margin-bottom:16px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dropzone{border:2px dashed #475569;border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .15s}.dropzone.dragover{border-color:var(--accent);color:var(--text)}.badge{padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600}.badge.queued,.badge.cancelled{background:#475569}.badge.processing{background:var(--warn);color:#1a1a1a}.badge.done{background:var(--ok)}.badge.error{background:var(--danger)}.segment{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #263244}.segment .ts{color:var(--muted);font-variant-numeric:tabular-nums;min-width:62px;font-size:.82rem}.segment .who{color:var(--accent);min-width:110px;font-weight:600;font-size:.85rem}.segment .txt{flex:1;line-height:1.5}.segment.active{background:#23314a;border-radius:8px}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center}.spacer{flex:1}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{background:transparent;color:var(--muted);border-bottom:2px solid transparent;border-radius:0}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}ul.clean{list-style:none;padding-left:0}ul.clean li{padding:6px 0;border-bottom:1px solid #263244}.error-msg{color:var(--danger);margin-top:8px}.pill-rec{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--danger);margin-right:6px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}