*{box-sizing:border-box}:root{--bg:#0f1420;--panel:#171e2e;--panel-2:#1e2740;--border:#2a3552;--text:#e8ecf6;--muted:#8b96b3;--accent:#7c5cff;--accent-2:#29c8a0;--danger:#ff5c74}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:18px;width:220px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.logo{margin:0 0 8px;font-size:20px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{color:var(--muted);border-radius:8px;padding:9px 12px;font-weight:500;text-decoration:none}.sidebar nav a:hover{background:var(--panel-2);color:var(--text)}.sidebar nav a.active{background:var(--accent);color:#fff}.sidebar-foot{margin-top:auto;font-size:12px}.content{flex:1;max-width:1100px;padding:28px 36px}.page-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}h1{margin:0;font-size:24px}h1 a{color:var(--accent);text-decoration:none}h2{font-size:18px}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger)}.success{color:var(--accent-2)}button,.button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.danger{color:var(--danger)}button:disabled{opacity:.6;cursor:default}input[type=text],input[type=number],textarea,select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>label{font-size:13px;font-weight:600}.field.row{flex-direction:row;align-items:end;gap:14px}.field.row>div{flex:1}.lang-row{align-items:center;gap:8px;display:flex}.lang-row+.lang-row{margin-top:6px}.lang-tag{background:var(--panel-2);border:1px solid var(--border);text-transform:uppercase;color:var(--muted);text-align:center;border-radius:6px;flex-shrink:0;width:36px;padding:4px 8px;font-size:12px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.cat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cat-card.inactive{opacity:.5}.cat-card img{object-fit:cover;width:100%;height:120px}.img-placeholder{background:var(--panel-2);height:120px;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.cat-body{flex-direction:column;gap:3px;padding:12px 14px;display:flex}.count-big{color:var(--accent-2);margin-top:2px;font-size:14px;font-weight:700}button.cat-card.folder{text-align:left;cursor:pointer;font:inherit;color:inherit;padding:0}button.cat-card.folder:hover{border-color:var(--accent)}.typebar{flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px;display:flex}.typebar span{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:2px 7px}.typebar span.has{color:var(--text);border-color:var(--accent-2)}.linklike{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.linklike:hover{text-decoration:underline}.cat-actions{gap:8px;padding:0 14px 14px;display:flex}.cat-actions button,.cat-actions .button{text-align:center;flex:1;padding:7px 0;font-size:13px}.tier{margin-bottom:26px}.tier-head{align-items:center;gap:14px;margin-bottom:10px;display:flex}.tier-head h2{margin:0}.tier.off-tier .tier-head h2{color:var(--danger)}.q-row{background:var(--panel);border:1px solid var(--border);border-radius:10px;align-items:center;gap:14px;margin-bottom:8px;padding:12px 14px;display:flex}.q-row.inactive{opacity:.5}.q-text{flex:1}.q-thumb{object-fit:cover;border:1px solid var(--border);background:#fff;background:var(--panel-2);border-radius:8px;flex-shrink:0;width:68px;height:68px}.q-audio{flex-shrink:0;width:190px;height:34px}.q-text .answer{color:var(--accent-2);margin-top:2px;font-size:13px}.q-actions{gap:8px;display:flex}.q-type{text-transform:uppercase;background:var(--panel-2);color:var(--muted);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px}.q-type-image{color:#ffb85c}.q-type-audio{color:#5cc8ff}.q-type-video{color:#ff8a5c}.q-type-mcq{color:#b18cff}.options-editor{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.option-block{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:12px}.option-block.correct{border-color:var(--accent-2)}.option-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.option-letter{background:var(--panel-2);border-radius:6px;padding:2px 9px;font-weight:700;display:inline-block}.correct-tag{color:var(--accent-2);margin-left:10px;font-size:12px}button.small{padding:4px 10px;font-size:12px}.radio-row{gap:20px;margin-bottom:8px;display:flex}.video-preview{aspect-ratio:16/9;border:none;border-radius:10px;width:100%;max-width:420px}.modal-backdrop{z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:560px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);padding:24px;overflow-y:auto}.modal h2{margin-top:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.preview{object-fit:cover;border-radius:8px;max-width:220px;max-height:130px}.gate{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.gate-box{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:320px;max-width:calc(100vw - 32px);padding:32px;display:flex}.gate-logo{font-size:48px}.gate-box h1{margin:0}.gate-box input{text-align:center;width:100%;font-size:16px}.gate-box button{width:100%}.readonly-banner{border:1px solid var(--accent);color:var(--text);background:#1e2740;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:14px}@media (width<=720px){.layout{flex-direction:column}.sidebar{flex-direction:row;align-items:center;gap:10px;width:100%;height:auto;padding:10px 14px;position:static;overflow-x:auto}.sidebar .logo{white-space:nowrap;margin:0;font-size:16px}.sidebar nav{flex-direction:row;gap:6px}.sidebar nav a{white-space:nowrap;padding:7px 10px}.sidebar-foot{display:none}.content{padding:16px}.card-grid{grid-template-columns:1fr 1fr}.modal{width:100%}}.table{border-collapse:collapse;width:100%;margin-bottom:26px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.table th{color:var(--muted);font-size:13px}