*{box-sizing:border-box}html,body{margin:0;background:#0b1220;color:#e8eef8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:rgba(11,18,32,.94);border-bottom:1px solid #22304a;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#2563eb;font-weight:800}.brand h1{font-size:18px;margin:0}.brand small{color:#94a3b8}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{appearance:none;border:1px solid #334155;background:#172033;color:#f8fafc;border-radius:10px;padding:10px 14px;font-weight:650;cursor:pointer}.btn:hover{background:#1e293b}.btn.primary{background:#2563eb;border-color:#2563eb}.btn.primary:hover{background:#1d4ed8}.btn.danger{background:#991b1b;border-color:#991b1b}.btn.good{background:#166534;border-color:#166534}.btn:disabled{opacity:.45;cursor:not-allowed}.layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{border-right:1px solid #22304a;padding:18px;background:#0d1627}.main{padding:22px;min-width:0}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:18px 0 8px}.navbtn{width:100%;text-align:left;border:0;background:transparent;color:#cbd5e1;border-radius:10px;padding:10px 12px;cursor:pointer}.navbtn:hover,.navbtn.active{background:#172033;color:#fff}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#111b2e;border:1px solid #22304a;border-radius:16px;padding:18px}.card h2,.card h3{margin-top:0}.metric{font-size:28px;font-weight:800}.muted{color:#94a3b8}.tiny{font-size:12px;color:#94a3b8}.statusline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#64748b}.dot.ok{background:#22c55e}.dot.warn{background:#f59e0b}.dot.bad{background:#ef4444}.recorder{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}.timer{font-size:42px;font-weight:800;letter-spacing:.02em}.livebox{min-height:260px;max-height:520px;overflow:auto;background:#0a1020;border:1px solid #22304a;border-radius:14px;padding:14px;white-space:pre-wrap;line-height:1.55}.live-delta{color:#93c5fd}.transcript-row{padding:12px 0;border-bottom:1px solid #22304a}.transcript-row:last-child{border-bottom:0}.speaker{font-weight:800;color:#93c5fd}.stamp{font-size:12px;color:#64748b;margin-left:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:#94a3b8}.input,.select{width:100%;background:#0a1020;border:1px solid #334155;border-radius:10px;color:#e8eef8;padding:10px 12px;outline:none}.input:focus,.select:focus{border-color:#60a5fa}.checks{display:flex;gap:14px;flex-wrap:wrap}.checks label{display:flex;gap:7px;align-items:center;color:#cbd5e1;font-size:14px}.tablewrap{overflow:auto;border:1px solid #22304a;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid #22304a;vertical-align:top}.table th{font-size:12px;color:#94a3b8;background:#0d1627}.table tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:12px;background:#1e293b;color:#cbd5e1}.pill.recording{background:#7f1d1d;color:#fecaca}.pill.completed{background:#14532d;color:#bbf7d0}.pill.processing{background:#78350f;color:#fde68a}.pill.error{background:#7f1d1d;color:#fecaca}.toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.hidden{display:none!important}.notice{padding:12px 14px;border-radius:12px;background:#172033;border:1px solid #334155;color:#cbd5e1}.notice.warn{background:#3b2a0c;border-color:#92400e;color:#fde68a}.notice.good{background:#0d2d1d;border-color:#166534;color:#bbf7d0}.notice.bad{background:#3a1515;border-color:#991b1b;color:#fecaca}.modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:18px}.modalbox{width:min(680px,100%);max-height:90vh;overflow:auto;background:#111b2e;border:1px solid #334155;border-radius:18px;padding:20px}.modalhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.session-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sync-list{display:grid;gap:8px}.sync-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #22304a}.empty{padding:28px;text-align:center;color:#64748b}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.danger-zone{border-color:#7f1d1d}.footer-note{margin-top:18px;color:#64748b;font-size:12px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#111b2e;border:1px solid #22304a;border-radius:18px;padding:24px}.login-card h1{margin-top:0}.login-card .input{margin:7px 0}.error{background:#3a1515;border:1px solid #991b1b;color:#fecaca;padding:10px 12px;border-radius:10px;margin-bottom:12px}@media(max-width:1100px){.grid.cards{grid-template-columns:repeat(2,1fr)}.recorder{grid-template-columns:1fr}.layout{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:14px}.grid.cards,.form-row,.split{grid-template-columns:1fr}.topbar{padding:12px 14px}.brand small{display:none}.timer{font-size:34px}.actions .btn.optional{display:none}}.packet-panel{margin-top:12px;padding-top:4px}.packet-list{display:grid;gap:6px;max-height:220px;overflow:auto}.packet-row{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid #22304a;border-radius:10px;background:#0a1020;font-size:12px}.packet-row .packet-no{font-weight:800;color:#cbd5e1}.packet-row .packet-meta{color:#94a3b8}.packet-row .packet-state{font-weight:700;white-space:nowrap}.packet-row[data-status=confirmed] .packet-state{color:#86efac}.packet-row[data-status=local] .packet-state,.packet-row[data-status=sending] .packet-state{color:#fde68a}.packet-row[data-status=pending] .packet-state,.packet-row[data-status=error] .packet-state{color:#fecaca}audio{accent-color:#60a5fa}@media(max-width:560px){.packet-row{grid-template-columns:60px 1fr}.packet-row .packet-state{grid-column:1/-1}}