:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17243d;background:#f4f6f8;font-synthesis:none;--navy:#101e38;--blue:#2767e8;--green:#17a677;--muted:#758197}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}aside{position:fixed;width:248px;height:100vh;background:var(--navy);color:#fff;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:#fff;text-align:left;margin:0 8px 28px}.brand>span{display:grid;place-items:center;background:#36b7eb;color:#fff;width:39px;height:39px;border-radius:10px;font-weight:900}.brand b{font-size:18px}.brand small,.sidefoot small{display:block;color:#8f9bb0;font-size:11px;margin-top:2px}nav{display:flex;flex-direction:column;gap:4px}nav button,.sidefoot>button{border:0;background:transparent;color:#aeb8c9;padding:11px 13px;border-radius:9px;display:flex;gap:12px;align-items:center;text-align:left;font-size:13px;font-weight:600}nav button svg,.sidefoot svg{width:18px}nav button:hover,nav button.active,.sidefoot>button:hover{background:#1e3152;color:#fff}nav button.active{box-shadow:inset 3px 0 #43b9e9}.sidefoot{margin-top:auto;border-top:1px solid #283853;padding-top:15px}.sidefoot>div{display:flex;align-items:center;gap:10px;padding:10px;color:#fff}.sidefoot>div svg{color:#f6c344}main{grid-column:2;padding:29px 42px 60px;max-width:1500px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}h1{font-size:26px;margin:4px 0 0;letter-spacing:-.5px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#62728d}.eyebrow.light{color:#98d9ec}.examPill{background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:9px 15px;display:flex;gap:10px;align-items:center;box-shadow:0 4px 14px #17243d0d}.examPill svg{width:20px;color:#ef785c}.examPill small{font-size:9px;display:block;color:var(--muted);font-weight:800}.hero{background:linear-gradient(115deg,#12294b,#17466b);color:#fff;border-radius:18px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;min-height:230px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-80px;top:-130px;width:400px;height:400px;border:50px solid #ffffff09;border-radius:50%}.hero h2{font-size:28px;margin:10px 0}.hero p{color:#c1d0df;max-width:620px;margin:0 0 22px}.heroBtn,.primary{border:0;background:#37b6e8;color:#09233a;padding:12px 17px;border-radius:9px;font-weight:800;display:inline-flex;align-items:center;gap:10px}.heroBtn svg{width:17px}.readiness{z-index:1;display:flex;align-items:center;gap:18px;flex-direction:column}.readiness>span{font-size:11px;color:#bdcfdf}.ring{--p:0%;width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#183759 56%,transparent 58%),conic-gradient(#39c49b var(--p),#ffffff20 0);text-align:center}.ring strong{font-size:26px}.ring small{display:block;font-size:10px;color:#a9bbcc}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 30px}.metric{background:#fff;border:1px solid #e6e9ee;border-radius:13px;padding:17px 19px;border-top:3px solid}.metric small{display:block;color:var(--muted);font-weight:600}.metric strong{display:block;font-size:24px;margin:7px 0}.metric span{font-size:10px;color:#919bad}.metric.green{border-top-color:#23b889}.metric.blue{border-top-color:#3685eb}.metric.orange{border-top-color:#f39a58}.metric.purple{border-top-color:#836bea}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin:24px 0 13px}.sectionTitle h2{font-size:19px;margin:5px 0}.sectionTitle>span{font-size:11px;color:var(--muted)}.modeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.modeGrid button{border:1px solid #e2e6ec;background:#fff;border-radius:12px;padding:18px 15px;display:flex;align-items:center;gap:12px;text-align:left;color:inherit}.modeGrid button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #17243d12;border-color:#bfcde1}.modeGrid i{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:#2a6be0}.modeGrid i svg{width:19px}.modeGrid span{flex:1}.modeGrid b,.modeGrid small{display:block}.modeGrid b{font-size:13px}.modeGrid small{font-size:10px;color:var(--muted);margin-top:4px}.modeGrid>button>svg{width:15px;color:#99a4b5}.quiz{max-width:850px;margin:0 auto;background:#fff;border:1px solid #e0e6ed;border-radius:17px;padding:24px 30px 30px}.quizTop{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;font-size:11px;font-weight:700;color:var(--muted)}.progress{height:5px;background:#e8edf3;border-radius:5px}.progress i{display:block;height:100%;background:#35b6e7;border-radius:5px}.visual{display:block;width:100%;height:260px;margin:19px auto 14px}.visual.sign{height:190px}.tags{display:flex;gap:8px;margin:15px 0}.tags>*{padding:5px 8px;border-radius:5px;background:#eef3fa;font-size:10px;color:#52627d}.tags .danger{background:#fff0e7;color:#c65b22}.quiz h2{font-size:21px;margin:10px 0}.hint,.verify{font-size:11px;color:var(--muted)}.answers{display:grid;gap:9px;margin:18px 0}.answers button{display:flex;gap:14px;align-items:center;text-align:left;padding:13px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:inherit}.answers button:hover,.answers button.selected{border-color:#2e78e9;background:#f2f7ff}.answers button.right{border-color:#19a676;background:#effbf7}.answers button.wrong{border-color:#e25b55;background:#fff4f3}.answers kbd{width:27px;height:27px;border-radius:6px;display:grid;place-items:center;background:#edf1f6;font-weight:800}.feedback{padding:13px 16px;border-radius:9px;margin:10px 0;font-size:13px}.feedback p{margin:4px 0}.feedback.good{background:#ecf9f5;color:#137658}.feedback.bad{background:#fff1ef;color:#a63e38}.next{margin-left:auto}.primary:disabled{opacity:.45;cursor:not-allowed}.setup,.result,.settingsPage,.statsPanel,.toolbar{max-width:850px;margin:0 auto 18px;background:#fff;border:1px solid #e2e6ec;border-radius:16px;padding:30px}.setup{text-align:center}.setupIcon{margin:auto;width:55px;height:55px;display:grid;place-items:center;background:#eaf4ff;color:#286bdd;border-radius:14px}.setup h2,.result h2{font-size:27px;margin:15px 0 6px}.setup>p,.result>p{color:var(--muted)}.formRow{display:flex;justify-content:center;align-items:end;gap:12px;margin-top:25px}.formRow label{text-align:left;font-size:11px;font-weight:700}.formRow select{display:block;min-width:180px;margin-top:5px;border:1px solid #dce2e9;border-radius:8px;padding:11px;background:#fff}.examRules{display:flex;text-align:left;gap:12px;background:#f3f7fb;padding:15px;border-radius:10px}.examRules svg{color:#1ba376}.examRules p{margin:0;font-size:12px}.result{text-align:center}.result>span{display:inline-block;padding:7px 12px;border-radius:20px;font-weight:800}.pass{background:#dcf7ed;color:#147656}.fail{background:#fff0ed;color:#ad4037}.themeBars{text-align:left;margin:25px 0}.themeBars>div{margin:13px 0}.themeBars span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.themeBars i{display:block;height:7px;background:#e9edf2;border-radius:5px}.themeBars em{display:block;height:100%;background:#36b5e6;border-radius:5px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px}.toolbar p{margin:0}.toolbar span{font-size:11px;color:var(--muted)}.signGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.signGrid button{background:#fff;border:1px solid #e2e6ec;border-radius:13px;color:inherit;padding:10px}.signGrid .visual{height:145px;margin:0}.signGrid b,.signGrid small{display:block}.signGrid small{color:var(--muted);margin:5px}.statsPanel h2{font-size:17px;margin-top:0}.chart{height:180px;display:flex;align-items:end;gap:12px;padding-top:15px}.chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.chart i{display:block;width:70%;background:#36b5e6;border-radius:5px 5px 0 0}.chart small{font-size:9px;color:var(--muted);margin-top:5px}.history>div{display:grid;grid-template-columns:1fr auto auto;gap:25px;border-top:1px solid #edf0f4;padding:12px}.history em{font-style:normal;color:#b24840}.history em.ok{color:#18805e}.setting{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4;padding:18px 0}.setting p{color:var(--muted);font-size:12px;margin:4px 0}.setting input{padding:9px;border:1px solid #dbe1e8;border-radius:7px}.dataActions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.dataActions button{display:flex;gap:8px;border:1px solid #dce2e9;background:#fff;padding:11px;border-radius:8px}.dataActions svg{width:18px}.dataActions .dangerButton{color:#b9433f;border-color:#f1c9c6}.empty{text-align:center;background:#fff;padding:70px;border-radius:15px}.empty p{color:var(--muted)}.coach{display:grid;grid-template-columns:1fr auto;gap:10px;margin:12px 0 18px;padding:15px;border:1px solid #d9e5f2;border-radius:11px;background:#f7fbff}.coach>div{grid-column:1/-1}.coach strong,.coach small{display:block}.coach small{margin-top:3px;color:var(--muted)}.coach textarea{resize:vertical;min-height:48px;padding:10px 12px;border:1px solid #cfdae8;border-radius:8px;color:inherit;background:#fff}.coach button{align-self:stretch;border:0;border-radius:8px;padding:10px 14px;background:#172f54;color:#fff;font-weight:700}.coach button:disabled{opacity:.55;cursor:wait}.coachAnswer,.coachError{grid-column:1/-1;white-space:pre-line;margin:2px 0 0;padding:12px;border-radius:8px;font-size:13px;line-height:1.5}.coachAnswer{background:#eaf7f3;color:#155f4a}.coachError{background:#fff1ef;color:#a63e38}@media(max-width:1050px){.modeGrid,.kpis{grid-template-columns:repeat(2,1fr)}main{padding:25px}.readiness{display:none}}@media(max-width:720px){.shell{display:block}aside{position:static;width:100%;height:auto}.brand{margin-bottom:12px}nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidefoot{display:none}main{padding:20px}.examPill{display:none}.hero{padding:25px}.kpis,.modeGrid,.signGrid{grid-template-columns:1fr}.formRow{flex-direction:column;align-items:stretch}.quiz{padding:18px}.visual{height:190px}.sectionTitle>span{display:none}.coach{grid-template-columns:1fr}.coach>*{grid-column:1}}
