:root{font-family:Inter,system-ui,sans-serif;color:#17263c;background:#f5f7fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:#18395f}.brand em{font-style:normal;font-weight:500;color:#8895a6}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:#236bb2;border-radius:10px;font-size:20px}.top-actions{display:flex;align-items:center;gap:22px;color:#667589;font-size:13px}.connection{display:flex;align-items:center;gap:7px}.connection i{width:7px;height:7px;border-radius:50%;background:#43b581;display:inline-block}.connection.demo i{background:#df9b38}.user-name{font-weight:600;color:#273b55}.link-button{background:none;color:#3973ad;font-size:13px;padding:4px}.nav{background:#fff;border-bottom:1px solid #e6eaf0;padding:0 clamp(20px,4vw,64px);display:flex;gap:25px}.nav button{background:none;color:#728198;padding:15px 2px;border-bottom:2px solid transparent;font-size:14px}.nav button.active{color:#236bb2;border-bottom-color:#236bb2;font-weight:700}.content{max-width:1200px;margin:0 auto;padding:38px clamp(20px,4vw,64px) 60px}.demo-banner{background:#fff7e9;color:#8b601e;border:1px solid #f0ddb4;border-radius:10px;padding:10px 14px;font-size:12px;margin-bottom:22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.page-heading h1{font-size:34px;line-height:1.15;letter-spacing:-.04em;margin:5px 0 8px;color:#192d47}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#6382a6;font-size:10px;font-weight:800;margin:0}.muted{color:#7e8c9e}.pill{background:#e9f1fb;color:#2869aa;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700}.hero-card{overflow:hidden;position:relative;background:linear-gradient(112deg,#123a64,#236cae);color:#fff;border-radius:16px;padding:34px 38px;min-height:205px;margin-bottom:24px}.hero-card h2{font-size:25px;letter-spacing:-.035em;margin:8px 0}.hero-card p{margin:0 0 20px;color:#d5e4f4;font-size:14px}.light-button{background:#fff;color:#245f9d;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:700}.hero-illustration{position:absolute;right:10%;top:4px;width:230px;height:200px;opacity:.6}.orb{position:absolute;width:130px;height:130px;border:1px solid #94c4eb;border-radius:50%;top:32px;left:55px}.cross{position:absolute;color:#cce9ff;font-size:76px;font-weight:200;top:38px;left:99px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:19px 20px}.stat-card span,.stat-card small{display:block;color:#7b8a9f;font-size:12px}.stat-card strong{display:block;font-size:28px;letter-spacing:-.04em;color:#203a5a;margin:7px 0 2px}.stat-card small{font-size:11px}.panel{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:24px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h2{font-size:18px;letter-spacing:-.025em;margin:0;color:#203954}.secondary{border:1px solid #d9e1ea;background:#fff;color:#4d6784;border-radius:7px;padding:8px 12px;font-size:12px}.primary{background:#236bb2;color:#fff;border-radius:7px;padding:10px 16px;font-size:12px;font-weight:700}.primary:disabled{opacity:.5;cursor:wait}.assessment{display:flex;gap:15px;align-items:center;border-top:1px solid #edf0f4;padding:18px 0}.assessment-icon{width:42px;height:42px;border-radius:10px;background:#e8f2fc;color:#2771b7;display:grid;place-items:center;font-weight:800}.assessment-main{flex:1}.assessment-main h3{font-size:14px;margin:0 0 4px}.assessment-main p,.assessment-main small{font-size:12px;color:#7c8a9b;margin:0}.assessment-main p span{padding:0 5px;color:#c0c7d0}.pending-panel{border-style:dashed;background:#fbfcfd}.pending-panel h2{margin:8px 0 3px}.pending-panel p{font-size:13px}.empty{color:#8794a4;font-size:13px}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.exam-card{padding:30px}.exam-head{display:flex;justify-content:space-between;border-bottom:1px solid #ecf0f4;padding-bottom:18px;margin-bottom:20px}.exam-head h1{margin:3px 0 0;font-size:22px}.timer{font-size:20px;font-weight:800;color:#245f9d}.question-meta{display:flex;justify-content:space-between;color:#8492a3;font-size:12px}.question{font-size:21px;line-height:1.4;margin:26px 0}.options{border:0;padding:0;margin:0}.option{display:flex;align-items:center;gap:12px;border:1px solid #e1e8f0;padding:14px 16px;border-radius:9px;margin:10px 0;font-size:14px;color:#354e6b}.option.selected{border-color:#5597d1;background:#f0f7fd}.option input{accent-color:#236bb2}.exam-actions{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid #ecf0f4}.navigator h3{font-size:15px;margin:0 0 16px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.question-grid button{background:#f1f4f7;color:#607189;border-radius:6px;padding:8px}.question-grid button.current{background:#236bb2;color:#fff}.navigator hr{border:0;border-top:1px solid #ecf0f4;margin:22px 0}.tiny{font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-top:1px solid #edf0f4;padding:13px 8px}th{color:#8190a3;font-size:11px;font-weight:600}td small{display:block;color:#94a0af;font-size:11px;margin-top:3px}.footer{max-width:1200px;margin:0 auto;padding:20px clamp(20px,4vw,64px);color:#9aa6b5;font-size:11px;display:flex;justify-content:space-between}.footer span{color:#c1c8d1}.login-page{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:#123a64}.login-intro{color:#fff;padding:70px clamp(30px,8vw,130px);background:radial-gradient(circle at 85% 75%,#266da9 0,transparent 44%),#123a64}.login-intro .brand{color:#fff;margin-bottom:90px}.login-intro .brand-mark{background:#fff;color:#2463a1}.login-intro h1{font-size:54px;line-height:1.08;letter-spacing:-.06em;margin:16px 0}.login-intro h1 span{color:#8cc7ef}.login-intro>p{color:#c4d9ec;max-width:380px;font-size:15px}.login-side{background:#f5f7fa;display:grid;place-items:center;padding:30px}.login-card{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:38px;width:min(410px,100%);box-shadow:0 15px 50px #153b6315}.login-card h2{font-size:27px;margin:7px 0}.login-card form{margin-top:25px}.login-card label{display:block;color:#51667e;font-size:12px;font-weight:700;margin-bottom:16px}.login-card input,.login-card select{display:block;width:100%;padding:11px 12px;border:1px solid #dae3ec;border-radius:7px;margin-top:6px;outline-color:#4087bd;background:#fff}.demo-toggle{font-size:11px!important;font-weight:500!important;color:#7c8b9d!important;display:flex!important;gap:7px;align-items:center;margin-top:17px}.error{font-size:12px;color:#ba4646}.login-help{font-size:11px;color:#98a3b0;margin:25px 0 0}@media(max-width:760px){.topbar{height:auto;padding:15px 20px;align-items:flex-start}.top-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.user-name{display:none}.nav{padding:0 20px;gap:20px}.content{padding:25px 20px}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:27px}.hero-card{padding:25px}.hero-illustration{opacity:.25;right:-20px}.stat-grid,.exam-layout{grid-template-columns:1fr}.navigator{order:-1}.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-side{padding:20px}.assessment{align-items:flex-start;flex-wrap:wrap}.assessment .primary{margin-left:57px}.footer{padding:20px}.footer span{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wide{width:100%}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.demo-toggle input{width:16px;margin:0}.save-row,.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.question-grid button.answered{background:#def1e7;color:#286c49}.finish-confirm{background:#fff7e9;padding:18px;border-radius:8px;margin-top:20px}.finish-confirm button{margin-right:10px}.notice{background:#fff1ec;color:#963d26;padding:12px 16px;border:1px solid #f2d4c9;border-radius:8px;font-size:13px}.answer-correct{background:#eaf6f0;color:#286747;padding:15px;border-radius:8px;margin-top:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:20px 0;align-items:end}.form-grid label{font-size:12px;color:#526780}.form-grid input,.form-grid select{display:block;width:100%;background:#fff;border:1px solid #cbd8e4;border-radius:7px;padding:10px;margin-top:5px;color:#1c3e5d}.subnav{display:flex;gap:8px;margin-bottom:20px}.subnav button{background:#e8eef5;padding:10px 17px;border-radius:8px;color:#4e6580}.subnav button.active{background:#236bb2;color:#fff}.secret-box{background:#fff7e9;border:1px solid #ead4a9;border-radius:8px;padding:16px}.secret-box code{display:block;font-size:19px;letter-spacing:.05em;margin:12px 0;-webkit-user-select:all;user-select:all}.training-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.question-list{max-height:600px;overflow:auto;border-right:1px solid #e5eaf0;padding-right:14px}.question-list button{display:block;width:100%;text-align:left;padding:12px;background:#f5f8fb;margin-bottom:8px;border-radius:8px;color:#334d69}.question-list button.selected{background:#e8f1fc;border:1px solid #93bce3}.question-list small{display:block;color:#7790aa;font-size:10px}.question-list span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;margin-top:5px}.training-detail h3{font-size:19px;line-height:1.5}.training-history{margin-top:24px;border-top:1px solid #e5eaf0;padding-top:15px}.hero-card>div:first-child{position:relative;z-index:1;max-width:75%}:focus-visible{outline:3px solid #72a6d6;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.training-layout{grid-template-columns:1fr}.question-list{max-height:220px;border-right:0;border-bottom:1px solid #e5eaf0}.hero-card>div:first-child{max-width:100%}.form-grid{grid-template-columns:1fr}.exam-actions{gap:10px;flex-wrap:wrap}}:root{--bg:#f3f6f8;--surface:#fff;--ink:#203537;--muted:#667b80;--line:#dce6e7;--accent:#137b70;--soft:#e8f4f0;color:var(--ink);background:var(--bg);font-family:Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--bg:#101c21;--surface:#19282f;--ink:#e0eeee;--muted:#a0b6bc;--line:#30454d;--accent:#72cdb5;--soft:#253e3e;color-scheme:dark}body{background:var(--bg);color:var(--ink)}button,input,select{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.app-frame{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;padding:32px 22px 20px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.sidebar .brand{color:var(--ink);font-size:23px;margin:0 10px 42px}.brand-mark{background:#137b70;width:43px;height:43px;border-radius:14px}.brand small{display:block;font-weight:400;font-size:12px;letter-spacing:.04em;color:var(--muted)}.sidebar-caption{font-size:10px;letter-spacing:.13em;color:var(--muted);margin:0 12px 14px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:14px;border-radius:12px;text-align:left;background:transparent;color:var(--muted);font-size:14px;min-height:48px}.sidebar nav button:hover{background:var(--bg);color:var(--ink)}.sidebar nav button[aria-current]{color:var(--accent);background:var(--soft);font-weight:650}.nav-dot{margin-left:auto;background:var(--accent);width:6px;height:6px;border-radius:100%}.sidebar-note{margin-top:auto;padding:24px 12px;color:var(--muted);font-size:12px;line-height:1.8}.account-card{display:flex;gap:10px;align-items:center;text-align:left;padding:16px 0 0;border-top:1px solid var(--line);background:none;color:var(--ink);font-size:12px}.account-card>span:last-child{overflow-wrap:anywhere}.account-card small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.avatar{width:38px;height:38px;flex-shrink:0;display:inline-grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--accent);font-size:19px;font-weight:700}.avatar-large{width:80px;height:80px;font-size:32px;margin-bottom:20px}.workspace{margin-left:246px;flex:1;min-width:0}.workspace-header{display:flex;align-items:center;justify-content:space-between;min-height:86px;padding:20px 42px;gap:12px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:var(--line)}.breadcrumb b{color:var(--ink);font-weight:600}.header-tools{display:flex;align-items:center;gap:12px}.header-tools button{min-height:38px}.theme-button{font-size:21px;padding:0 12px}.content{max-width:1280px;padding:28px 42px 60px}.content>section,.content>.page-heading,.settings-grid{animation:reveal .35s ease-out}.content>div[hidden]{display:none}.page-heading h1{font-size:36px;color:var(--ink);font-weight:650;letter-spacing:-.045em}.page-heading{margin-bottom:30px}.muted,.empty,.stat-card span,.stat-card small,.question-meta,.assessment-main p,.assessment-main small{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:.16em}.hero-card{background:linear-gradient(115deg,#164d47,#147d70);border-radius:22px;padding:38px 40px;min-height:248px;box-shadow:0 16px 36px #103c3910}.hero-card h2{font-size:31px;font-weight:550;max-width:500px;line-height:1.25;margin:14px 0}.hero-card .eyebrow{color:#a8dbc9}.hero-illustration{right:7%;top:25px}.orb{height:190px;width:190px;border:28px solid #a0d9c72b;left:10px;top:0;box-shadow:0 0 0 25px #b1e3d511}.cross{left:68px;top:33px;color:#c7e7d7}.panel,.stat-card,.login-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 3px 12px #102a2a03}.panel{padding:28px}.panel h2,.stat-card strong,.exam-head h1,.question{color:var(--ink)}.stat-card{padding:25px}.stat-card strong{font-size:34px}.primary{background:#137b70;border-radius:10px;font-size:14px;padding:12px 20px;min-height:44px}.primary:not(:disabled):hover{background:#10665e;box-shadow:0 5px 16px #137b702b}.secondary,.light-button{border-radius:10px;min-height:40px;font-size:13px}.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--soft)}.pill,.assessment-icon{background:var(--soft);color:var(--accent)}.assessment,th,td,.exam-head,.exam-actions,.training-history{border-color:var(--line)}.option{border-color:var(--line);color:var(--ink);min-height:55px;border-radius:12px}.option:hover{background:var(--bg)}.option.selected{background:var(--soft);border-color:var(--accent)}.option input{accent-color:#137b70}.question-grid button.current{background:#137b70}.question-grid button{min-height:40px}.timer{color:var(--accent);font-variant-numeric:tabular-nums}.form-grid input,.form-grid select,.login-card input,.login-card select{background:var(--bg);color:var(--ink);border-color:var(--line);min-height:45px}.form-grid label,.login-card label{color:var(--muted)}.login-side{background:var(--bg)}.login-intro{background:radial-gradient(circle at 80% 70%,#247c70,transparent 50%),#153f3d}.login-intro h1 span{color:#9cd4bc}.login-intro .brand-mark{color:#137b70}.login-theme{position:fixed;top:20px;right:24px;z-index:30}.login-card{padding:42px}.login-help{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.profile-card{text-align:center;align-self:start;padding:35px 24px}.profile-card .tiny{margin-top:25px;line-height:1.8}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.theme-choices button{background:var(--bg);color:var(--ink);border:2px solid transparent;padding:10px;border-radius:12px;font-size:12px}.theme-choices button[aria-pressed=true]{border-color:var(--accent)}.theme-preview{display:flex;flex-direction:column;gap:7px;padding:15px 12px 15px 25px;border-radius:6px;background:#f5f8f8;border:1px solid #d5e0de;border-left:15px solid #e0ece7;margin-bottom:10px;height:75px}.theme-preview i{height:5px;background:#9cb8b1;border-radius:3px;width:80%}.theme-preview i:last-child{width:50%}.theme-preview.dark{background:#17292f;border-color:#34515a;border-left-color:#293e45}.theme-preview.system{background:linear-gradient(90deg,#f5f8f8 50%,#17292f 50%)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-top:1px solid var(--line);font-size:14px}.setting-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.setting-row input{width:20px;height:20px;accent-color:#137b70}.footer{color:var(--muted);padding:20px 42px}.footer span{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:260px;z-index:99;background:var(--surface);color:var(--ink);padding:12px}.skip-link:focus{top:8px}.subnav{flex-wrap:wrap}.subnav button{background:var(--soft);color:var(--accent)}.subnav button.active{background:#137b70;color:#fff}.question-list button{background:var(--bg);color:var(--ink)}.question-list button.selected{background:var(--soft);border-color:var(--accent)}.notice .link-button{float:right}.demo-banner{font-size:12px;margin-bottom:24px}.question{font-size:22px!important}.theme-preview,.hero-illustration{pointer-events:none}[data-large=yes] .question,[data-large=yes] .training-detail h3{font-size:26px!important}[data-large=yes] .option{font-size:18px}html[data-theme=dark] .notice,html[data-theme=dark] .finish-confirm,html[data-theme=dark] .secret-box,html[data-theme=dark] .demo-banner{background:#3d3428;color:#f1d9ae;border-color:#62513c}html[data-theme=dark] .answer-correct{background:#203f35;color:#a9debe}@keyframes reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}[data-motion=no] *,[data-motion=no] *:before,[data-motion=no] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1050px){.sidebar{width:210px;padding:26px 15px}.workspace{margin-left:210px}.content{padding:24px}.workspace-header{padding:20px 24px}.settings-grid{grid-template-columns:1fr}.profile-card{text-align:left}.profile-card .avatar{float:left;margin-right:20px}.profile-card .tiny{clear:both;padding-top:15px}.hero-illustration{opacity:.3}}@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);height:auto}.sidebar .brand,.sidebar-caption,.sidebar-note,.account-card{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:2px}.sidebar nav button{flex:1;flex-direction:column;gap:5px;padding:8px 2px;font-size:10px;border-radius:10px;min-width:0}.nav-dot{display:none}.workspace{margin-left:0;padding-bottom:90px}.workspace-header{min-height:68px;padding:14px 20px}.breadcrumb{font-size:11px}.breadcrumb>span,.breadcrumb>b{display:none}.header-tools{gap:7px}.content{padding:20px}.page-heading h1{font-size:29px}.hero-card{padding:28px;min-height:230px}.hero-card h2{font-size:26px}.stat-grid{gap:10px}.stat-card{padding:18px}.panel{padding:20px}.settings-grid{gap:10px}.theme-choices{gap:6px}.theme-choices button{font-size:11px;padding:6px}.theme-preview{padding:13px 5px;border-left-width:9px}.footer{padding:15px 20px}.login-card{padding:30px}.login-side{padding-top:78px}.skip-link{left:12px}.exam-layout{display:flex;flex-direction:column}.navigator{order:1}.question-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.question{font-size:20px!important}}