*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:LXGW WenKai Screen,Microsoft YaHei,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.table{display:table}.overline{text-decoration-line:overline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--blue:#0868dc;--blue2:#1286ef;--navy:#0b3163;--line:#e6ebf2;--muted:#78859a;--shadow:0 8px 28px #234e8014;background:#f5f8fc;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f5f8fc;min-width:1180px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}svg{width:1em;height:1em}.brand{color:#0868c9;align-items:center;gap:12px;min-width:360px;display:flex}.brand-lockup{flex:none;width:184px;height:auto;display:block;overflow:visible}.brand-rule{background:#dbe2ec;width:1px;height:34px}.brand strong{letter-spacing:.02em;color:#121b2c;white-space:nowrap;font-size:21px;display:block}.brand small{color:#8a96a8;letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:10px;display:block}.admin-sidebar .brand{justify-content:center;gap:8px;min-width:0}.admin-sidebar .brand-lockup{width:170px}.auth-page{background:#fff;grid-template-columns:minmax(610px,1.12fr) minmax(520px,.88fr);min-height:100vh;display:grid}.auth-visual{color:#fff;background:linear-gradient(145deg,#063a7c 0%,#0866cc 58%,#1399e8 100%);flex-direction:column;padding:48px 64px;display:flex;position:relative;overflow:hidden}.auth-visual .brand{z-index:3;color:#fff;position:relative}.auth-visual .brand-lockup{filter:brightness(0)invert();opacity:.98}.auth-visual .brand strong{color:#fff}.auth-visual .brand small{color:#ffffffa6}.auth-visual .brand-rule{background:#ffffff59}.auth-copy{z-index:3;max-width:650px;margin:auto 0;position:relative}.eyebrow{letter-spacing:.06em;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow.light{color:#fff;background:#ffffff21;border:1px solid #ffffff40}.auth-copy h1{letter-spacing:-.065em;margin:26px 0 18px;font-size:clamp(60px,6vw,92px);line-height:1.02}.auth-copy p{color:#ffffffc7;max-width:560px;margin:0;font-size:18px;line-height:1.9}.auth-foot{z-index:3;color:#ffffff7a;letter-spacing:.1em;margin:0;font-size:13px;position:relative}.orb{border:1px solid #ffffff1c;border-radius:50%;position:absolute}.orb-a{width:570px;height:570px;top:-120px;right:-230px;box-shadow:inset 0 0 80px #ffffff0f}.orb-b{width:380px;height:380px;bottom:-160px;left:-150px}.wave-grid{opacity:.14;transform-origin:bottom;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;transform:perspective(520px)rotateX(62deg)scale(1.6);-webkit-mask-image:linear-gradient(#0000 35%,#000);mask-image:linear-gradient(#0000 35%,#000)}.auth-form-wrap{place-items:center;padding:56px 11%;display:grid;position:relative}.auth-form{width:100%;max-width:500px}.mobile-brand{display:none}.overline{color:var(--blue);letter-spacing:.16em;margin:0 0 12px;font-size:12px;font-weight:800}.auth-form h2{letter-spacing:-.04em;margin:0;font-size:40px}.muted{color:var(--muted);line-height:1.7}.role-switch{background:#f1f4f8;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px;margin:32px 0 26px;padding:5px;display:grid}.role-switch button{color:#718096;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.role-switch button.active{color:var(--blue);background:#fff;box-shadow:0 3px 14px #224c7c1a}.form-grid{gap:18px;margin-top:26px;display:grid}.split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-label{color:#344157;gap:8px;font-size:14px;font-weight:700;display:grid}.input-wrap{background:#fff;border:1px solid #dfe6ef;border-radius:10px;align-items:center;gap:10px;min-height:50px;padding:0 15px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:#2588ee;box-shadow:0 0 0 4px #197ee61a}.input-wrap svg{color:#96a3b7}.input-wrap input{color:#172033;background:0 0;border:0;outline:0;flex:1;min-width:0}.input-wrap input::placeholder{color:#a8b2c1}.form-meta{color:#6e7b90;justify-content:space-between;font-size:13px;display:flex}.form-meta label{align-items:center;gap:8px;display:flex}.form-meta input{accent-color:var(--blue)}.form-meta button,.auth-link button{color:var(--blue);background:0 0;border:0;font-weight:700}.auth-link{text-align:center;color:#7d899a;font-size:14px}.copyright{color:#a3adba;font-size:12px;position:absolute;bottom:25px}.form-error{color:#c7363d;background:#fff0f1;border-radius:8px;align-items:center;gap:8px;padding:11px 13px;font-size:13px;display:flex}.reset-request-notice{color:#1768ba;background:#edf6ff;border-radius:8px;align-items:center;gap:8px;margin:12px 0;padding:11px 13px;font-size:13px;font-weight:700;display:flex}.reset-request-notice svg{width:17px;height:17px}.app-loading{color:#617087;background:#f5f8fc;align-content:center;place-items:center;gap:16px;min-height:100vh;display:grid}.loader{border:4px solid #dbe9f8;border-top-color:var(--blue);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.primary,.secondary,.danger,.danger-outline{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:700;transition:all .2s;display:inline-flex}.primary{border:1px solid var(--blue);color:#fff;background:linear-gradient(135deg,#0872e8,#075fc9);box-shadow:0 6px 15px #0868dc33}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0868dc40}.secondary{color:#34506f;background:#fff;border:1px solid #ced9e8}.danger{color:#fff;background:linear-gradient(135deg,#f34a4f,#e3282e);border:1px solid #ef3e42}.danger-outline{color:#d9363e;background:#fff;border:1px solid #f1a1a1}.big{min-height:52px;font-size:16px}.full{width:100%}.small{min-height:36px;padding:0 12px}.student-app{background:#f5f8fc;min-height:100vh}.student-header{z-index:30;border-bottom:1px solid var(--line);background:#fffffff7;align-items:stretch;height:92px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 3px 14px #2046700a}.student-header .brand{min-width:430px}.student-header nav{flex:1;align-items:stretch;gap:12px;display:flex}.student-header nav button{color:#5f6d82;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:flex;position:relative}.student-header nav button svg{font-size:19px}.student-header nav button.active{color:var(--blue)}.student-header nav button.active:after{content:"";background:var(--blue);border-radius:4px 4px 0 0;height:3px;position:absolute;bottom:0;left:10px;right:10px}.header-user{align-items:center;gap:10px;display:flex}.header-user>span{background:var(--line);width:1px;height:32px;margin:0 8px}.header-user b,.header-user small{white-space:nowrap;display:block}.header-user b{font-size:13px}.header-user small{color:#96a1b1;margin-top:4px;font-size:11px}.icon-button{color:#506077;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-button:hover,.icon-button.active{color:var(--blue);background:#edf5ff}.icon-button i{color:#fff;background:#f23e43;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-style:normal;display:grid;position:absolute;top:1px;right:0}.notification-wrap{position:relative}.notification-popover{z-index:80;background:#fff;border:1px solid #e2e8f1;border-radius:12px;width:330px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 18px 50px #1f3a5d2e}.notification-popover header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.notification-popover header button{color:#7e8999;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.notification-item{color:#344157;text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f3f7;grid-template-columns:9px 1fr;align-items:start;gap:9px;width:100%;padding:13px 16px;display:grid}.notification-item:hover{background:#f7faff}.notification-item>span{border-radius:50%;width:7px;height:7px;margin-top:5px}.notification-item .unread-dot{background:var(--blue);box-shadow:0 0 0 3px #e5f1ff}.notification-item b,.notification-item small{display:block}.notification-item b{font-size:12px}.notification-item small{color:#98a3b2;margin-top:5px;font-size:10px}.notification-reset-item{color:#344157;background:#fff;border-bottom:1px solid #f0f3f7;grid-template-columns:9px 1fr;align-items:start;gap:9px;padding:14px 16px;display:grid}.notification-reset-item>span{background:var(--blue);border-radius:50%;width:7px;height:7px;margin-top:5px;box-shadow:0 0 0 3px #e5f1ff}.notification-reset-item b,.notification-reset-item small{display:block}.notification-reset-item b{font-size:13px}.notification-reset-item small{color:#8793a5;margin:5px 0 10px;font-size:10px;line-height:1.5}.notification-reset-item button{width:100%}.notification-empty{color:#8b97a8;place-items:center;gap:8px;padding:28px 16px;font-size:12px;display:grid}.notification-empty svg{color:#28ad78}.notification-notice{color:#12845e;background:#eefaf5;padding:10px 16px;font-size:12px;font-weight:700}.notification-popover footer{background:#fafbfd;padding:10px 16px}.notification-popover footer button{width:100%;color:var(--blue);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.avatar,.mini-avatar{color:#0a5cc0;background:linear-gradient(145deg,#e1efff,#b9d8ff);border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:42px;height:42px}.avatar.admin{color:#583e1e;background:linear-gradient(145deg,#fff0d8,#f7c67d)}.student-main{max-width:1540px;margin:auto;padding:22px 28px 50px}.admin-app{background:#f5f8fc;grid-template-columns:232px 1fr;min-height:100vh;display:grid}.admin-drawer-backdrop{display:none}.admin-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.side-title{text-align:center;color:#35445a;margin:4px 0 22px;font-size:13px;font-weight:700}.admin-sidebar nav{gap:6px;display:grid}.admin-sidebar nav button{color:#536177;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px 1fr 16px;align-items:center;gap:10px;min-height:44px;padding:0 14px;font-weight:700;display:grid}.admin-sidebar nav button svg:first-child{font-size:19px}.admin-sidebar nav button svg:last-child{opacity:.55;font-size:14px}.admin-sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#0874e6,#0762ce);box-shadow:0 7px 18px #0868dc3b}.side-slogan{color:#0a65ca;background:#f7fbff;border:1px solid #d8e5f5;border-radius:9px;align-items:center;gap:9px;margin-top:auto;padding:13px;display:flex}.side-slogan svg{font-size:28px}.side-slogan b,.side-slogan span{font-size:11px;display:block}.side-slogan span{color:#6882a3;margin-top:3px}.side-logout{color:#7b8799;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:40px;margin-top:10px;display:flex}.admin-content{min-width:0}.admin-topbar{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;height:68px;padding:0 26px;display:flex;position:sticky;top:0}.admin-topbar>div{align-items:center;display:flex}.breadcrumb{color:#7a8799;margin-left:10px;font-size:13px}.admin-main{padding:24px 26px 44px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.page-title h1{letter-spacing:-.02em;margin:0;font-size:28px}.page-title p{color:var(--muted);margin:7px 0 0;font-size:13px}.page-actions,.inline-actions{align-items:center;gap:10px;display:flex}.stats{gap:12px;margin-bottom:16px;display:grid}.stats.four{grid-template-columns:repeat(4,1fr)}.stats.six{grid-template-columns:repeat(6,1fr)}.stat-card{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #e9edf3;border-radius:12px;align-items:center;gap:13px;padding:20px;display:flex}.stat-icon{border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.stat-icon.blue{color:#1473ea;background:#e9f2ff}.stat-icon.green{color:#12a96d;background:#e4f8ef}.stat-icon.orange{color:#f39a16;background:#fff3dd}.stat-icon.red{color:#ef4e57;background:#ffebed}.stat-icon.purple{color:#8153df;background:#f0eaff}.stat-icon.teal{color:#0ba99e;background:#e1f7f4}.stat-card>div:last-child{min-width:0}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#66758a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stat-card strong{margin:4px 0;font-size:24px}.stat-card small{color:#1cad69;white-space:nowrap;font-size:10px}.panel{min-width:0;box-shadow:var(--shadow);background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.panel-head h3,.panel>h3{margin:0;font-size:16px}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.text-button svg{font-size:14px}.plain-select,.filter{color:#637086;background:#fff;border:1px solid #dfe6ef;border-radius:7px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:12px;display:inline-flex}.welcome-banner{min-height:176px;box-shadow:var(--shadow);background:linear-gradient(105deg,#e6f1ff 0%,#f8fbff 62%,#eaf4ff 100%);border:1px solid #dceaff;border-radius:14px;align-items:center;padding:28px 34px;display:flex;position:relative;overflow:hidden}.student-avatar{color:#0a61cb;background:linear-gradient(145deg,#c8e2ff,#7db5f4);border:5px solid #fff;border-radius:50%;flex:0 0 92px;place-items:center;width:92px;height:92px;margin-right:28px;font-size:32px;font-weight:900;display:grid;box-shadow:0 8px 25px #1c68be29}.welcome-banner span{color:#718096;font-size:13px}.welcome-banner h1{margin:3px 0 11px;font-size:30px}.welcome-banner p{color:#4a5a70;margin:0}.welcome-banner p b{color:#e68a00;background:#fff3dc;border-radius:6px;padding:5px 10px}.welcome-banner p strong{color:#13a65f}.welcome-actions{z-index:2;gap:14px;margin-left:auto;display:flex}.welcome-art{color:#7db8ff;opacity:.22;align-items:center;gap:0;font-size:100px;display:flex;position:absolute;right:300px;transform:rotate(-8deg)}.student-main>.stats{margin-top:16px}.student-grid{grid-template-columns:1.2fr .8fr .85fr;gap:16px;display:grid}.span-2{grid-column:span 2}.module-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.module{border:1px solid #e5eaf1;border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.module-icon{border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.module-icon.blue{color:#1674eb;background:#e9f2ff}.module-icon.green{color:#12a96d;background:#e5f8f0}.module-icon.purple{color:#8658e6;background:#f0eaff}.module-icon.orange{color:#ee9513;background:#fff1dc}.module>div:last-child{flex:1;min-width:0}.module b,.module span,.module small{display:block}.module span,.module small{color:#8994a5;margin-top:5px;font-size:10px}.progress{background:#e9edf3;border-radius:6px;width:100%;height:4px;margin-top:9px}.progress i{border-radius:inherit;background:var(--blue);height:100%;display:block}.rule-list{gap:0;display:grid}.rule-list>div{color:#5f6d80;border-bottom:1px solid #edf0f4;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:43px;font-size:12px;display:grid}.rule-list>div:last-child{border:0}.rule-list svg{color:var(--blue)}.rule-list b{color:#344157}.check-list{gap:15px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:#526074;align-items:center;gap:9px;font-size:12px;display:flex}.check-list svg{color:#fff;background:#1979e8;border-radius:50%;flex:0 0 18px;padding:3px}.rank-list,.error-list,.knowledge-list{margin:0;padding:0;list-style:none}.rank-list li,.error-list li{border-bottom:1px solid #edf0f4;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;min-height:42px;font-size:11px;display:grid}.rank-list li:last-child,.error-list li:last-child{border:0}.rank-list b,.error-list b{color:#fff;background:#4b82c4;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.rank-list em,.error-list em{color:#f04349;font-style:normal}.practice-layout{grid-template-columns:260px 1fr;align-items:start;gap:16px;display:grid}.category-panel{gap:7px;display:grid}.category-panel h3{margin:0 0 10px}.category-panel button{color:#617087;text-align:left;background:#f7f9fc;border:0;border-radius:7px;justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;display:flex}.category-panel button.active{color:var(--blue);background:#eaf3ff;font-weight:700}.question-meta{color:#7c889a;align-items:center;gap:12px;font-size:13px;display:flex}.question-favorite{margin-left:auto}.tag{color:#0870e7;background:#eaf3ff;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.question-title{margin:24px 0;font-size:24px;line-height:1.5}.options{gap:12px;display:grid}.options button{color:#344157;text-align:left;background:#fff;border:1px solid #dfe5ed;border-radius:9px;grid-template-columns:36px 1fr 24px;align-items:center;gap:14px;min-height:60px;padding:10px 16px;display:grid}.options button b{border:1px solid #cbd5e2;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.options button.selected{color:#0870e4;background:#f0f7ff;border-color:#1172e5;box-shadow:inset 0 0 0 1px #1172e5}.options button.selected b,.options button.selected>svg{color:#fff;background:#1172e5;border-color:#1172e5}.options button.selected>svg{border-radius:50%;padding:4px}.question-images{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0 20px;display:grid}.question-images img{-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e5ebf3;border-radius:10px;width:100%;max-height:420px;display:block}.question-images.analysis-images{grid-template-columns:repeat(auto-fit,minmax(180px,320px));margin:12px 0 0}.multiple-hint{color:#677991;margin:10px 0 0;font-size:12px}.answer-box{color:#315f46;background:#edfaf3;border:1px solid #bdebd2;border-radius:10px;margin-top:16px;padding:17px 20px;font-size:13px;line-height:1.75}.answer-box .answer-result{color:#0f995b;align-items:center;gap:9px;font-weight:800;display:flex}.answer-box .answer-result svg{flex:0 0 19px}.answer-box.wrong{color:#7f2730;background:#fff0f1;border-color:#f8b9be}.answer-box.wrong .answer-result{color:#d92d3a}.answer-analysis{border-top:1px solid #0f995b33;margin-top:14px;padding-top:13px;display:block}.answer-box.wrong .answer-analysis{border-top-color:#d92d3a38}.answer-analysis>b{color:inherit;margin-bottom:5px;font-size:13px;display:block}.answer-analysis p{color:#405169;white-space:pre-line;margin:0;font-weight:400}.answer-box.wrong .answer-analysis p{color:#5f3640}.question-actions{justify-content:space-between;margin-top:20px;display:flex}.filter-row{gap:9px;margin-bottom:16px;display:flex}.filter-row button{color:#637087;background:#fff;border:1px solid #dfe6ef;border-radius:8px;padding:9px 16px}.filter-row button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.wrong-list{gap:12px;display:grid}.empty-state{color:#7c899b;text-align:center;align-content:center;place-items:center;gap:16px;min-height:260px;display:grid}.empty-state.compact{gap:7px;min-height:126px}.empty-state.compact>svg{color:var(--blue);background:#eaf3ff;border-radius:50%;padding:8px;font-size:36px}.empty-state.compact b{color:#4f5d72;font-size:13px}.empty-state.compact span{font-size:11px}.wrong-list h3{margin:17px 0}.wrong-actions{justify-content:flex-end;gap:10px;display:flex}.wrong-practice-modal{width:min(860px,100%)}.retry-question-title{color:#25344a;margin:18px 0;font-size:20px;line-height:1.55}.wrong-practice-modal>footer{margin-top:18px}.rules-layout{grid-template-columns:1fr 1fr;gap:18px;max-width:1180px;margin:0 auto;display:grid}.rules-hero{text-align:center;background:linear-gradient(150deg,#f2f7ff,#fff);place-items:center;padding:46px 40px;display:grid}.rules-icon{color:#fff;background:linear-gradient(145deg,#1a84ef,#075ec7);border-radius:50%;place-items:center;width:92px;height:92px;font-size:46px;display:grid;box-shadow:0 15px 35px #0f6cd940}.rules-hero h2{margin:25px 0 8px}.rules-hero p{color:#7c8799;max-width:520px;line-height:1.8}.rules-stats{border-top:1px solid #e1e8f1;grid-template-columns:repeat(4,1fr);width:100%;margin-top:30px;display:grid}.rules-stats div{border-right:1px solid #e1e8f1;padding-top:22px}.rules-stats div:last-child{border:0}.rules-stats b,.rules-stats span{display:block}.rules-stats b{color:#0b65cf;font-size:25px}.rules-stats span{color:#8a95a6;margin-top:4px;font-size:11px}.notice-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.notice-list li{color:#536176;align-items:center;gap:13px;line-height:1.6;display:flex}.notice-list b{width:36px;height:36px;color:var(--blue);background:#eaf3ff;border-radius:50%;flex:0 0 36px;place-items:center;display:grid}.agree{color:#56647a;align-items:center;gap:8px;margin:28px 0 16px;font-size:13px;display:flex}.agree input{accent-color:var(--blue)}.desktop-exam{max-width:1450px;margin:auto}.exam-top{box-shadow:var(--shadow);background:#fff;border:1px solid #e0e7f0;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:16px;padding:16px 22px;display:grid}.exam-top>div{align-items:center;gap:13px;display:flex}.exam-top>div:last-child{color:#6d7a8d;justify-content:flex-end;font-size:12px}.exam-top>div:last-child b{color:#172033;font-size:18px}.exam-timer{color:#fff;background:#0a65d3;border-radius:9px;padding:7px 18px}.exam-timer b{letter-spacing:.05em;font-size:22px}.exam-layout{grid-template-columns:1fr 330px;align-items:start;gap:16px;display:grid}.exam-layout aside{gap:14px;display:grid}.legend{color:#7c8799;gap:15px;margin:0 0 14px;font-size:11px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{background:#f4f6f9;border:1px solid #dce3ed;border-radius:3px;width:10px;height:10px}.legend i.answered{background:#1975e5;border-color:#1975e5}.legend i.current{background:#e8f8ef;border-color:#1aae6b}.answer-sheet{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.answer-sheet button{aspect-ratio:1;color:#4f5d72;background:#f5f7fa;border:1px solid #e0e6ef;border-radius:7px}.answer-sheet button.answered{color:#fff;background:#1975e5;border-color:#1975e5}.answer-sheet button.current{color:#12965e;background:#edfaf3;border-color:#16ac6a}.exam-notice{color:#0c61c7;background:#eef6ff;align-items:center;gap:13px;display:flex}.exam-notice>svg{font-size:36px}.exam-notice b{display:block}.exam-notice p{color:#71839a;margin:4px 0 0;font-size:11px}.score-summary,.question-stats{box-shadow:var(--shadow);background:#fff;border:1px solid #e6ebf2;border-radius:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px;display:grid}.question-stats{grid-template-columns:repeat(5,1fr)}.question-bank-tabs{gap:10px;margin-bottom:16px;display:flex}.question-bank-tabs button{color:#5c6b80;background:#fff;border:1px solid #dfe6ef;border-radius:10px;align-items:center;gap:9px;min-width:190px;padding:13px 16px;font-weight:700;display:flex}.question-bank-tabs button svg{color:#7c8ca1}.question-bank-tabs button b{color:#68788d;background:#eef2f7;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.question-bank-tabs button.active{color:#0868dc;background:#edf6ff;border-color:#8dbcf1;box-shadow:inset 0 0 0 1px #0868dc14}.question-bank-tabs button.active svg{color:#0868dc}.question-bank-tabs button.active b{color:#fff;background:#0868dc}.score-summary>div,.question-stats>div{border-right:1px solid #e8edf3;justify-content:center;align-items:center;gap:12px;min-height:96px;display:flex}.score-summary>div:last-child,.question-stats>div:last-child{border:0}.score-summary span,.question-stats span{color:#748196;font-size:12px}.score-summary b,.question-stats b{font-size:26px}.score-summary small{font-size:12px}.green-text{color:#16a567}.exam-overview-modal{width:min(790px,100%)}.overview-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.overview-metrics>div{color:#506076;text-align:center;background:#f4f7fa;border-radius:9px;gap:5px;padding:13px;display:grid}.overview-metrics span{font-size:11px}.overview-metrics b{font-size:23px}.overview-metrics .correct{color:#138354;background:#eaf8f1}.overview-metrics .wrong{color:#cf3340;background:#fff0f1}.overview-metrics .unanswered{color:#7a8493;background:#f0f2f5}.overview-legend{color:#657489;gap:18px;margin-bottom:12px;font-size:11px;display:flex}.overview-legend span{align-items:center;gap:6px;display:flex}.overview-legend i{background:#abb4c0;border-radius:50%;width:9px;height:9px}.overview-legend i.correct{background:#20aa6b}.overview-legend i.wrong{background:#ec4653}.answer-overview-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.answer-overview-grid>div{background:#f6f8fa;border:1px solid #dfe5ed;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;min-height:58px;padding:10px 11px;display:grid;position:relative}.answer-overview-grid b{grid-row:span 2;font-size:19px}.answer-overview-grid span{font-size:11px}.answer-overview-grid svg{width:16px;height:16px}.answer-overview-grid .correct{color:#118052;background:#ebf9f2;border-color:#b6e4cc}.answer-overview-grid .wrong{color:#d12e3c;background:#fff0f1;border-color:#f4b9bf}.answer-overview-grid .unanswered{color:#7d8795;background:#f2f4f6;border-color:#dfe4ea}.overview-privacy-note{color:#3f678d;background:#eef6ff;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:11px 13px;font-size:11px;display:flex}.profile-layout,.settings-layout{grid-template-columns:320px 1fr;gap:16px;display:grid}.profile-card{place-items:center;padding:30px;display:grid}.profile-card .student-avatar{margin:0}.profile-card h2{margin:18px 0 4px}.profile-card>span{color:#8390a3;margin-bottom:14px}.profile-form,.export-form{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.bound-mentor-note{color:#416487;background:#eef6ff;border-radius:8px;margin:-2px 0 18px;padding:11px 13px;font-size:12px}.dashboard-grid{grid-template-columns:1.35fr .85fr;gap:14px;display:grid}.line-chart svg{width:100%;height:230px}.line-chart text{fill:#637086;font-size:12px}.chart-labels{color:#8591a2;justify-content:space-between;padding:0 3%;font-size:11px;display:flex}.donut-wrap{justify-content:center;align-items:center;gap:28px;min-height:240px;display:flex}.donut{background:conic-gradient(#267ced 0 25.6%,#22b7c5 25.6% 54.3%,#59bd98 54.3% 71.4%,#f7b742 71.4% 83.7%,#c5cbea 83.7%);border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:104px;height:104px}.donut>div{z-index:1;text-align:center;grid-area:1/1}.donut b,.donut span{display:block}.donut b{font-size:24px}.donut span{color:#8a95a5;margin-top:5px;font-size:10px}.donut-wrap ul{color:#637087;gap:12px;min-width:150px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.donut-wrap li{grid-template-columns:12px 1fr auto;align-items:center;gap:6px;display:grid}.donut-wrap li i{border-radius:50%;width:7px;height:7px}.donut-wrap .d1{background:#267ced}.donut-wrap .d2{background:#22b7c5}.donut-wrap .d3{background:#59bd98}.donut-wrap .d4{background:#f7b742}.donut-wrap .d5{background:#c5cbea}.toolbar{gap:9px;margin-bottom:16px;display:flex}.filter-select{color:#637086;background:#fff;border:1px solid #dfe6ef;border-radius:7px;outline:0;min-height:36px;padding:0 34px 0 12px;font-size:12px}.filter-select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0868dc17}.secondary.active-filter{color:var(--blue);background:#edf6ff;border-color:#9bc5f4}.file-button{cursor:pointer}.file-button input{display:none}.search-box{color:#9aa5b4;background:#fff;border:1px solid #dfe6ef;border-radius:7px;align-items:center;gap:8px;min-width:260px;min-height:36px;padding:0 12px;display:flex}.search-box input{border:0;outline:0;flex:1;min-width:0;font-size:12px}.search-box svg{font-size:15px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#6d798c;text-align:left;white-space:nowrap;background:#f7f9fc;padding:11px 12px;font-weight:700}td{color:#4d5a6e;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:12px}td small{color:#9aa4b3;margin-top:4px;display:block}.status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.status.success{color:#12945b;background:#e7f8ef}.status.danger{color:#ef4048;background:#ffebed}.status.warning{color:#e18a08;background:#fff3dc}.status.info{color:#0870e1;background:#eaf3ff}.status.purple{color:#7c50d3;background:#f0eaff}.status.muted{color:#7d8795;background:#edf0f4}.table-person{align-items:center;gap:8px;display:flex}.mini-avatar{width:30px;height:30px}.row-actions{gap:5px;display:flex}.row-actions button{color:#58708d;background:#fff;border:1px solid #e0e6ef;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.row-actions button svg{font-size:13px}.row-actions button.danger-icon{color:#e33e45}.stem-cell{white-space:nowrap;text-overflow:ellipsis;max-width:310px;display:block;overflow:hidden}.pagination{color:#7b8798;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;display:flex}.pagination>div{align-items:center;gap:5px;display:flex}.pagination>div button{color:#667489;background:#fff;border:1px solid #e1e7ef;border-radius:6px;place-items:center;min-width:29px;height:29px;display:grid}.pagination>div button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.pagination .page-item{align-items:center;gap:5px;display:inline-flex}.pagination .page-item i{color:#929dac;font-style:normal}.pagination .page-size{min-height:34px}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11203373;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.edit-modal{background:#fff;border-radius:14px;width:min(720px,100%);max-height:calc(100vh - 48px);padding:24px;overflow-y:auto;box-shadow:0 28px 80px #10243d4d}.edit-modal>header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.edit-modal h2{margin:0;font-size:22px}.edit-modal header p{color:#8793a5;margin:6px 0 0;font-size:12px}.edit-modal header button{color:#6f7d90;background:#f3f6fa;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.edit-modal>footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.password-reset-modal{width:min(760px,100%)}.password-reset-modal .form-error{margin:16px 0 0}.reset-success{text-align:center;place-items:center;padding:28px 10px 10px;display:grid}.reset-success>svg{color:#fff;background:#18a66a;border-radius:50%;width:54px;height:54px;padding:13px}.reset-success h3{margin:18px 0 6px;font-size:22px}.reset-success p{color:#7a8798;margin:0 0 22px}.config-layout{grid-template-columns:1fr 1fr 360px;align-items:start;gap:16px;display:grid}.config-form{gap:4px;display:grid}.config-input{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:75px;display:flex}.config-input:last-child{border:0}.config-input b,.config-input small{display:block}.config-input small{color:#8d98a8;margin-top:5px}.config-input>div{align-items:center;display:flex}.config-input input{text-align:center;border:1px solid #dce4ee;border-radius:7px;outline:0;width:74px;height:38px}.config-input em{color:#647187;margin-left:9px;font-style:normal}.toggle-row{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:75px;display:flex;position:relative}.toggle-row:last-child{border:0}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:#8d98a8;margin-top:5px}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:#cbd4e0;border-radius:20px;width:42px;height:23px;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{background:#1674e5}.toggle-row input:checked+i:after{left:22px}.rule-alert{color:#b56b00;background:#fff5df;border-radius:8px;gap:9px;margin:17px 0;padding:12px;font-size:11px;line-height:1.5;display:flex}.stats.compact .stat-card{padding:16px}.analytics-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.big-metric{text-align:center;place-items:center;min-height:170px;display:grid}.big-metric b{color:#0c69d5;font-size:42px}.big-metric span{color:#69768a;margin-top:9px}.big-metric em{color:#16965e;background:#e8f8ef;border-radius:20px;margin-top:15px;padding:5px 10px;font-size:11px;font-style:normal}.bars{gap:14px;display:grid}.bars>div{color:#647187;grid-template-columns:90px 1fr 60px;align-items:center;gap:10px;font-size:11px;display:grid}.bars>div>div{background:#eef1f5;border-radius:8px;height:13px;overflow:hidden}.bars i{border-radius:inherit;background:#277ceb;height:100%;display:block}.bars .bar-1{background:#22b7c5}.bars .bar-2{background:#59bd98}.bars .bar-3{background:#f7b742}.bars .bar-4{background:#c5cbea}.knowledge-list li{border-bottom:1px solid #edf0f4;grid-template-columns:25px 150px 1fr 52px;align-items:center;gap:9px;min-height:48px;font-size:11px;display:grid}.knowledge-list li b{color:#fff;background:#4b82c4;border-radius:5px;place-items:center;width:20px;height:20px;display:grid}.knowledge-list li>div{background:#edf1f5;border-radius:10px;height:8px}.knowledge-list li i{border-radius:inherit;background:linear-gradient(90deg,#1b7be8,#52b8ec);height:100%;display:block}.knowledge-list li em{color:#ef4148;text-align:right;font-style:normal}.export-layout{grid-template-columns:.8fr 1.2fr;gap:16px;display:grid}.export-form{grid-template-columns:1fr}.export-note{color:#246c9c;background:#edf7ff;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.settings-layout{grid-template-columns:1.3fr .7fr}.security-card{background:#f5f9ff;border-radius:9px;align-items:center;gap:14px;margin-bottom:20px;padding:18px;display:flex}.security-card svg{color:var(--blue);font-size:34px}.security-card b,.security-card span{display:block}.security-card span{color:#8390a2;margin-top:5px;font-size:11px}.settings-layout .secondary,.settings-layout .danger-outline{width:100%;margin-top:10px}.mentor-code-panel{grid-column:1/-1}.mentor-code-intro{color:#315d87;background:#eef6ff;border-radius:9px;align-items:center;gap:13px;margin-bottom:18px;padding:15px;display:flex}.mentor-code-intro>svg{color:var(--blue);flex:0 0 27px}.mentor-code-intro b,.mentor-code-intro span{display:block}.mentor-code-intro span{color:#71859a;margin-top:4px;font-size:11px}.mentor-code-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-bottom:18px;display:grid}.mentor-code-form .primary{min-height:40px}.generated-code-result{color:#176d48;background:#edfaf4;border:1px solid #a9dfc4;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin:-3px 0 16px;padding:14px 16px;display:flex}.generated-code-result span,.generated-code-result strong{display:block}.generated-code-result span{margin-bottom:4px;font-size:11px}.generated-code-result strong{color:#0d5838;letter-spacing:.08em;font-family:Consolas,monospace;font-size:19px}.generated-code-result .secondary{width:auto;margin:0}.settings-notice{color:#b42c39;background:#fff0f1;border-radius:7px;margin:-4px 0 15px;padding:10px 12px;font-size:12px}.settings-notice.success{color:#138554;background:#eaf8f1}@media (width<=1280px){body{min-width:1024px}.student-header .brand{min-width:360px}.student-header nav{gap:2px}.student-header nav button{padding:0 8px;font-size:12px}.stats.six{grid-template-columns:repeat(3,1fr)}.student-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.config-layout{grid-template-columns:1fr 1fr}.config-preview{grid-column:span 2}}@media (width<=1024px){body{min-width:0;overflow-x:hidden}.auth-page{min-height:100svh;display:block}.auth-visual{display:none}.auth-form-wrap{min-height:100svh;padding:24px 16px}.auth-form{width:min(100%,520px);padding:30px 26px}.mobile-brand{margin-bottom:22px;display:block}.mobile-brand .brand{justify-content:center;min-width:0}.mobile-brand .brand-lockup{width:180px}.student-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;height:auto;padding:9px 14px 0;display:grid}.student-header .brand{min-width:0}.student-header .brand-lockup{width:128px}.student-header .brand-rule,.student-header .brand>div{display:none}.student-header nav{overscroll-behavior-x:contain;scrollbar-width:none;order:3;grid-column:1/-1;height:62px;margin:7px -14px 0;padding:0 8px;overflow-x:auto}.student-header nav::-webkit-scrollbar{display:none}.student-header nav button{flex-direction:column;flex:none;justify-content:center;gap:3px;min-width:70px;padding:0 9px;font-size:10px}.student-header nav button svg{font-size:18px}.student-header .header-user{justify-self:end;gap:2px}.student-header .header-user>span,.student-header .avatar,.student-header .avatar+div{display:none}.notification-popover{width:min(330px,100vw - 24px);right:-44px}.student-main{padding:16px 14px 38px}.admin-app{display:block}.admin-sidebar{z-index:70;width:min(290px,82vw);height:100svh;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 45px #12284438}.drawer-open .admin-sidebar{transform:translate(0)}.admin-drawer-backdrop{z-index:60;opacity:0;pointer-events:none;background:#0e1e326b;border:0;transition:opacity .22s;display:block;position:fixed;inset:0}.drawer-open .admin-drawer-backdrop{opacity:1;pointer-events:auto}.admin-topbar{height:60px;padding:0 14px}.admin-main{padding:18px 14px 38px}.stats.four,.stats.six{grid-template-columns:repeat(2,minmax(0,1fr))}.student-grid,.dashboard-grid,.rules-layout,.practice-layout,.profile-layout,.settings-layout,.config-layout,.analytics-grid,.export-layout{grid-template-columns:minmax(0,1fr)}.span-2,.config-preview,.mentor-code-panel{grid-column:auto}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{display:none}.welcome-actions{margin-left:20px}.rules-hero{padding:32px 22px}.exam-layout{grid-template-columns:minmax(0,1fr)}.exam-layout aside{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.question-bank-tabs{padding-bottom:3px;overflow-x:auto}.toolbar{flex-wrap:wrap}.search-box{flex:260px}.mentor-code-form{grid-template-columns:1fr 1fr}.mentor-code-form .primary{grid-column:1/-1}.settings-layout{grid-template-columns:1fr 1fr}.settings-layout .mentor-code-panel{grid-column:1/-1}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid .span-2{grid-column:span 2}}@media (width<=640px){.auth-form-wrap{align-items:flex-start;padding:14px}.auth-form{border-radius:14px;margin:0;padding:24px 18px}.auth-form h2{font-size:24px}.split,.profile-form,.export-form{grid-template-columns:minmax(0,1fr);gap:14px}.student-header .brand-lockup{width:112px}.student-header .icon-button{width:36px;height:36px}.student-main{padding-inline:12px}.panel{border-radius:10px;padding:16px}.page-title{margin-bottom:16px;display:block}.page-title h1{font-size:24px}.page-title p{line-height:1.65}.page-actions{margin-top:13px}.page-actions>button,.page-actions>.primary,.page-actions>.secondary{width:100%}.welcome-banner{grid-template-columns:58px minmax(0,1fr);min-height:0;padding:20px 16px;display:grid}.student-avatar{border-width:3px;width:52px;height:52px;margin:0;font-size:20px}.welcome-banner h1{font-size:24px}.welcome-banner p{font-size:12px;line-height:1.8}.welcome-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 0;display:grid}.welcome-actions button{padding-inline:10px}.stats.four,.stats.six{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{gap:9px;padding:13px 11px}.stat-icon{flex-basis:40px;width:40px;height:40px;font-size:19px}.stat-card strong{font-size:20px}.stat-card small{text-overflow:ellipsis;overflow:hidden}.student-grid,.module-grid,.settings-layout,.analytics-grid{grid-template-columns:minmax(0,1fr)}.analytics-grid .span-2,.settings-layout .mentor-code-panel{grid-column:auto}.practice-layout{gap:12px}.category-panel{align-items:stretch;gap:7px;padding-bottom:18px;display:grid;overflow:visible}.category-panel h3{margin:0 0 10px}.category-panel button{white-space:normal;gap:10px;width:100%;min-height:43px}.question-title,.retry-question-title{margin:18px 0;font-size:19px}.question-meta{flex-wrap:wrap;gap:7px;font-size:11px}.question-favorite{margin-left:0}.options button{grid-template-columns:32px minmax(0,1fr) 20px;gap:9px;min-height:54px;padding:10px 11px}.options button b{width:30px;height:30px}.question-images,.question-images.analysis-images{grid-template-columns:minmax(0,1fr)}.question-actions,.wrong-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.filter-row{padding-bottom:4px;overflow-x:auto}.filter-row button{white-space:nowrap;flex:none}.rules-icon{width:72px;height:72px;font-size:35px}.rules-hero h2{font-size:21px}.rules-stats{grid-template-columns:1fr 1fr}.rules-stats div:nth-child(2){border-right:0}.rules-stats div:nth-child(-n+2){border-bottom:1px solid #e1e8f1;padding-bottom:16px}.notice-list{gap:13px}.exam-top{grid-template-columns:1fr auto;gap:10px;padding:13px}.exam-top>div:first-child{min-width:0}.exam-top>div:first-child b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.exam-top>div:last-child{grid-column:1/-1;justify-content:space-between}.exam-timer{padding:6px 10px}.exam-timer b{font-size:18px}.exam-layout aside{grid-template-columns:minmax(0,1fr)}.answer-sheet{grid-template-columns:repeat(5,1fr)}.score-summary,.question-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.score-summary>div,.question-stats>div{border-bottom:1px solid #e8edf3;min-height:76px}.score-summary>div:nth-child(2n),.question-stats>div:nth-child(2n){border-right:0}.overview-metrics,.answer-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-topbar .breadcrumb{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.admin-topbar .header-user>span,.admin-topbar .header-user>.avatar+div,.admin-topbar .header-user>svg{display:none}.admin-topbar .notification-popover{right:-46px}.admin-main{padding-inline:12px}.toolbar>*,.toolbar .search-box,.toolbar .filter-select{flex:100%;width:100%;min-width:0}.question-bank-tabs button{min-width:170px}.table-wrap{margin-inline:-4px;padding-bottom:6px}.table-wrap table{min-width:680px}.pagination{flex-wrap:wrap;gap:12px}.pagination>span{flex:100%}.pagination>div{max-width:100%;overflow-x:auto}.pagination .page-size{margin-left:auto}.inline-actions{flex-wrap:wrap}.modal-backdrop{align-items:end;padding:0}.edit-modal{border-radius:16px 16px 0 0;width:100%;max-height:92svh;padding:20px 16px}.edit-modal h2{font-size:19px}.edit-modal>footer{grid-template-columns:1fr 1fr;display:grid}.edit-modal>footer button:only-child{grid-column:1/-1}.donut-wrap{flex-direction:column}.bars>div{grid-template-columns:68px 1fr 48px}.knowledge-list li{grid-template-columns:24px 92px 1fr 44px}.generated-code-result{flex-direction:column;align-items:stretch}.generated-code-result .secondary{width:100%}.mentor-code-form{grid-template-columns:minmax(0,1fr)}.mentor-code-form .primary{grid-column:auto}}