@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b2440;--blue:#1266e3;--teal:#11a7a0;--cyan:#66d9d3;--ink:#17283b;--muted:#66798d;--line:#dce6ee;--bg:#f4f8fb;--white:#fff;--danger:#bd3348;--shadow:0 16px 45px rgba(24,57,86,.10)}*{box-sizing:border-box}html{scrollbar-color:var(--teal) #e6eef4;scrollbar-width:thin}body{margin:0;font-family:Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#071d34,#0c3152);color:white;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand b{display:block;font-size:22px;letter-spacing:-.5px}.brand small{display:block;opacity:.66;margin-top:2px}.beacon{width:34px;height:34px;border:7px solid var(--cyan);border-radius:50%;position:relative;box-shadow:0 0 0 5px rgba(102,217,211,.15)}.beacon:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:white;inset:6px}nav{margin-top:42px;display:grid;gap:7px}nav a{color:#dce9f4;padding:12px 14px;border-radius:10px;font-weight:600}nav a:hover,nav a.active{background:rgba(255,255,255,.1);color:white}.aside-foot{margin-top:auto;display:grid;gap:4px;padding:16px 12px;border-top:1px solid rgba(255,255,255,.14)}.aside-foot a{color:var(--cyan);margin-top:10px;font-size:13px}main{padding:34px;max-width:1500px;width:100%;margin:auto}main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:0}h2{letter-spacing:-.4px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--teal);margin-bottom:7px}.btn{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:hover{border-color:#9fb7ca}.btn.primary{background:linear-gradient(135deg,var(--blue),#0d8dc4);border-color:transparent;color:white;box-shadow:0 8px 20px rgba(18,102,227,.2)}.btn.small{padding:7px 11px;font-size:13px}.hero{background:linear-gradient(120deg,#0b2b4d 0%,#0d5580 62%,#0aa4a1 100%);border-radius:18px;padding:34px;color:white;display:grid;grid-template-columns:1fr 280px;align-items:center;overflow:hidden;box-shadow:var(--shadow)}.hero h2{font-size:31px;max-width:650px;margin:8px 0}.hero p{color:#d9eef5;max-width:670px;margin:0}.signal{height:170px;position:relative;display:grid;place-items:center;text-align:center}.signal i{position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.signal i:nth-child(1){width:165px;height:165px}.signal i:nth-child(2){width:120px;height:120px}.signal i:nth-child(3){width:78px;height:78px;background:rgba(255,255,255,.08)}.signal b{font-size:38px;z-index:2}.signal small{position:absolute;top:105px;z-index:2}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metric-grid article,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 7px 20px rgba(31,67,93,.05)}.metric-grid label{display:block;color:var(--muted);font-weight:600;font-size:13px}.metric-grid strong{display:block;font-size:36px;color:var(--navy);margin:10px 0 4px}.metric-grid small,td small,.list-row small,.attempt small{display:block;color:var(--muted);margin-top:4px}.panel{margin-top:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px}th,td{padding:13px 12px;border-bottom:1px solid #edf2f6}.status{display:inline-block;background:#e8f6f5;color:#08766f;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.search{max-width:290px}.candidate-head{display:flex;align-items:center;gap:16px;background:white;padding:22px;border-radius:14px;border:1px solid var(--line)}.candidate-head h2{font-size:27px;margin:7px 0 3px}.candidate-head p{margin:0;color:var(--muted)}.avatar{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--teal));color:white;display:grid;place-items:center;font-size:27px;font-weight:800}.actions{margin-left:auto;display:flex;gap:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.attempt,.list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.empty{padding:25px;text-align:center;color:var(--muted);background:#f7fafc;border-radius:10px}.highlight{border-color:#71d1cc;background:linear-gradient(135deg,#f7ffff,#eef8ff)}.copy-row{display:flex;gap:8px}.copy-row input{flex:1}.alert{padding:13px 16px;border-radius:9px;margin:15px 0}.alert.success{background:#e5f7f0;color:#13694e}.alert.error{background:#fdebed;color:#9c2639}.alert.warning{background:#eef5ff;color:#1c568e}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 80% 10%,#d8fffb,transparent 35%),linear-gradient(135deg,#edf5fa,#f8fbfd)}.auth-card{width:min(620px,calc(100% - 30px));background:white;border-radius:20px;padding:38px;box-shadow:var(--shadow)}.auth-card .brand{color:var(--navy);margin-bottom:30px}.auth-card h1{font-size:34px;margin-bottom:10px}.auth-card form{margin-top:25px}label{display:block;font-weight:700;font-size:13px;margin:14px 0 7px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd9e4;border-radius:8px;background:white;color:var(--ink)}textarea{min-height:130px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.25);width:min(500px,calc(100% - 30px))}dialog::backdrop{background:rgba(4,18,31,.65)}dialog form{padding:25px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{border:0;background:none;font-size:26px;cursor:pointer}.candidate-body{background:#edf4f8}.candidate-top{background:var(--navy);color:white;padding:18px max(24px,calc((100% - 1000px)/2));display:flex;justify-content:space-between}.candidate-top>div:last-child{text-align:right}.candidate-top small{display:block;opacity:.7;margin-top:3px}.assessment-wrap,.review-shell{max-width:1000px;margin:30px auto;padding:0 20px}.assessment-intro,.complete-card{background:linear-gradient(135deg,#fff,#f3ffff);border:1px solid var(--line);border-radius:18px;padding:32px;margin-bottom:20px}.assessment-intro h1,.complete-card h1{font-size:36px;margin-bottom:10px}.question{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;margin:16px 0}.question-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}.question-meta span{color:var(--teal);font-weight:800}.question h2{font-size:19px;line-height:1.45;margin:18px 0}.option{font-weight:400;margin:9px 0}.option input{position:absolute;opacity:0}.option span{display:flex;gap:12px;border:1px solid var(--line);padding:13px;border-radius:9px}.option input:checked+span{border-color:var(--blue);background:#edf5ff}.option span b{color:var(--blue)}.submit-bar{position:sticky;bottom:15px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);padding:15px 18px;border-radius:12px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.submit-bar p{margin:0;color:var(--muted)}.complete-card{text-align:center;padding:70px 30px}.complete-mark{width:60px;height:60px;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center;font-size:30px;margin:0 auto 25px}.review-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.report-cover{position:relative;background:linear-gradient(135deg,#082542,#0e6f8a);color:white;border-radius:18px;padding:34px;min-height:220px}.report-cover h1{font-size:38px;margin:12px 0 5px}.score-ring{--score:0;position:absolute;right:40px;top:33px;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--cyan) calc(var(--score)*1%),rgba(255,255,255,.15) 0);display:grid;place-items:center}.score-ring:after{content:"";position:absolute;inset:13px;background:#0d4665;border-radius:50%}.score-ring b,.score-ring small{z-index:2;position:absolute}.score-ring b{font-size:32px}.score-ring small{margin-top:45px}.bar-row{display:grid;grid-template-columns:150px 1fr 50px;gap:10px;align-items:center;margin:13px 0}.bar-row label{margin:0}.bar-row span{height:9px;background:#e8eff4;border-radius:99px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal))}.feedback{min-height:210px}.response{background:#f5f8fa;border-radius:10px;padding:18px;line-height:1.6}.muted{color:var(--muted);font-size:13px}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{height:auto;position:static}.aside-foot{display:none}nav{margin-top:20px;grid-template-columns:repeat(3,1fr)}main{padding:20px}.metric-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.signal{display:none}.split{grid-template-columns:1fr}.actions{margin-left:0;flex-wrap:wrap}.candidate-head{align-items:flex-start;flex-wrap:wrap}.score-ring{position:relative;right:auto;top:auto;margin-top:25px}.report-cover{min-height:auto}.grid2{grid-template-columns:1fr}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.candidate-top{align-items:center}.submit-bar{display:block}.submit-bar .btn{width:100%;margin-top:10px}.bar-row{grid-template-columns:110px 1fr 40px}}