:root{--bg:#F1F5F9;--card:#fff;--border:#E2E8F0;--line:#F1F5F9;--ink:#0F172A;--muted:#94A3B8;--muted2:#64748B;--slate:#475569;--slate2:#334155;--accent:#EA580C;--accent-d:#C2410C;--accent-l:#FFF7ED;--green:#16A34A;--green-l:#ECFDF5;--red:#DC2626;--red-l:#FEF2F2;--amber:#CA8A04;--amber-l:#FEFCE8;--sidebar:#0B1220;--sidebar-b:#1E293B}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}.gk{font-family:Space Grotesk,Manrope,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;border:3px solid transparent;background-clip:content-box}input,button,select,textarea{font-family:inherit}.layout{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:256px;flex-shrink:0;background:var(--sidebar);display:flex;flex-direction:column;padding:22px 16px;border-right:1px solid var(--sidebar-b)}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 22px}.brand-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;box-shadow:0 4px 12px #ea580c59}.brand-name{font-weight:600;color:#fff;font-size:15px;letter-spacing:-.2px}.brand-sub{font-size:11px;color:#64748b;font-weight:600;letter-spacing:.3px}.nav-label{font-size:10.5px;font-weight:700;color:#475569;letter-spacing:1px;padding:6px 10px 8px}.nav{display:flex;flex-direction:column;gap:3px}.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px;color:#94a3b8;transition:background .15s}.nav a:hover{background:#94a3b81a;color:#fff}.nav a.active{background:var(--accent);color:#fff}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px}.bot-card{background:#0f1a2e;border:1px solid var(--sidebar-b);border-radius:14px;padding:14px}.bot-card .row1{display:flex;align-items:center;gap:8px;margin-bottom:9px}.bot-card .nm{font-size:12.5px;font-weight:700;color:#e2e8f0}.bot-card .dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.bot-card .desc{font-size:12px;color:#64748b;line-height:1.5}.logout-btn{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;color:#94a3b8;font-weight:600;font-size:13.5px;cursor:pointer;background:none;border:none;width:100%;text-align:left}.logout-btn:hover{background:#94a3b81a;color:#fff}.content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:72px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:20px}.topbar h1{font-family:Space Grotesk;font-size:20px;font-weight:600;letter-spacing:-.3px;line-height:1.15}.topbar .sub{font-size:12.5px;color:var(--muted);font-weight:500;margin-top:1px}.page{flex:1;overflow-y:auto;padding:28px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.card.flat{padding:0;overflow:hidden}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ea580c47;transition:background .15s}.btn:hover{background:var(--accent-d)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:#fff;color:var(--slate);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{background:#fff;border-color:#cbd5e1}.btn.dark{background:var(--ink);box-shadow:none}.btn.dark:hover{background:#1e293b}.btn.sm{padding:8px 12px;font-size:12.5px}.btn.red{background:var(--red);box-shadow:none}.btn.red:hover{background:#b91c1c}.icon-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:#fff;color:#64748b;transition:all .15s;padding:0}.icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.icon-btn.danger{color:#94a3b8}.icon-btn.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.icon-btn svg{stroke:currentColor}label.fld{font-size:12.5px;font-weight:700;color:var(--slate);display:block;margin-bottom:7px}input.inp,select.inp,textarea.inp{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:13.5px;color:var(--ink);outline:none;background:#fff}input.inp:focus,select.inp:focus,textarea.inp:focus{border-color:var(--accent)}textarea.inp{resize:vertical;min-height:60px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px}.badge .d{width:6px;height:6px;border-radius:50%}.badge.green{color:var(--green);background:var(--green-l)}.badge.gray{color:var(--muted2);background:#f1f5f9}.badge.amber{color:var(--amber);background:var(--amber-l)}.stat-grid{display:grid;gap:16px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}.stat-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center}.stat-val{font-family:Space Grotesk;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1}.stat-lbl{font-size:13px;color:var(--muted2);font-weight:600;margin-top:6px}.stat-sub{font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}.tbl{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.tbl-head,.tbl-row{display:grid;gap:14px;align-items:center;padding:14px 22px}.tbl-head{background:#f8fafc;border-bottom:1px solid var(--border);font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}.tbl-row{border-top:1px solid var(--line)}.tbl-row:first-child{border-top:none}.tbl-row:hover{background:#fafafa}.num{font-family:Space Grotesk;font-size:15px;font-weight:600;color:var(--slate2)}.title-cell{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-cell:hover{color:var(--accent)}.sub-cell{font-size:12px;color:var(--muted);font-weight:600}.avatar{border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.section-title{font-size:15px;font-weight:700;color:var(--ink)}.tabs{display:flex;gap:7px}.tab{font-size:13px;font-weight:600;color:var(--muted2);background:#fff;border:1px solid var(--border);padding:8px 14px;border-radius:9px;cursor:pointer}.tab.active{color:#fff;background:var(--ink);border-color:var(--ink)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--sidebar)}.login-box{background:#fff;padding:34px;border-radius:18px;width:360px;box-shadow:0 20px 60px #0000004d}.login-box .logo{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:22px;margin:0 auto 16px}.login-box h1{text-align:center;font-family:Space Grotesk;font-size:20px;margin-bottom:22px}.err{color:var(--red);font-size:13px;margin-bottom:10px;text-align:center}.toggle{width:40px;height:23px;border-radius:12px;position:relative;transition:background .2s;cursor:pointer;flex-shrink:0}.toggle .knob{width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;top:3px;transition:left .2s;box-shadow:0 1px 3px #0003}.q-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.q-num{width:28px;height:28px;border-radius:8px;background:var(--accent-l);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:Space Grotesk;font-weight:600;flex-shrink:0}.opt{display:flex;align-items:center;gap:11px;border:1.5px solid var(--border);background:#fff;border-radius:11px;padding:11px 13px;cursor:pointer;transition:all .15s}.opt.correct{border-color:var(--green);background:#f0fdf4}.opt-mark{width:22px;height:22px;border-radius:7px;border:2px solid #CBD5E1;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:12px;font-weight:700}.opt.correct .opt-mark{border-color:var(--green);background:var(--green)}.opt-letter{font-size:11px;font-weight:700;color:var(--muted)}.opt.correct .opt-letter{color:var(--green)}.dropzone{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed #CBD5E1;border-radius:10px;padding:14px;font-size:12.5px;font-weight:700;color:var(--muted2);cursor:pointer;transition:all .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);color:var(--accent);background:var(--accent-l)}.link-box{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:9px 11px}.link-box span{font-size:12px;color:var(--slate);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{flex:1;height:9px;background:#f1f5f9;border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fadein .12s}.modal{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:22px;box-shadow:0 20px 60px #0000004d}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.q-img{max-width:240px;max-height:180px;border-radius:11px;border:1px solid var(--border);margin:8px 0;display:block}.img-preview{margin-top:8px}.answers{padding:6px 2px}.ans-q{padding:11px 0;border-top:1px solid var(--line)}.ans-q:first-child{border-top:none}.ans-q-head{margin-bottom:7px;font-size:14px}.ans-opt{padding:4px 9px;border-radius:7px;margin:3px 0;font-size:13.5px}.ans-opt.correct{background:var(--green-l);color:#166534;font-weight:600}.ans-opt.wrong{background:var(--red-l);color:#991b1b}