:root{font-family:'Segoe UI',system-ui,sans-serif;color:#172941;background:#f2f5fa;font-size:16px;--blue:#2167eb;--navy:#102747;--muted:#64748b;--line:#dce4ef}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:11px 16px;background:var(--blue);color:white;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#e9eff8;color:#214065}button.danger{background:#fff0ef;color:#ac2222}input,select,textarea{width:100%;border:1px solid #b9c7da;border-radius:7px;background:white;padding:11px;color:#172941}textarea{min-height:110px;resize:vertical}input[type=checkbox],input[type=radio]{width:19px;height:19px;accent-color:var(--blue)}label{display:block;font-size:14px;font-weight:600;margin:17px 0 7px}label.check{display:flex;gap:10px;align-items:center;font-weight:400}a{color:var(--blue)}h1{font-size:28px;letter-spacing:-.7px;margin:0 0 9px}h2{font-size:19px;margin:0 0 12px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:var(--navy);color:white;padding:30px 18px;display:flex;flex-direction:column;gap:9px;position:sticky;top:0;height:100vh}.brand{font-size:25px;font-weight:750;letter-spacing:-1px;margin:0 12px 35px}.brand span{color:#78a9ff}aside button{text-align:left;background:transparent;font-weight:400;padding:13px 15px;color:#c7d6eb}aside button.active{background:#2461a8;color:white}aside .bottom{margin-top:auto}.top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 32px;background:white;gap:15px}.top strong{font-size:14px}.top small{display:block;color:var(--muted)}main{padding:32px;max-width:1400px;margin:auto}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:18px}.toolbar,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{justify-content:flex-start;margin-top:22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.metric{padding:20px;border:1px solid var(--line);background:white;border-radius:10px}.metric strong{font-size:30px;display:block;margin-top:8px}.metric span{color:var(--muted);font-size:14px}.badge{display:inline-block;background:#eaf1ff;color:#1a57b7;padding:5px 10px;border-radius:20px;font-size:13px}.badge.green{background:#e5f6ef;color:#187448}.badge.amber{background:#fff3d9;color:#835d08}.empty{padding:40px;text-align:center;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;background:#f6f8fc}.scroll{overflow:auto}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-brand{background:linear-gradient(145deg,#1e4c8c,#0c2342);color:white;padding:12vw 8vw;display:flex;flex-direction:column;justify-content:center}.auth-brand h1{font-size:48px}.auth-brand p{font-size:20px;color:#c8dbf8}.auth-form{padding:60px 8vw;display:flex;justify-content:center;flex-direction:column}.auth-form form{width:100%;max-width:470px}#notice{position:fixed;bottom:25px;right:25px;background:#102747;color:white;max-width:450px;padding:0;border-radius:9px;z-index:10}#notice:not(:empty){padding:15px 20px}.question{padding:16px 0;border-bottom:1px solid var(--line)}.option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:16px;border-radius:8px;margin:10px 0;cursor:pointer;font-weight:400;font-size:16px}.option:has(input:checked){background:#eaf1ff;border-color:var(--blue)}.exam-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px}.question-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.question-nav button{padding:10px;background:#edf1f7;color:#1c395b}.question-nav button.answered{background:#d9f4e6;color:#167249}.question-nav button.current{background:var(--blue);color:white}.question-nav button.flag{outline:2px solid #f0b33e}.timer{font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.media{max-width:100%;max-height:330px;display:block;margin:20px 0}.rule{padding:15px;background:#f5f8fc;border:1px solid var(--line);border-radius:8px;margin:15px 0}.notice{padding:16px;background:#fff6df;border:1px solid #f5dfaa;border-radius:9px;line-height:1.6;margin:15px 0}.loading{padding:40px}.error{color:#b62626}.pill{background:#eff4ff;border-radius:6px;padding:5px 8px}fieldset{border:1px solid var(--line);border-radius:8px;padding:20px}legend{font-weight:600}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #79aafa;outline-offset:3px}
@media(max-width:900px){.shell{grid-template-columns:180px 1fr}main{padding:22px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.auth-form{padding:35px}.auth-brand{padding:40px}.exam-layout{grid-template-columns:1fr}.question-nav{grid-template-columns:repeat(8,1fr)}}@media(max-width:600px){.shell{display:block}aside{position:static;height:auto;padding:16px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.brand{width:100%;margin:0 5px 12px}aside button{padding:9px;font-size:14px}aside .bottom{margin:0}.top{padding:13px 20px}main{padding:20px 14px}.card{padding:18px}.auth{display:block}.auth-brand{padding:28px}.auth-brand h1{font-size:34px}.auth-brand p{font-size:16px}.auth-form{padding:28px}.question-nav{grid-template-columns:repeat(5,1fr)}h1{font-size:25px}}