:root{--navy:#071c50;--blue:#1260e9;--bg:#f4f7fb;--line:#dae3f1;--text:#17213f;--muted:#67738c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#061744,#155bd2)}.auth-card{width:min(440px,92vw);background:#fff;border-radius:20px;padding:30px}.logo{display:block;width:110px;margin:auto}.stack{display:grid;gap:12px}.stack input,.grid input,.grid textarea,.grid select{width:100%;margin-top:5px;padding:10px;border:1px solid #ccd8e8;border-radius:9px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#061744,#0b337c);color:#fff;padding:18px 14px;height:100vh;position:sticky;top:0}.brand{display:flex;align-items:center;gap:10px}.brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:11px}.brand strong,.brand small{display:block}nav{display:grid;gap:6px;margin-top:24px}nav a{padding:11px;border-radius:9px;color:#eaf1ff}nav a:hover{background:#174aa3}.main>header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px;position:sticky;top:0;z-index:8}.main>header h1{font-size:19px;margin:0}.main>main{padding:22px}.btn{display:inline-flex;border:0;border-radius:9px;padding:10px 14px;background:#edf3ff;color:#113c92;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff}.light{background:#fff}.hidden{display:none!important}.hero{border-radius:20px;padding:38px;background:linear-gradient(120deg,#071c50,#1260e9);color:#fff;min-height:270px}.hero h2{font-size:38px;max-width:760px}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.exam-card,.panel,.report-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.exam-card .lang{width:42px;height:42px;border-radius:50%;background:#0b327d;color:#fff;display:grid;place-items:center;font-weight:800}.pill{font-size:11px;background:#e9f1ff;padding:5px 8px;border-radius:99px}.notice{background:#fff7dc;border-left:4px solid #f4b400;padding:12px;margin:15px 0}.panel table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e6edf6;text-align:left;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid .full{grid-column:1/-1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats>div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px}.stats b{display:block;font-size:26px}.exam-shell{max-width:1100px;margin:auto}.exam-top{position:sticky;top:80px;background:#071c50;color:#fff;border-radius:14px;padding:14px;display:flex;justify-content:space-between;z-index:5}.live-dot{display:inline-block;width:8px;height:8px;background:#28d37a;border-radius:50%}.section-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:18px 0}.question{padding:18px 0;border-bottom:1px solid #edf1f7}.context{background:#f7f9fd;padding:13px;border-radius:9px}.options{display:grid;gap:8px}.options label{display:flex;gap:10px;border:1px solid #dce5f2;padding:11px;border-radius:9px}.essay{width:100%;min-height:180px}.recorder{background:#071c50;color:#fff;border-radius:12px;padding:14px}.empty{background:#fff3e1;padding:20px;border-radius:12px}.report-card{max-width:920px;margin:auto}.report-brand{display:flex;align-items:center;gap:15px;border-bottom:3px solid var(--blue)}.report-brand img{width:75px}.candidate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.candidate-grid>div{background:#f6f9fe;padding:12px}.candidate-grid span{display:block;color:var(--muted);font-size:11px}.score-hero{display:flex;gap:25px;background:linear-gradient(120deg,#071c50,#125de1);color:#fff;border-radius:15px;padding:20px}.ring{width:135px;height:135px;border:12px solid #29c5ff;border-radius:50%;display:grid;place-items:center}.skills{display:grid;gap:12px;margin:18px 0}.skill-head{display:flex;justify-content:space-between}.bar{height:10px;background:#e4ebf6;border-radius:99px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#155ce0,#29c5ff)}.disclaimer{background:#fff6d7;padding:12px;border-radius:9px}.report-footer{display:flex;justify-content:space-between;margin-top:20px;font-size:11px}.toolbar{max-width:920px;margin:15px auto;display:flex;gap:8px}.alert{padding:12px;border-radius:9px}.bad{background:#ffe8eb;color:#a91f31}.icon{display:none}@media(max-width:1000px){.app{grid-template-columns:1fr}aside{position:fixed;z-index:20;width:260px;transform:translateX(-102%)}aside.open{transform:translateX(0)}.icon{display:block}.exam-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.main>main{padding:12px}.exam-grid,.grid,.candidate-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero{padding:24px}.hero h2{font-size:27px}.score-hero{flex-direction:column}.report-footer{flex-direction:column}}@media print{aside,.main>header,.toolbar,.exam-top{display:none!important}.app{display:block}.main>main{padding:0}.report-card{border:0}}