*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:Arial,sans-serif;background:#f5f2ee;color:#211b17}header{height:70px;background:#241b16;color:white;padding:0 25px;display:flex;align-items:center;gap:20px}header span{opacity:.7;font-size:13px}header button{margin-left:auto;padding:9px 13px}#login{min-height:calc(100vh - 70px);display:grid;place-items:center}.login{background:white}.login,form{padding:30px;border-radius:10px}form{background:white;width:380px;display:grid;gap:12px}input,select{padding:11px;border:1px solid #ccc;border-radius:6px}button{border:0;border-radius:6px;padding:10px 13px;cursor:pointer}form button,.primary{background:#7a4b2b;color:white}#err{color:#a33}.hidden{display:none}main{display:flex;min-height:calc(100vh - 70px)}aside{width:220px;background:#2c211b;padding:18px}aside button{display:block;width:100%;text-align:left;background:transparent;color:white;margin:4px 0}aside button.active,aside button:hover{background:#4b3528}section{padding:25px;flex:1;overflow:auto}h1{margin-top:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{background:white;border:1px solid #ddd5cc;border-radius:10px;padding:18px}.num{font-size:28px;font-weight:bold}.tablewrap{background:white;border-radius:10px;overflow:auto;margin-top:18px}.toolbar{padding:15px;display:flex;gap:8px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;min-width:900px}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:13px}.badge{padding:4px 8px;border-radius:99px;font-size:11px;font-weight:bold;background:#eee}.active{background:#dff2e8}.pending{background:#fff0cf}.blocked,.revoked{background:#f4d8d5}.actions{display:flex;gap:5px;flex-wrap:wrap}.danger{background:#a33;color:white}.good{background:#247a4d;color:white}.modalbg{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px}.modalbox{background:white;padding:25px;border-radius:10px;width:min(850px,100%);max-height:90vh;overflow:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress{height:8px;background:#eee;border-radius:10px}.progress i{display:block;height:100%;background:#7a4b2b}.bar{height:14px;background:#eee;border-radius:9px}.bar i{display:block;height:100%;background:#7a4b2b}#toast{position:fixed;right:20px;bottom:20px;background:#222;color:#fff;padding:12px;border-radius:7px;display:none}@media(max-width:800px){.stats{grid-template-columns:1fr 1fr}aside{width:100%;display:flex;overflow:auto}aside button{min-width:110px}main{display:block}.grid{grid-template-columns:1fr}}
:root{--navy:#071a33;--navy2:#0d2747;--gold:#e5a21a;--light:#f7f9fc;--border:#e4e8ef;--ink:#13213a}
body{background:var(--light);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#26344b}header{height:78px;background:#fff;color:var(--ink);padding:0 28px;border-bottom:1px solid var(--border);box-sizing:border-box}header b{font-size:18px;letter-spacing:.04em}header span{color:#7a8494}header button{background:#fff;border:1px solid var(--border);color:var(--ink)}#login{background:linear-gradient(135deg,#071a33,#0d2747);min-height:calc(100vh - 78px)}.login,form{border-radius:14px}form{width:min(420px,calc(100vw - 40px));box-shadow:0 20px 60px rgba(0,0,0,.18)}form button,.primary{background:var(--gold);color:#fff;font-weight:700}main{min-height:calc(100vh - 78px)}aside{width:250px;background:linear-gradient(180deg,#06172d,#0b2341);padding:18px 12px}aside button{border-radius:9px;padding:12px 14px;color:#e8edf5}aside button.active,aside button:hover{background:linear-gradient(90deg,#d99810,#f0af20)}section{padding:32px;max-width:1400px}.stats{grid-template-columns:repeat(5,1fr)}.card,.tablewrap,.modalbox{border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px rgba(15,30,50,.04)}.num{color:var(--ink)}.table th{color:#697587;background:#fafbfc}.table td{color:#26344b}.good{background:#168447}.danger{background:#c9363e}.progress i,.bar i{background:linear-gradient(90deg,#d9940d,#f2b52c)!important}.badge{border:0}.active{background:#dff5e6}.pending{background:#fff0d1}.blocked,.revoked{background:#ffe1e0}@media(max-width:800px){aside{padding:10px}.stats{grid-template-columns:1fr 1fr}section{padding:18px}}
.qtest-wrap{max-width:640px;margin:0 auto;padding:40px 20px;min-height:calc(100vh - 78px);display:flex;align-items:flex-start;justify-content:center}
.qtest-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;width:100%;box-shadow:0 4px 20px rgba(15,30,50,.06)}
.qtest-progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;color:#697587;font-weight:600}
.qtest-timer{font-size:22px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.qtest-timer.qtest-timer-low{color:#c9363e}
.qtest-track{height:6px;background:#eee;border-radius:99px;overflow:hidden;margin-bottom:24px}
.qtest-fill{height:100%;background:linear-gradient(90deg,#d9940d,#f2b52c);transition:width .3s linear}
.qtest-question{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 20px;line-height:1.4}
.qtest-options{display:grid;gap:10px}
.qtest-opt{text-align:left;padding:14px 16px;border:1.5px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;font-size:14.5px;color:var(--ink);transition:border-color .15s,background .15s}
.qtest-opt:hover{border-color:var(--gold);background:#fff9ec}
.qtest-opt.qtest-selected{border-color:var(--gold);background:#fff3d9}
.qtest-result-score{font-size:52px;font-weight:800;text-align:center;margin:10px 0 4px}
.qtest-pass{color:#168447}.qtest-fail{color:#c9363e}
.qtest-stat-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px}