:root{--bg: #f5f7fb;--panel: #ffffff;--text: #1c2432;--muted: #5b6577;--line: #d8deea;--accent: #1367e8;--accent-dark: #0f4fae;--danger: #cb2f2f;--ok: #0f7a29;--warn: #b66b02}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,#eff4ff,#f7f9fc 45%,#fff);padding:18px}.card{width:100%;max-width:1400px;margin:0 auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 10px 34px #1a30591a;padding:18px}h1{margin:0;font-size:28px}h2{margin:0 0 10px;font-size:18px}p{margin:0 0 14px;color:var(--muted)}.status{margin:10px 0 14px;min-height:20px;font-size:14px}.status.error{color:var(--danger)}.status.ok{color:var(--ok)}.row{margin-bottom:12px}label{display:block;margin-bottom:6px;font-size:13px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;color:var(--text);background:#fff}textarea{min-height:82px;resize:vertical}button{border:0;border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:#edf1f8;color:#1f2c45}.btn-danger{background:#fbe4e4;color:#8a1111}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-actions{display:flex;align-items:center;gap:8px}.layout{display:grid;grid-template-columns:320px 1fr;gap:14px}.admin-card{height:calc(100dvh - 36px);display:flex;flex-direction:column;overflow:hidden}.admin-card .layout{flex:1;min-height:0}.admin-card .layout>aside,.admin-card .layout>section{min-height:0;min-width:0}.admin-card .layout>section{display:flex;flex-direction:column;overflow:hidden}.admin-card .layout>section>.editor-layout{flex:1;min-height:0}.admin-card aside{display:flex;flex-direction:column;min-height:0}.admin-card aside .panel:last-child{display:flex;flex-direction:column;flex:1;min-height:0}.admin-card .packs-list{flex:1;min-height:0;max-height:none}.admin-card .editor-layout{height:100%;min-height:0;align-items:stretch}.admin-card .editor-main{min-height:0;overflow:auto}.admin-card .questions-panel{display:flex;flex-direction:column;min-height:0}.admin-card .questions-list{flex:1;min-height:0;max-height:none}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:start}.editor-main{min-width:0}.panel{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.panel+.panel{margin-top:12px}.packs-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow:auto}.pack-item{border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;background:#fff;text-align:left}.pack-item:hover{background:#f8fbff}.pack-item.active{border-color:var(--accent);background:#eff5ff}.pack-title{font-size:14px;font-weight:600;margin-bottom:6px}.pack-meta{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.pack-slot-counts{display:flex;flex-wrap:wrap;gap:2px 6px;font-size:11px;color:var(--muted)}.pack-slot-count{white-space:nowrap}.status-pill{display:inline-flex;align-items:center;border-radius:999px;font-size:11px;padding:2px 8px;margin-left:6px}.status-draft{background:#edf1f8;color:#4e5d77}.status-published{background:#e6f6e9;color:#207437}.status-archived{background:#f7f0df;color:var(--warn)}.inline{display:flex;gap:8px}.inline>*{flex:1}.detail-toolbar{display:flex;gap:8px;margin-top:8px}.questions-panel{min-width:0}.slot-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.slot-tab{background:#edf1f8;color:var(--muted);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.slot-tab:hover{background:#dce4f2;color:var(--text)}.slot-tab.active{background:var(--accent);color:#fff}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;font-size:11px;font-weight:700;margin-left:4px;padding:0 5px;background:#0000001a}.slot-tab.active .tab-count{background:#ffffff40}.questions-list{display:flex;flex-direction:column;gap:10px;max-height:680px;overflow-y:auto;overflow-x:hidden}.question-item{border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.question-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px;min-width:0}.slot-badge{font-size:11px;color:#1d3f75;background:#e8f0ff;border-radius:999px;padding:3px 8px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.q-text{margin:0 0 8px;white-space:pre-wrap;line-height:1.3;color:var(--text);overflow-wrap:anywhere;word-break:break-word}.q-meta{margin:0 0 8px;font-size:12px;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}.q-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.voice-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.voice-state{font-size:12px;color:var(--muted)}.voice-recording{color:var(--danger);font-weight:600}.voice-ready{color:var(--ok);font-weight:600}.voice-preview{margin-top:8px;width:min(420px,100%)}.empty-note{color:var(--muted);font-size:14px}@media(max-width:980px){.layout,.editor-layout{grid-template-columns:1fr}.slot-tabs{gap:3px}}