:root{color-scheme:dark;--bg:#071426;--side:#09182d;--panel:#101f33;--panel2:#13253b;--border:#223752;--muted:#8fa1b9;--text:#eef5ff;--cyan:#4bc8ef;--gold:#f6b957;--green:#40cf91;--red:#fa7f80;--navy:#142b46}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;flex:0 0 254px;background:var(--side);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:27px 17px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:2px 9px 45px}.mark{height:41px;width:41px;border-radius:11px;background:linear-gradient(140deg,#1a7bb1,#3bd2e3);font-size:25px;display:grid;place-items:center;color:#fff;transform:rotate(-12deg);box-shadow:0 6px 22px #05b0d02a}.brand strong{font-size:19px;font-weight:800;letter-spacing:1px}.brand strong span{color:var(--cyan)}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#819ab5;margin-top:5px}.menu-caption{padding:0 11px 14px;font-weight:700;font-size:10px;letter-spacing:1.9px;color:#697f99}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 12px;text-align:left;background:transparent;color:#a6b7cd;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:600;width:100%}.nav-item.active{background:#103a56;color:#f1faff;border-color:#164d6d}.nav-item:hover{background:#18314b;color:#fff}.nav-icon{font-size:22px;line-height:16px;width:25px;text-align:center;color:var(--cyan);font-weight:400}.sidebar-bottom{margin-top:auto;padding:17px 12px 0;border-top:1px solid var(--border)}.sidebar-bottom p{font-size:11px;line-height:1.6;color:#7890ad}.sidebar-bottom small{font-size:9px;color:#56708d}.local-status{font-size:12px;font-weight:700}.signal{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:99px;margin-right:7px;box-shadow:0 0 0 3px #40cf9122}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid var(--border);padding:0 37px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--bg)}.breadcrumb{color:#6d88aa;font-size:11px;letter-spacing:1.7px;font-weight:800}.breadcrumb b{color:#d2e1f2;font-weight:700}.crumb-sep{padding:0 12px;color:#365572}.top-right{display:flex;align-items:center;gap:18px}.offline-chip{padding:7px 10px;background:#0d2f35;border:1px solid #17604b;color:#82e1b4;font-size:10px;letter-spacing:1px;font-weight:800;border-radius:6px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#254764;color:#e3f7ff;font-weight:800}.mobile-menu{display:none}.main-content{max-width:1440px;width:100%;margin:0 auto;padding:38px 40px 65px;flex:1}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--cyan);font-weight:900;margin-bottom:9px;text-transform:uppercase}.page-title{margin:0 0 8px;font-size:clamp(25px,3vw,35px);font-weight:770;letter-spacing:-1.2px}.page-subtitle{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 25px;max-width:760px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.intro .page-subtitle{margin-bottom:0}.btn{border:1px solid transparent;padding:11px 16px;border-radius:8px;font-size:12px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:10px;white-space:nowrap}.btn-primary{background:var(--cyan);color:#041726}.btn-primary:hover{background:#85ddf6}.btn-quiet{background:#19334b;color:#d1ebff;border-color:#2b4a63}.btn-quiet:hover{background:#25465e}.btn-ghost{background:transparent;border-color:#375574;color:#c5d5e9}.btn-danger{background:#52252a;color:#ffc6c5;border-color:#8c3839}.btn:disabled{opacity:.35;cursor:not-allowed}.grid{display:grid;gap:17px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:23px}.metric{background:var(--panel);border:1px solid var(--border);padding:21px;border-radius:13px;min-height:144px}.metric-label{color:#92a5bb;font-size:12px}.metric-icon{float:right;color:var(--cyan);font-size:22px;line-height:1}.metric-value{font-size:36px;font-weight:790;letter-spacing:-1.5px;margin:15px 0 3px}.metric-footer{font-size:11px;color:#7288a2}.metric-value.green{color:var(--green)}.metric-value.gold{color:var(--gold)}.two-cols{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);margin-bottom:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden}.panel-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #213449}.panel-title{font-size:15px;font-weight:760;margin:0}.panel-caption{font-size:11px;color:#8c9fb7}.panel-body{padding:22px 23px}.chart-placeholder{height:230px}.chart-svg{width:100%;height:210px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#7590a7;font-size:10px;margin:4px 6px 0}.discipline{margin:0 0 20px}.discipline:last-child{margin-bottom:0}.discipline-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:9px}.discipline-top b{font-weight:650;color:#dae7f5}.discipline-top span{font-size:11px;color:#9eb1c7}.track{background:#23344a;width:100%;height:7px;border-radius:20px;overflow:hidden}.track>div{height:100%;background:linear-gradient(90deg,#2da3c4,#5ce2dd);border-radius:20px}.track>div.low{background:#e0a252}.action-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{padding:23px;min-height:160px;transition:transform .2s,border-color .2s;cursor:pointer}.action-card:hover{transform:translateY(-2px);border-color:#28759b}.action-icon{font-size:28px;color:var(--cyan);margin-bottom:20px}.action-card h3{font-size:15px;margin:0 0 8px}.action-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.action-card .arrow{float:right;color:var(--cyan);font-size:20px}.footer{text-align:center;font-size:10px;color:#5e7893;border-top:1px solid #162840;padding:18px 30px}.info-strip{padding:13px 16px;border-radius:8px;background:#183249;border:1px solid #2a5063;color:#b9d7e8;font-size:12px;line-height:1.55;margin:16px 0 23px}.warning{background:#322a23;border-color:#68513b;color:#f5cf9f}.toolbar{display:flex;gap:11px;flex-wrap:wrap;align-items:end;margin:20px 0}.field{display:flex;flex-direction:column;gap:7px;min-width:190px}.field label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#90a5bb;font-weight:800}.field select,.field input{padding:11px 13px;border:1px solid #34516e;background:#0b1c30;color:#e4f1ff;border-radius:8px;min-height:42px;outline:0}.field input:focus,.field select:focus{border-color:var(--cyan)}.question-area{max-width:880px;margin:0 auto}.question-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.small-mono{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#9ab1c9}.timer{font-variant-numeric:tabular-nums;padding:8px 11px;border:1px solid #426683;color:#dcf5ff;background:#112d41;border-radius:6px;font-weight:800}.question-panel{background:var(--panel);border:1px solid #2b425c;border-radius:15px;padding:28px}.question-badges{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.pill{display:inline-flex;border-radius:30px;background:#163b55;color:#82dfff;padding:6px 11px;font-size:10px;font-weight:800;letter-spacing:.6px}.pill.secondary{background:#27364b;color:#b1c5de}.pill.gold{background:#463723;color:#f8d08b}.favorite{margin-left:auto;border:0;background:transparent;font-size:25px;color:#879db7}.favorite.on{color:#f8bc60}.question-title{font-size:clamp(18px,2vw,23px);font-weight:690;line-height:1.5;margin:0 0 22px;letter-spacing:-.25px}.options{display:grid;gap:11px}.option{display:flex;gap:14px;align-items:flex-start;background:#0d1e32;border:1px solid #2b4260;color:#dce9f9;text-align:left;padding:15px;border-radius:9px;line-height:1.55;font-size:13px}.option:hover:not(:disabled){border-color:#4d9fc6;background:#14314a}.option .letter{display:grid;place-items:center;border:1px solid #48657d;min-width:27px;height:27px;border-radius:7px;font-weight:800;color:#9fb8d0}.option.selected{border-color:#3eacd0;background:#113a54}.option.selected .letter{background:#3495b8;color:#fff;border-color:#3495b8}.option.correct{border-color:#3a9e78;background:#123d35}.option.correct .letter{background:#2d9b70;color:#fff}.option.wrong{border-color:#b86167;background:#47292e}.option.wrong .letter{background:#b9585e;color:#fff}.option:disabled{cursor:default}.question-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.feedback{border-radius:10px;margin-top:20px;padding:17px;background:#17364a;border:1px solid #2e697b}.feedback.success{background:#153b35;border-color:#28785d}.feedback.failure{background:#42292f;border-color:#94525b}.feedback-title{font-size:14px;font-weight:800;margin-bottom:8px}.feedback p{font-size:12px;line-height:1.65;margin:6px 0}.source-info{font-size:11px;color:#98b5cc;line-height:1.6;margin-top:15px}.progress-bar{height:5px;background:#25415a;border-radius:99px;overflow:hidden;margin:8px 0 24px}.progress-bar>div{height:100%;background:var(--cyan);transition:width .25s}.empty{text-align:center;padding:60px 20px;color:#b7c5d6}.empty h2{color:#eef3ff}.review-answer{display:none;margin:30px 0 10px;border:1px solid #397c74;border-radius:10px;background:#123b3c;padding:20px;font-size:15px;line-height:1.6}.review-answer.open{display:block}.flash-question{font-size:22px;line-height:1.6;max-width:770px}.source-row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid #243850}.source-row:last-child{border-bottom:0}.source-row h3{margin:0 0 6px;font-size:14px}.source-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.source-tag{font-size:10px;color:var(--gold);font-weight:800;letter-spacing:.7px;margin-top:7px}.results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.results-stats>div{padding:24px;border:1px solid #264560;background:#11263b;border-radius:12px;text-align:center}.results-stats strong{font-size:29px;display:block;margin-bottom:7px}.results-stats small{font-size:12px;color:#97abc0}.result-list{padding:14px}.result-item{padding:14px 5px;border-bottom:1px solid #25405b;font-size:12px;line-height:1.6}.result-item b{color:#cfe4f2}.result-item.good{border-left:3px solid var(--green);padding-left:10px}.result-item.bad{border-left:3px solid var(--red);padding-left:10px}.sim-hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:22px}.sim-card{padding:28px}.sim-card h2{margin:0 0 13px;font-size:23px}.sim-card p{font-size:13px;line-height:1.65;color:#aabed1}.sim-icon{font-size:50px;color:var(--cyan);padding:15px 0}.sim-numbers{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.sim-number{border:1px solid #2e516c;background:#172e46;border-radius:10px;padding:13px;min-width:120px}.sim-number b{font-size:23px;display:block}.sim-number small{font-size:11px;color:#91a7be}.muted{color:var(--muted)}.spacer{flex:1}.loading{padding:60px;color:#8fabc6;text-align:center}.small-note{color:#758fa9;font-size:11px;line-height:1.6}hr{border:0;border-top:1px solid #23354e;margin:24px 0}@media(max-width:1190px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:1fr}.main-content{padding:29px 26px}}@media(max-width:800px){.sidebar{position:fixed;z-index:90;left:-270px;box-shadow:10px 0 30px #0005;transition:left .2s}.sidebar.open{left:0}.mobile-menu{display:inline;border:0;background:transparent;color:var(--text);font-size:24px}.topbar{height:64px;padding:0 17px}.breadcrumb{font-size:9px}.offline-chip{font-size:8px}.main-content{padding:25px 15px 45px}.intro{align-items:start;flex-direction:column}.action-cards{grid-template-columns:1fr}.sim-hero{grid-template-columns:1fr}.question-panel{padding:20px}.panel-body{padding:18px}.field{flex:1;min-width:135px}.question-controls{flex-wrap:wrap}}@media(max-width:480px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:14px;min-height:120px}.metric-value{font-size:28px}.metric-label{font-size:10px}.metric-footer{font-size:9px}.top-right{gap:6px}.avatar{display:none}.results-stats{grid-template-columns:1fr}.source-row{align-items:flex-start;flex-direction:column}}