@charset "UTF-8";
:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#242f30;background:#f7f8f6;font-synthesis:none;letter-spacing:0;--green:#216f54;--line:#e2e7e1;--muted:#78837d;--orange:#c07736;--blue:#527fa4}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit;letter-spacing:0}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #83bca4;outline-offset:3px}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.35;font-weight:650}h2{font-size:16px;font-weight:650}h3{font-size:15px;font-weight:600}strong,b{font-weight:600}.subtle{color:var(--muted);font-size:12px;line-height:1.7}
.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#fcfdfb;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 20px;z-index:4}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:650}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.brand-logo{background:var(--green);color:#fff;width:38px;height:40px;border-radius:8px;display:grid;place-items:center}.brand-logo svg{width:24px;height:24px}.nav-label{margin:49px 12px 13px;color:#95a098;font-size:11px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;border:0;background:none;color:#68756e;min-height:45px;width:100%;padding:10px 12px;border-radius:6px;text-align:left;font-size:13px}.nav-item.active{background:#eaf2eb;color:#246747;font-weight:600}.nav-item:hover{background:#f0f4ee}.nav-item b{margin-left:auto;min-width:22px;text-align:center;padding:2px 5px;background:#fff;border-radius:4px;font-size:11px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;font-size:12px;color:#586a5e}.sidebar-foot small{display:block;color:#8b958d;margin:7px 0 0 16px;font-size:11px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73a57a;margin-right:10px}.main{margin-left:220px;min-height:100vh}.topbar{height:74px;background:#fcfdfb;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb{font-size:12px;color:#879189;display:flex;gap:13px}.breadcrumb strong{color:#4b5b50;font-weight:500}.account{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#eaf0e5;color:#496147;border-radius:50%;font-weight:600}.account select{border:0;background:transparent;padding:4px 20px 4px 0;color:#45574b;font-size:12px;width:144px}.page-footer{margin:48px 38px 0;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:10px;color:#98a196}#content{max-width:1440px;margin:auto;padding:35px 38px 0;min-height:calc(100vh - 180px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px}.btn{display:inline-flex;gap:8px;justify-content:center;align-items:center;min-height:39px;padding:9px 15px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:550;white-space:nowrap}.btn svg{width:16px;height:16px}.primary{background:var(--green);color:#fff}.primary:hover{background:#185b43}.secondary{background:#fff;border-color:#d6ded4;color:#3a5544}.secondary:hover{background:#f0f5ed}.ghost{background:none;color:#7b897e}.ghost:hover{color:var(--green);background:#edf3eb}.text-btn{background:none;border:0;color:#687a6b;font-size:12px;padding:5px 0;display:inline-flex;align-items:center;gap:5px}.text-btn svg{width:14px;height:14px}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:5px;color:#6d7b6f}.icon-btn svg{width:15px;height:15px}.button-row{display:flex;gap:10px;justify-content:center}.working .btn,.working .icon-btn{pointer-events:none;opacity:.65}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-bottom:30px}.metric{padding:0 25px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6a786c}.metric-label>span{display:grid;place-items:center;width:29px;height:29px;border-radius:6px}.metric-label svg{width:17px;height:17px}.metric>strong{display:block;font-size:33px;font-weight:620;line-height:1.2;margin-top:12px;font-variant-numeric:tabular-nums}.metric small{font-weight:400;font-size:12px;color:#8c968c;margin-left:7px}.metric-detail{margin-top:12px;color:#94a08f;font-size:10px}.tone-green{background:#ebf3e9;color:#50805a}.tone-blue{background:#eaf0f7;color:#6384a7}.tone-orange{background:#fbf0e4;color:#b9864e}.tone-neutral{background:#f0f0eb;color:#818872}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:16px}.section-title h2>span{font-size:10px;background:#eaf0e6;border-radius:4px;padding:2px 7px;margin-left:7px;color:#6f8169}.segmented{display:flex;padding:3px;background:#eef1eb;border:1px solid #e4e9df;border-radius:6px}.segmented button{border:0;background:none;border-radius:4px;min-height:27px;padding:4px 10px;font-size:11px;color:#7c8977}.segmented button.active{background:#fff;color:#456742;box-shadow:0 1px 3px #2636260d}.bank-list{border-top:1px solid var(--line)}.bank-row{padding:23px 0;display:grid;grid-template-columns:minmax(0,1fr) 102px auto;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.bank-identity{display:flex;gap:13px;align-items:center;min-width:0}.bank-icon{width:44px;height:49px;border:1px solid #7b977315;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.bank-icon svg{width:23px;height:23px}.bank-identity h3{font-size:14px;line-height:1.6}.bank-identity p{font-size:10px;color:#91a08c;margin-top:7px;line-height:1.7}.bank-identity p>span{margin:0 6px}.badge{font-size:10px;display:inline-block;font-weight:400;padding:2px 6px;line-height:1.5;border-radius:3px;background:#edf1f3;color:#6e818d;white-space:nowrap}.badge.muted{background:#eef0eb;color:#94a08b}.badge.enabled{background:#edf4e8;color:#58804c}.bank-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#8e9987;margin-bottom:9px}.bank-progress b{color:#739164;font-size:10px}.track{height:4px;background:#e8ede3;border-radius:2px;overflow:hidden}.track>span{display:block;background:#80a578;height:100%;border-radius:2px}.bank-row .btn{font-size:11px;min-height:33px;padding:6px 10px}.bank-row .btn svg{width:13px;height:13px}.focus-panel{background:#eff3eb;padding:20px;border-top:2px solid #9bb18b}.focus-panel .section-title>svg{width:17px;color:#83a072}.focus-panel h2,.distribution h2{font-size:13px}.focus-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.focus-empty>svg{width:34px;height:34px;color:#94af85}.focus-empty strong{font-size:12px;color:#6d8260}.focus-empty>span{font-size:11px;line-height:1.9;color:#9aa88f}.focus-row{display:grid;grid-template-columns:1fr auto;gap:9px;border:0;border-bottom:1px solid #dce5d5;background:none;text-align:left;width:100%;padding:12px 0}.focus-row>span{font-size:10px;color:#bd8548;grid-column:1/-1}.focus-row strong{font-size:12px;line-height:1.7;color:#687d5b}.focus-row svg{width:14px;color:#91a482}.distribution{padding:28px 4px}.distribution h2{margin-bottom:21px}.distribution-row{margin-bottom:19px}.distribution-row label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:11px;color:#8b9682}.distribution-row label>span{display:flex;align-items:center;gap:7px}.distribution-row b{font-weight:400}.legend{width:5px;height:5px;border-radius:50%;display:inline-block}.legend.color-0,.track.color-0>span{background:#89a975}.legend.color-1,.track.color-1>span{background:#86a7ba}.legend.color-2,.track.color-2>span{background:#d0b18a}.resume{display:flex;gap:15px;align-items:center;padding:18px 20px;background:#edf4ee;border:1px solid #dbe7dc;border-radius:6px;margin-bottom:28px}.resume-icon{color:var(--green)}.resume strong{font-size:13px}.resume p{font-size:11px;color:#83937f;margin-top:5px}.resume .btn{margin-left:auto}.recent-title{margin-top:32px}.recent-list{border-top:1px solid var(--line)}.recent-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.recent-row>div{flex:1;min-width:0}.recent-row strong{display:block;font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-row small{display:block;font-size:10px;color:#99a38f;margin-top:6px}.result-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.result-icon svg{width:13px;height:13px}.result-icon.correct{background:#e9f0e3}.result-icon.incorrect{background:#f9eee4}.correct{color:#56804e}.incorrect{color:#bd7445}.status-text{font-size:11px;white-space:nowrap}.empty-inline{padding:35px 10px;display:flex;align-items:center;justify-content:center;gap:12px;color:#a1ab99;font-size:12px;border-block:1px solid var(--line)}.empty-inline svg{width:21px}
.filters{display:flex;gap:10px;margin:15px 0;align-items:center}.search{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #dce3d7;border-radius:5px;padding:0 12px;flex:1}.search svg{width:15px;height:15px;color:#9aa58f}.search input{border:0;min-width:0;width:100%;height:37px;font-size:12px;background:none;color:#55664f;outline:none}.search input::placeholder{color:#a0aa96}select{padding:9px 26px 9px 11px;border:1px solid #dce3d7;border-radius:5px;background:#fff;color:#6b7a61;font-size:12px;max-width:100%}.list-caption{display:flex;justify-content:space-between;color:#92a086;font-size:11px;padding:9px 0 17px}.list-caption>span{display:flex;align-items:center;gap:6px}.list-caption svg{width:14px}.wrong-row{display:flex;gap:19px;align-items:flex-start;padding:23px 0;border-top:1px solid var(--line)}.error-count{flex:0 0 48px;text-align:center;color:#b1854c;background:#f7efe4;padding:8px 4px;border-radius:5px;font-size:22px}.error-count small{display:block;font-size:9px;margin-top:4px}.wrong-main{flex:1;min-width:0}.question-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:10px;color:#9aa38f}.wrong-main h3{line-height:1.8;margin:12px 0;font-size:14px}.wrong-main details{font-size:12px;color:#789269;line-height:1.8}.wrong-main summary{cursor:pointer;font-size:11px}.wrong-main details p{margin-top:8px;color:#778769}.wrong-actions{display:flex;flex-direction:column;gap:4px}.empty{text-align:center;padding:60px 20px;color:#87987b}.empty>svg{width:38px;height:38px;margin-bottom:18px;color:#9bad8f}.empty h2{font-size:17px}.empty p{font-size:12px;margin:12px 0 24px}
.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 24px;font-size:12px;color:#8a967f}.quiz-top strong{color:#4e6540;font-size:16px}.quiz-top small{color:#a3ad98;font-size:12px;font-weight:400}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 216px;gap:25px}.quiz-sheet{background:#fff;border:1px solid #e2e8da;border-radius:6px;padding:32px}.quiz-sheet h1{font-size:22px;line-height:1.7;margin:22px 0 12px;overflow-wrap:anywhere}.question-note{font-size:11px;color:#9daa90;line-height:1.7;margin-bottom:24px}.options{display:grid;gap:12px}.option{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #e1e7da;background:#fff;color:#5d6e4f;border-radius:5px;width:100%;padding:15px;min-height:58px;font-size:13px;line-height:1.7}.option>span:nth-child(2){flex:1;overflow-wrap:anywhere}.option.selected{border-color:#83a674;background:#f4f8f0}.option.right{border-color:#9db789;background:#eff6e8}.option.incorrect{border-color:#d7aa88;background:#fdf3e9}.option:disabled{opacity:1;cursor:default}.option-key{width:27px;height:27px;border:1px solid #dae3cf;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.option-key.square{border-radius:4px}.option.selected .option-key{background:#6a9355;border-color:#6a9355;color:white}.feedback{border-left:3px solid;padding:17px 20px;margin-top:25px;background:#f3f7ee;font-size:12px;line-height:1.9}.feedback.incorrect{background:#fdf7ee}.feedback strong{display:flex;align-items:center;gap:9px;font-size:13px}.feedback strong svg{width:17px;height:17px}.feedback p{margin:9px 0}.feedback div{color:#869277}.quiz-bottom{margin-top:29px;padding-top:22px;border-top:1px solid #edf0e7;display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-bottom>span{font-size:10px;color:#a4ae96}.quiz-aside{align-self:start;background:#eef3e8;padding:24px 21px;border-top:2px solid #9cad8b}.quiz-aside h2{font-size:13px;color:#768967}.run-count{margin:26px 0 15px;display:flex;gap:9px;align-items:baseline}.run-count strong{font-size:32px;color:#527340}.run-count>span{font-size:11px;color:#9aaa8d}.quiz-aside dl{margin:23px 0}.quiz-aside dl>div{display:flex;justify-content:space-between;font-size:11px;margin:17px 0}.quiz-aside dt{color:#9aaa8d}.quiz-aside dd{margin:0;color:#6c875b}.quiz-aside>p{border-top:1px solid #dde6d1;padding-top:17px;display:flex;align-items:center;gap:7px;color:#9aaa8d;font-size:10px}.quiz-aside>p svg{width:14px;height:14px}.result-summary{text-align:center;padding:35px 0}.result-emblem{display:grid;place-items:center;margin:auto;color:#759965}.result-emblem svg{width:45px;height:45px}.result-summary>strong{font-size:62px;display:block;color:#4c7040;margin:16px}.result-summary>strong small{font-size:26px}.result-summary p{color:#8b9a7d;font-size:13px;margin:0 0 25px}.result-list>div{padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;font-size:12px}.result-list strong{flex:1;font-weight:400}.result-list>div>span:last-child{color:#869675;white-space:nowrap}
.import-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:33px}.import-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center}.dropzone{padding:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #b6c6ab;border-radius:6px;min-height:178px;background:#fdfefb;cursor:pointer;gap:11px}.dropzone>svg{width:31px;height:31px;color:#83a270}.dropzone strong{font-size:13px;color:#6b8058;overflow-wrap:anywhere;max-width:100%;text-align:center}.dropzone>span{font-size:11px;color:#a3ad95}.dropzone:hover,.dropzone.dragging{background:#edf5e7;border-color:#729963}.import-rules{display:grid;gap:20px}.import-rules>div{display:flex;gap:12px;align-items:center}.import-rules b{font-size:11px;color:#92a77d;background:#eaf0e3;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}.import-rules span{font-size:12px;color:#728663}.import-rules strong{display:block;font-size:11px;font-weight:400;color:#a4ae98;margin-top:5px}.preview-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0}.preview-bar strong{display:block;font-size:13px;color:#6b855a}.preview-bar span{display:block;font-size:11px;color:#9aa98b;margin-top:6px}.table-scroll{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:5px}.table-scroll table{border-collapse:collapse;width:100%;font-size:11px;min-width:600px}td,th{padding:15px;text-align:left;border-bottom:1px solid #e9eddf;line-height:1.7}th{font-weight:500;color:#8e9f7b;background:#f2f5ed;font-size:11px}td{color:#798e68}td:first-child{width:50%}td strong{display:block;font-weight:400;color:#516b42;font-size:12px;overflow-wrap:anywhere}td small{display:block;color:#a4b193;font-size:9px;margin-bottom:5px}td:not(:first-child){min-width:70px}tbody tr:last-child td{border-bottom:0}.preview-table td:first-child{width:auto}.preview-table td:nth-child(2){min-width:300px}.validation-errors{background:#fff4ea;border-left:3px solid #c79468;padding:13px 17px;color:#a67c54;font-size:12px;line-height:2}.validation-errors b{margin-right:8px}.import-history{margin-top:34px}.import-history h2{margin-bottom:16px}.import-history>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid var(--line);font-size:11px;color:#8d9d7c}.import-history time{font-size:10px}.loading{padding:20px;color:#85a16d;font-size:12px}
dialog{width:min(440px,calc(100vw - 32px));border:1px solid #d8e4cc;border-radius:8px;padding:26px;color:#435e35}dialog::backdrop{background:#25342455;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{font-size:18px}.field{display:grid;gap:9px;margin:22px 0;font-size:12px;color:#7a9367}.field select{width:100%;font-size:13px;padding:12px}.dialog-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px}.dialog-head+.subtle{margin-top:5px}.initial,.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}.initial p,.login p{font-size:14px;color:#879e73;line-height:1.8}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#354b2d;color:#fff;padding:13px 20px;border-radius:6px;font-size:12px;line-height:1.7;max-width:min(550px,calc(100vw - 30px));z-index:50;transition:.18s}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(min-width:1600px){#content{padding-top:45px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px;gap:40px}.bank-row{padding-block:27px}}
@media(max-width:1250px){.sidebar{width:195px;padding:28px 16px}.main{margin-left:195px}.topbar{padding-inline:25px}#content{padding:28px 25px 0}.dashboard-grid{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.bank-row{grid-template-columns:minmax(0,1fr) auto;gap:13px}.bank-progress{grid-column:1;max-width:130px;padding-left:57px;max-width:220px}.bank-row>.btn{grid-column:2;grid-row:1/3}.metric{padding:0 18px}.quiz-layout{grid-template-columns:minmax(0,1fr) 180px;gap:18px}.quiz-sheet{padding:25px}}
@media(max-width:1000px){.sidebar{width:177px}.main{margin-left:177px}.brand{font-size:17px}.dashboard-grid{grid-template-columns:1fr}.study-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px}.distribution{padding:20px}.focus-empty{min-height:115px}.quiz-layout{grid-template-columns:1fr}.quiz-aside{display:none}.metric{padding:0 13px}.metric-label{font-size:11px}.metric-label>span{width:24px;height:24px}.metric-detail{font-size:9px}.filters select{max-width:160px}}
@media(max-width:720px){.sidebar{display:none}.main{margin:0;padding-bottom:65px}.topbar{height:62px;padding:0 17px}.breadcrumb{font-size:10px;gap:7px}.breadcrumb>strong{display:none}.account{gap:5px}.account select{font-size:11px;width:130px}.avatar{width:27px;height:27px;font-size:11px}#content{padding:24px 17px 0;min-height:calc(100vh - 180px)}h1{font-size:23px}.page-heading{margin-bottom:24px}.page-heading p{font-size:11px;line-height:1.8}.page-heading>.btn{padding:8px 10px;font-size:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;background:transparent;border:0;gap:0;margin-bottom:25px}.metric{padding:17px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(2){border-right:0}.metric:last-child{border-bottom:1px solid var(--line)}.metric-label{font-size:11px}.metric>strong{font-size:30px;margin-top:6px}.metric-detail{font-size:9px;margin-top:8px}.bank-row{padding:20px 0;gap:10px}.bank-identity{gap:10px}.bank-icon{width:37px;height:44px}.bank-icon svg{width:20px}.bank-identity h3{font-size:13px}.bank-identity p{font-size:9px}.bank-identity p>span{margin:0 3px}.bank-row>.btn{padding:7px 9px;font-size:10px}.bank-row>.btn svg{display:none}.bank-progress{padding-left:47px;max-width:185px}.section-title h2{font-size:14px}.segmented button{padding:3px 7px;font-size:10px}.study-aside{grid-template-columns:1fr 1fr;gap:15px}.focus-panel{padding:16px}.focus-empty>span{font-size:10px}.focus-empty strong{font-size:11px}.distribution{padding:16px 4px}.focus-panel h2,.distribution h2{font-size:12px}.recent-row strong{font-size:11px}.page-footer{margin:30px 17px 0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;border-top:1px solid var(--line);background:#fcfdfb;z-index:6;padding:8px 8px max(9px,env(safe-area-inset-bottom));height:65px}.mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:none;border:0;color:#97a287;min-width:65px;font-size:9px;padding:2px}.mobile-nav>button.active{color:#4c753b}.mobile-nav svg{width:20px;height:20px}.resume{padding:13px;gap:9px}.resume strong{font-size:12px}.resume p{font-size:10px}.resume .btn{font-size:10px;padding:8px 10px}.resume .btn svg{display:none}.filters{flex-wrap:wrap}.search{flex:1 1 100%}.filters select{flex:1;max-width:calc(50% - 5px);font-size:11px}.wrong-row{gap:12px;flex-wrap:wrap}.error-count{flex-basis:40px}.wrong-main h3{font-size:13px}.wrong-actions{margin-left:52px;flex-direction:row}.wrong-actions .btn{font-size:11px}.question-tags{font-size:9px;gap:7px}.quiz-top>span{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.quiz-sheet{padding:22px 17px}.quiz-sheet h1{font-size:18px}.option{font-size:12px;padding:12px;gap:10px}.quiz-bottom{align-items:center}.quiz-bottom .btn{padding-inline:12px}.quiz-top .text-btn{font-size:10px}.quiz-top strong{font-size:14px}.quiz-top small{font-size:10px}.import-grid{grid-template-columns:1fr;gap:22px}.import-rules{display:none}.dropzone{min-height:165px}.section-title>.subtle{font-size:10px}.preview-bar{flex-wrap:wrap}.preview-bar .btn{width:100%}.import-history>div{flex-wrap:wrap}.import-history>div>span:first-child{width:100%}.result-list>div{flex-wrap:wrap;font-size:11px}.result-list>div>span:last-child{margin-left:36px}#toast{bottom:80px}.table-scroll table{min-width:630px}}
.dashboard-grid>*,.study-aside>*,.import-grid>*{min-width:0}
.import-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:720px){.import-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.account-name{line-height:1.35}.account-name small{display:block;color:#98a196;font-size:9px}.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.ranking-toolbar>span{font-size:11px;color:#929e8b}.my-rank{display:flex;align-items:center;gap:15px;padding:18px 21px;background:#edf4ee;border-left:3px solid #7fa073;margin-bottom:25px}.my-rank>span{width:38px;height:38px;display:grid;place-items:center;color:#638356}.my-rank>div small{display:block;color:#8c9c85;font-size:10px}.my-rank>div strong{display:block;margin-top:5px;font-size:17px;color:#4f713f}.my-rank dl{display:flex;gap:35px;margin:0 0 0 auto}.my-rank dl>div{text-align:right}.my-rank dt{font-size:9px;color:#9ba793}.my-rank dd{margin:5px 0 0;font-size:15px;color:#607954}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line);margin-bottom:28px}.podium article{background:#fff;text-align:center;padding:24px 15px;position:relative}.medal{position:absolute;top:12px;left:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eef2e9;color:#6c845e;font-size:11px}.podium-1 .medal{background:#f1e6c9;color:#97722c}.rank-avatar{width:44px;height:44px;margin:auto auto 11px;border-radius:50%;display:grid;place-items:center;background:#e9f0e4;color:#527143;font-size:16px}.podium strong{font-size:13px}.podium p{font-size:10px;color:#96a08f;margin-top:7px}.ranking-table td:first-child,.accounts-table td:first-child,.detail-table td:first-child{width:auto}.ranking-table tr.is-me td{background:#f1f6ed}.rank-number{font-size:15px;color:#647b59}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:31px;background:#fff}.admin-metrics>div{padding:23px;border-right:1px solid var(--line)}.admin-metrics>div:last-child{border:0}.admin-metrics span{display:block;color:#85917e;font-size:11px}.admin-metrics strong{font-size:29px;display:inline-block;margin-top:10px}.admin-metrics small{font-size:11px;color:#9aa394;margin-left:5px}.accounts-table td,.detail-table td{white-space:nowrap}.accounts-table td:first-child,.detail-table td:first-child{white-space:normal;min-width:220px}.detail-back{margin-bottom:18px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px;font-size:11px;color:#899881}.login{background:#f7f8f6}.login form{width:min(340px,100%);display:grid;gap:16px;background:#fff;border:1px solid var(--line);padding:27px;border-radius:7px;text-align:left}.login form label{display:grid;gap:7px;color:#6f7d71;font-size:11px}.login form input{height:42px;border:1px solid #d8e0d5;border-radius:5px;padding:0 11px;color:#405443}.login form .btn{margin-top:5px}.login>small{font-size:10px;color:#9ba596}
@media(max-width:720px){.account-name{font-size:10px}.account .ghost{padding:7px;font-size:0}.account .ghost svg{width:15px}.ranking-toolbar{align-items:flex-start;flex-direction:column}.my-rank{padding:14px;gap:9px}.my-rank dl{gap:16px}.podium{grid-template-columns:1fr}.podium article{display:grid;grid-template-columns:auto auto 1fr;align-items:center;text-align:left;gap:10px;padding:15px}.medal{position:static}.rank-avatar{width:35px;height:35px;margin:0}.podium p{grid-column:3;margin:0}.admin-metrics>div{padding:15px 10px}.admin-metrics strong{font-size:23px}.pagination{justify-content:center;flex-wrap:wrap}.mobile-nav>button{min-width:0;flex:1}.login form{padding:22px}}
.podium{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:720px){.podium{grid-template-columns:1fr}.accounts-table table{min-width:0}.accounts-table th:nth-child(4),.accounts-table td:nth-child(4),.accounts-table th:nth-child(5),.accounts-table td:nth-child(5),.accounts-table th:nth-child(6),.accounts-table td:nth-child(6){display:none}.accounts-table td,.accounts-table th{padding:12px 8px}.accounts-table td:first-child{min-width:105px}.accounts-table .btn{padding:7px;font-size:0}.accounts-table .btn svg{margin:0}}
.bank-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bank-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:23px;display:flex;flex-direction:column;min-width:0}.bank-card-head{display:flex;align-items:center;gap:13px;min-width:0}.bank-card-head>div{min-width:0}.bank-card-head h2{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.bank-card-head p{font-size:10px;color:#96a08f;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank-card dl{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:20px 0}.bank-card dl>div{padding:14px 8px;border-right:1px solid var(--line)}.bank-card dl>div:last-child{border:0}.bank-card dt{font-size:9px;color:#9aa493}.bank-card dd{margin:6px 0 0;font-size:15px;color:#526a49}.bank-card-progress{margin-bottom:18px}.bank-card-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#8c9988;margin-bottom:9px}.bank-card>.btn{align-self:flex-end}
@media(max-width:900px){.bank-catalog{grid-template-columns:1fr}}
@media(max-width:720px){.bank-card{padding:18px}.bank-card dl>div{padding:12px 5px}.bank-card>.btn{width:100%}}

/* Morandi visual system */
:root{font-family:"PingFang SC","PingFang TC",sans-serif;color:#3b4541;background:#f5f7f6;--green:#667b70;--green-deep:#52685d;--line:#d9dfdc;--muted:#7c8984;--orange:#ac8b72;--blue:#7f94a2;--rose:#a88b8c;--surface:#fbfcfb;--surface-soft:#eef1ef;--shadow:0 8px 24px rgba(63,76,70,.07)}
html,body,button,input,select,textarea,dialog{font-family:"PingFang SC","PingFang TC",sans-serif!important;letter-spacing:0}body{background:#f5f7f6;color:#3b4541}.sidebar{background:#f9faf9;border-color:#dbe1de}.topbar{background:rgba(249,250,249,.96);border-color:#dbe1de}.page-footer{border-color:#dbe1de}.brand-logo{background:#667b70;box-shadow:0 5px 14px rgba(82,104,93,.18)}.nav-item{color:#6f7d77}.nav-item:hover{background:#eef1ef;color:#52685d}.nav-item.active{background:#e4e9e6;color:#52685d}.live-dot{background:#829889}.avatar{background:#e7ebe8;color:#586d62}.page-heading h1{color:#34403b}.page-heading p,.subtle{color:#84908b}
.btn{border-radius:6px;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.primary{background:#667b70;color:#fff;box-shadow:0 5px 13px rgba(82,104,93,.14)}.primary:hover{background:#52685d}.secondary{background:#fbfcfb;border-color:#cfd8d3;color:#586c62}.secondary:hover{background:#edf1ef;border-color:#b8c5bf}.ghost{color:#7b8882}.ghost:hover{color:#52685d;background:#edf1ef}.text-btn{color:#687a71}.icon-btn{background:#fbfcfb;border-color:#d5ddd9;color:#65776e}.icon-btn:hover{background:#edf1ef;color:#52685d}
.danger{background:#9b4f50;color:#fff;border-color:#9b4f50}.danger:hover{background:#843f40;border-color:#843f40}.exam{background:#6b7f91;color:#fff;border-color:#6b7f91}.exam:hover{background:#566c7f;border-color:#566c7f}.exam:disabled{background:#d5dcdf;color:#7c898f;border-color:#c7d0d4}.admin-bank-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(127,148,162,.35);outline-offset:2px}.select-shell{position:relative;display:inline-flex;align-items:center;min-width:0}.select-shell select{appearance:none;-webkit-appearance:none;width:100%;min-height:39px;padding:9px 38px 9px 13px;border:1px solid #d2dad6;border-radius:6px;background:#fbfcfb;color:#56645e;box-shadow:0 2px 7px rgba(63,76,70,.04);outline:0;cursor:pointer;transition:border-color .16s,box-shadow .16s,background-color .16s}.select-shell>svg{position:absolute;right:12px;width:15px;height:15px;color:#83918a;pointer-events:none}.select-shell:hover select{border-color:#b8c5bf;background:#fff}.select-shell:focus-within select{border-color:#8fa299;box-shadow:0 0 0 3px rgba(102,123,112,.12)}.select-shell select:disabled{background:#edf0ee;color:#9ba49f}.field .select-shell,.field .select-shell select{width:100%}.filters .select-shell{flex:0 1 180px}.filters .select-shell select{max-width:none}.page-heading>.select-shell{flex-shrink:0}
.metrics{background:#fbfcfb;border:1px solid #dce2df;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.metric{border-color:#e1e6e3}.metric-label{color:#72807a}.metric>strong{color:#3d4944}.tone-green{background:#e5ebe7;color:#657d71}.tone-blue{background:#e6ebee;color:#708998}.tone-orange{background:#eee7e1;color:#9b7f69}.tone-neutral{background:#e9e9e4;color:#7d8175}.track{background:#e4e9e6}.track>span{background:#83988d}.resume{background:#e9eeeb;border-color:#d4ded8}.focus-panel{background:#e8edea;border-color:#8fa299;border-radius:6px}.distribution{background:transparent}.recent-list{border-color:#dbe1de}.recent-row{border-color:#e0e5e2}.empty-inline{border-color:#dde3df}.result-icon.correct{background:#e3ebe5}.result-icon.incorrect{background:#efe5e0}.correct{color:#6e8777}.incorrect{color:#a47868}
.segmented{background:#e8ece9;border-color:#dbe1dd}.segmented button{color:#77847e}.segmented button.active{background:#fbfcfb;color:#52685d;box-shadow:0 2px 6px rgba(63,76,70,.08)}.bank-card{background:#fbfcfb;border-color:#d9e0dc;box-shadow:var(--shadow);transition:border-color .16s,box-shadow .16s,transform .16s}.bank-card:hover{border-color:#bdc9c3;box-shadow:0 11px 28px rgba(63,76,70,.1);transform:translateY(-2px)}.bank-card dl{border-color:#e0e5e2}.bank-card dl>div{border-color:#e0e5e2}.bank-card dt{color:#88948e}.bank-card dd{color:#51655b}.bank-icon{border-color:#d7dfda}.badge{background:#e8ecee;color:#687a83}.badge.muted{background:#ecebe6;color:#85857a}.badge.enabled{background:#e4ebe6;color:#61796d}
.table-scroll{background:#fbfcfb;border-color:#d8dfdb;box-shadow:0 5px 18px rgba(63,76,70,.04)}th{background:#ecefeb;color:#6f7f77}td{color:#66766e;border-color:#e1e6e3}td strong{color:#4c6157}.ranking-table tr.is-me td{background:#e9eeeb}.my-rank{background:#e7ece9;border-color:#82988c}.podium{background:#dce2df;border-color:#dce2df}.podium article{background:#fbfcfb}.rank-avatar{background:#e4e9e6;color:#566e62}.admin-metrics{background:#fbfcfb;border-color:#dbe1de;box-shadow:var(--shadow)}.admin-metrics>div{border-color:#e0e5e2}
.search{background:#fbfcfb;border-color:#d2dad6;box-shadow:0 2px 7px rgba(63,76,70,.04)}.search:focus-within{border-color:#8fa299;box-shadow:0 0 0 3px rgba(102,123,112,.12)}.dropzone{background:#fafbfa;border-color:#aebdb5}.dropzone:hover,.dropzone.dragging{background:#e9eeeb;border-color:#7e9489}.quiz-sheet{background:#fbfcfb;border-color:#d8dfdb;box-shadow:var(--shadow)}.option{background:#fbfcfb;border-color:#d9e0dc;color:#596a62}.option:hover:not(:disabled){background:#f0f3f1;border-color:#bac7c0}.option.selected{border-color:#8da196;background:#e9eeeb}.option.right{border-color:#91a89a;background:#e7eee9}.option.incorrect{border-color:#ba9485;background:#f1e8e4}.option.selected .option-key{background:#71887c;border-color:#71887c}.feedback{background:#e9eeeb;border-color:#80978b}.feedback.incorrect{background:#f1e8e3;border-color:#b28b7b}.quiz-aside{background:#e8edea;border-color:#8fa299;border-radius:6px}dialog{background:#fbfcfb;border-color:#d3dcd7;box-shadow:0 20px 55px rgba(50,62,56,.2)}dialog::backdrop{background:rgba(55,66,61,.35)}.login{background:#f1f4f2}.login form{background:#fbfcfb;border-color:#d7dfdb;box-shadow:var(--shadow)}.login form input{background:#fff;border-color:#d2dad6}.login form input:focus{border-color:#8fa299;box-shadow:0 0 0 3px rgba(102,123,112,.12);outline:0}#toast{background:#56685f;box-shadow:0 8px 22px rgba(55,67,61,.2)}
@media(max-width:720px){.mobile-nav{background:rgba(249,250,249,.97);border-color:#d7dedb;box-shadow:0 -5px 18px rgba(63,76,70,.06)}.mobile-nav>button{color:#89958f}.mobile-nav>button.active{color:#596f64}.metrics{box-shadow:none}.metric{background:#fbfcfb;border-color:#dce2df}.filters .select-shell{flex:1;max-width:calc(50% - 5px)}.page-heading>.select-shell{max-width:130px}.select-shell select{font-size:11px;padding-right:32px}.select-shell>svg{right:9px;width:14px}.bank-card:hover{transform:none}}

/* Larger type and richer Morandi accents */
:root{font-size:16px}body{font-size:15px}.brand{font-size:21px}.brand small{font-size:12px}.nav-label{font-size:12px}.nav-item{font-size:14px;min-height:48px}.topbar{height:78px}.breadcrumb,.account{font-size:13px}.account-name small{font-size:10px}#content{padding-top:30px}.page-heading{margin-bottom:26px}.page-heading h1,h1{font-size:30px}.page-heading p,.subtle{font-size:13px}.btn{font-size:13px;min-height:41px}.text-btn{font-size:13px}.select-shell select,select{font-size:13px}.section-title h2,h2{font-size:18px}.metric-label{font-size:13px}.metric>strong{font-size:36px}.metric small{font-size:13px}.metric-detail{font-size:11px}.badge{font-size:11px}.recent-row strong{font-size:14px}.recent-row small,.status-text{font-size:11px}.focus-panel h2,.distribution h2{font-size:15px}.focus-row strong{font-size:13px}.focus-empty strong{font-size:13px}.focus-empty>span{font-size:12px}.distribution-row label{font-size:12px}.table-scroll table{font-size:12px}th{font-size:12px}td strong{font-size:13px}.bank-card-head h2{font-size:17px}.bank-card-head p{font-size:12px}.bank-card dt{font-size:11px}.bank-card dd{font-size:18px}.bank-card-progress>div:first-child{font-size:12px}.question-tags{font-size:11px}.quiz-sheet h1{font-size:24px}.question-note{font-size:12px}.option{font-size:14px}.feedback{font-size:13px}.quiz-aside h2{font-size:15px}.login form label{font-size:13px}
.tone-rose{background:#efe7e8;color:#9a777b}.metrics .metric:nth-child(1){background:#eaf0ec}.metrics .metric:nth-child(2){background:#e8edf0}.metrics .metric:nth-child(3){background:#f0e8e8}.metrics .metric:nth-child(4){background:#efebe4}.admin-metrics>div:nth-child(1){background:#eaf0ec}.admin-metrics>div:nth-child(2){background:#e8edf0}.admin-metrics>div:nth-child(3){background:#f0e9e7}.podium article:nth-child(1){background:#efebe2}.podium article:nth-child(2){background:#e9eeeb}.podium article:nth-child(3){background:#e8edf0}
.bank-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.bank-overview>div{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid rgba(105,122,113,.1);border-radius:7px}.bank-overview>div:nth-child(1){background:#e7eee9}.bank-overview>div:nth-child(2){background:#e6ecef}.bank-overview>div:nth-child(3){background:#efe9e2}.bank-overview>div:nth-child(4){background:#efe7e8}.bank-overview>div>span{width:38px;height:38px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.bank-overview>div>span svg{width:19px}.bank-overview p{font-size:12px;color:#74817b}.bank-overview strong{display:block;margin-top:4px;font-size:23px;color:#43504a}.bank-overview small{font-size:11px;margin-left:5px;color:#7f8b85}.bank-card{border-top-width:4px;padding:24px}.bank-tone-0{border-top-color:#8ca093}.bank-tone-1{border-top-color:#8ba0ad}.bank-tone-2{border-top-color:#aa8c90}.bank-tone-3{border-top-color:#b09a7b}.bank-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:auto}.bank-card-actions .secondary:not(:disabled){background:#f2ecec;border-color:#d7c4c5;color:#866d70}.bank-card-actions .secondary:hover:not(:disabled){background:#eadfdf}.bank-card-actions .secondary:disabled{background:#eff1ef}.bank-card>.btn{align-self:auto}
.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr)}.bank-section{background:#fbfcfb;border:1px solid #dbe1de;border-radius:7px;padding:22px;box-shadow:var(--shadow)}.study-aside{display:grid;gap:18px}.distribution{background:#e7ecef;border-radius:7px;padding:22px}.focus-panel{border-top:0;border-left:4px solid #8fa299}.page-footer{margin-top:32px}
@media(max-width:1000px){.bank-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.study-aside{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body{font-size:14px}.topbar{height:64px}.page-heading h1,h1{font-size:26px}.page-heading p,.subtle{font-size:12px}.btn{font-size:12px}.metrics{gap:8px;background:transparent}.metric{border:1px solid #dce2df!important;border-radius:6px}.metric-label{font-size:12px}.metric>strong{font-size:32px}.metric-detail{font-size:10px}.bank-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bank-overview>div{padding:13px 10px;gap:8px}.bank-overview>div>span{width:31px;height:31px}.bank-overview p{font-size:10px}.bank-overview strong{font-size:19px}.bank-card-head h2{font-size:16px}.bank-card-head p{font-size:11px}.bank-card dt{font-size:10px}.bank-card dd{font-size:17px}.bank-card-actions{flex-direction:column-reverse}.bank-card-actions .btn{width:100%}.bank-section{padding:16px}.study-aside{grid-template-columns:1fr}.mobile-nav>button{font-size:10px}}

/* Higher-contrast Morandi palette and denser surfaces */
:root{color:#303c37;background:#e6ece8;--green:#566f63;--green-deep:#40594e;--line:#cbd5d0;--muted:#66766f;--orange:#9b7860;--blue:#698797;--rose:#906c72;--surface:#f5f7f5;--surface-soft:#dce5e0;--shadow:0 9px 24px rgba(48,65,57,.1)}body,.main{background:#e6ece8;color:#303c37}.sidebar{background:#eef2ef;border-color:#c7d2cc}.topbar{background:#edf1ef;border-color:#c7d2cc}.page-heading h1{color:#2e3b35}.page-heading p,.subtle{color:#687970}.page-footer{border-color:#c5d0ca;color:#6f7d76}.nav-item{color:#596b62}.nav-item:hover{background:#dce5e0;color:#3f594d}.nav-item.active{background:#cfdcd5;color:#344f43}.brand-logo,.primary{background:#566f63}.primary:hover{background:#40594e}.secondary{background:#eef2ef;border-color:#aebeb6;color:#465e52}.secondary:hover{background:#dce5e0;border-color:#8fa299}.ghost:hover{background:#dce5e0}.bank-section,.bank-card,.quiz-sheet,.table-scroll,.login form{background:#f5f7f5;border-color:#c8d3cd}.metrics{padding:0;background:#c4cfc9;border-color:#bac7c0;gap:1px}.metric{padding:25px;background-clip:padding-box;border:0}.metrics .metric:nth-child(1){background:#cfddd5}.metrics .metric:nth-child(2){background:#cedbe1}.metrics .metric:nth-child(3){background:#dfcfd2}.metrics .metric:nth-child(4){background:#dfd6c9}.metric-label{color:#52655c}.metric>strong{color:#2f3e37}.metric-detail{color:#64756d}.resume{background:#d4dfd9;border-color:#b9c8c0}.focus-panel{background:#d3ded8;border-color:#718b7e}.distribution{background:#d4dfe4}.recent-row{border-color:#cfd8d3}.result-icon.correct{background:#cbdacf}.result-icon.incorrect{background:#decac5}.tone-green{background:#cad9d1;color:#4f6c5e}.tone-blue{background:#cad7de;color:#587989}.tone-orange{background:#ddd1c2;color:#8a6953}.tone-rose{background:#ddcdd0;color:#835f65}.correct{color:#4f715f}.incorrect{color:#916252}
.select-shell select{min-height:43px;padding:10px 45px 10px 14px;background:#d5dfda;border-color:#aabbb2;color:#344b40;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 8px rgba(48,65,57,.07)}.select-shell:hover select{background:#cbd8d1;border-color:#899f94}.select-shell:focus-within select{background:#dce5e0;border-color:#6f897c;box-shadow:0 0 0 3px rgba(86,111,99,.18)}.select-shell>svg{right:7px;width:28px;height:28px;padding:6px;border-radius:5px;background:#647e71;color:#fff;stroke-width:2}.select-shell select option{background:#f4f6f4;color:#34433c;font-weight:500}.segmented{background:#cfd9d4;border-color:#bcc9c2}.segmented button{color:#5d6f66;font-size:12px}.segmented button.active{background:#f4f6f4;color:#3d594b;box-shadow:0 2px 7px rgba(48,65,57,.12)}
.bank-overview>div{border-color:rgba(63,82,73,.12)}.bank-overview>div:nth-child(1){background:#cbdad2}.bank-overview>div:nth-child(2){background:#cad8df}.bank-overview>div:nth-child(3){background:#ded2c3}.bank-overview>div:nth-child(4){background:#dfced1}.bank-card{background:#f4f6f4}.bank-card-actions .secondary:not(:disabled){background:#e1d2d4;border-color:#c3a7ab;color:#6f5055}.bank-card-actions .secondary:hover:not(:disabled){background:#d5c1c4}.bank-card-actions .secondary:disabled{background:#e3e8e5;color:#95a199}.track{background:#d2dcd7}.track>span{background:#657f72}.my-rank{background:#ccd9d2;border-color:#617d6e}.ranking-table tr.is-me td{background:#d4dfd9}.podium article:nth-child(1){background:#ddd3c4}.podium article:nth-child(2){background:#cfdbd4}.podium article:nth-child(3){background:#ccd9df}.admin-metrics>div:nth-child(1),.admin-bank-summary>div:nth-child(1){background:#cfddd5}.admin-metrics>div:nth-child(2),.admin-bank-summary>div:nth-child(2){background:#cedbe1}.admin-metrics>div:nth-child(3),.admin-bank-summary>div:nth-child(3){background:#dfcfd2}th{background:#d6dfda;color:#50655a}td{border-color:#cfd8d3;color:#53675d}
.admin-bank-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #becbc4;border-radius:7px;overflow:hidden;margin:24px 0;background:#c6d1cb}.admin-bank-summary>div{padding:20px 22px;border-right:1px solid #becbc4}.admin-bank-summary>div:last-child{border:0}.admin-bank-summary span{display:block;font-size:12px;color:#586a61}.admin-bank-summary strong{display:inline-block;margin-top:8px;font-size:30px}.admin-bank-summary small{margin-left:6px;color:#66776f}.admin-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-bank-card{background:#f4f6f4;border:1px solid #c3cfc9;border-top:4px solid #81978c;border-radius:7px;padding:21px;box-shadow:var(--shadow)}.admin-bank-card.bank-tone-1{border-top-color:#7893a1}.admin-bank-card.bank-tone-2{border-top-color:#98757b}.admin-bank-card.bank-tone-3{border-top-color:#a1846e}.admin-bank-head{display:flex;align-items:center;gap:13px}.admin-bank-head>div{min-width:0;flex:1}.admin-bank-head h3{font-size:16px}.admin-bank-head p{font-size:11px;color:#6e7e76;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-bank-head>strong{font-size:27px}.admin-bank-head>strong small{font-size:11px;margin-left:4px}.admin-bank-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.admin-bank-tags span{background:#dbe3df;color:#53685d;border-radius:4px;padding:5px 8px;font-size:11px}.admin-bank-card dl{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdd7d2;margin:0}.admin-bank-card dl>div{padding:15px 7px 0}.admin-bank-card dt{font-size:10px;color:#6f7f77}.admin-bank-card dd{margin:6px 0 0;font-size:17px;color:#3d5147}
.import-section{background:#f2f5f3;border:1px solid #c4d0ca;border-radius:7px;padding:22px;margin-bottom:22px}.dropzone{background:#e1e8e4;border-color:#899f94}.dropzone:hover,.dropzone.dragging{background:#d3dfd8}.import-history{background:#f2f5f3}.login{background:#e2e9e5}#toast{background:#40564b}
@media(max-width:1000px){.admin-bank-grid{grid-template-columns:1fr}}
@media(max-width:720px){body,.main{background:#e6ece8}.metrics{padding:0;gap:1px;background:#bfcac4;border:1px solid #b8c5be;overflow:hidden}.metric{border:0!important;border-radius:0;padding:18px}.select-shell select{min-height:41px;padding-right:42px}.select-shell>svg{width:26px;height:26px}.bank-overview{gap:6px}.admin-bank-summary>div{padding:15px 10px}.admin-bank-summary strong{font-size:24px}.admin-bank-card{padding:17px}.admin-bank-card dl{grid-template-columns:repeat(2,1fr);row-gap:14px}.admin-bank-card dl>div{padding-top:12px}.import-section{padding:16px}}
.segmented button{white-space:nowrap}

/* Fully custom select menu; native option popups cannot inherit application styling. */
.select-shell{position:relative;display:inline-flex;min-width:0}.native-select{display:none!important}.select-trigger{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px 10px 14px;border:1px solid #aabbb2;border-radius:6px;background:#d5dfda;color:#344b40;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 8px rgba(48,65,57,.07);transition:background-color .16s,border-color .16s,box-shadow .16s}.select-trigger:hover{background:#cbd8d1;border-color:#899f94}.select-shell.open .select-trigger,.select-trigger:focus-visible{background:#dce5e0;border-color:#6f897c;box-shadow:0 0 0 3px rgba(86,111,99,.18);outline:0}.select-trigger>svg{width:28px;height:28px;padding:6px;border-radius:5px;background:#647e71;color:#fff;stroke-width:2;transition:transform .16s;flex:0 0 auto}.select-shell.open .select-trigger>svg{transform:rotate(180deg)}.select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-menu{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;min-width:max-content;max-width:min(360px,calc(100vw - 32px));max-height:280px;overflow:auto;padding:6px;border:1px solid #aebdb5;border-radius:7px;background:#f1f4f2;box-shadow:0 14px 32px rgba(43,58,51,.2)}.select-menu[hidden]{display:none}.select-option{position:relative;display:flex;align-items:center;width:100%;min-height:38px;padding:8px 34px 8px 12px;border:0;border-radius:5px;background:transparent;color:#42554c;font:inherit;font-size:13px;text-align:left;white-space:nowrap;cursor:pointer}.select-option:hover,.select-option:focus-visible{background:#dce5e0;color:#30483d;outline:0}.select-option.selected{background:#c9d7d0;color:#2f493d;font-weight:650}.select-option.selected::after{content:'✓';position:absolute;right:12px;color:#526f61;font-weight:700}.select-option:disabled{color:#a1aaa5;cursor:not-allowed;background:transparent}.field .select-trigger{width:100%}.filters .select-shell{flex:0 1 180px}.page-heading>.select-shell{flex-shrink:0}
.field input{width:100%;min-height:43px;border:1px solid #aabbb2;border-radius:6px;background:#f7f9f8;color:#344b40;padding:9px 13px;font:inherit;font-size:14px}.field input:focus{border-color:#6f897c;box-shadow:0 0 0 3px rgba(86,111,99,.18);outline:0}.field small{color:#788981;font-size:11px}.resume-inline{display:flex;align-items:center;gap:14px;margin:18px 0;padding:14px;background:#d7e1dc;border:1px solid #b8c8c0;border-radius:6px}.resume-inline>div{display:grid;gap:5px;flex:1}.resume-inline strong{font-size:13px}.resume-inline span{font-size:11px;color:#687970}.question-status{border-top:1px solid #becdc5;padding-top:16px;margin-top:18px}.question-status h3{font-size:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.question-status h3 strong{font-size:10px;color:#526b5f;white-space:nowrap}.question-status-groups{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:3px}.question-type-group{padding:8px;border:1px solid #b8c7bf;border-radius:5px;background:#e5ebe7}.question-type-group h4{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;color:#40594e;font-size:11px}.question-type-group h4 span{color:#718178;font-size:9px;font-weight:500}.question-type-numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.question-type-numbers button{height:29px;display:grid;place-items:center;border:1px solid #aebdb5;border-radius:4px;background:#edf2ef;color:#596b62;font-size:10px;font-variant-numeric:tabular-nums;padding:0;cursor:pointer}.question-type-numbers button:hover{border-color:#657f72;background:#d4dfd9;color:#30483d}.question-type-numbers button.correct{background:#afc8b8;border-color:#759886;color:#2f5945}.question-type-numbers button.incorrect{background:#d7b8b3;border-color:#ad7d75;color:#70433c}.question-type-numbers button.answered{background:#b9cbd4;border-color:#7893a1;color:#344f5e}.question-type-numbers button.current{border:2px solid #344f43;background:#f5f7f5;color:#263d33;font-weight:700;box-shadow:0 0 0 2px rgba(64,89,78,.12)}.question-status>small{display:flex;align-items:center;gap:5px;margin-top:10px;color:#607169;font-size:9px;flex-wrap:wrap}.question-status>small i{width:8px;height:8px;border-radius:2px;margin-left:4px}.question-status>small i.correct{background:#759886}.question-status>small i.incorrect{background:#ad7d75}.question-status>small i.answered{background:#7893a1}.question-status>small i.current{background:#344f43}.exam-result>strong{color:#566f82}.exam-wrongs .section-title{border-top:1px solid var(--line);padding-top:22px}.exam-wrongs>div:not(.section-title)>span:last-child{max-width:45%;white-space:normal;text-align:right;line-height:1.7}
@media(max-width:1000px){.quiz-aside{display:block}.question-type-numbers{grid-template-columns:repeat(10,1fr)}}
@media(max-width:520px){.resume-inline{align-items:stretch;flex-direction:column}.resume-inline .btn{width:100%}.question-type-numbers{grid-template-columns:repeat(6,1fr)}}
.bank-card-actions{flex-wrap:wrap}
.exam-mode .option.selected{border-color:#8299a8;background:#e5ecef}.exam-mode .option.selected .option-key{background:#6b8392;border-color:#6b8392;color:#fff}
.bank-accuracy{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c8d2cd;border:1px solid #c8d2cd;border-radius:6px;overflow:hidden;margin:0 0 18px}.bank-accuracy>div{background:#e7ece9;padding:12px}.bank-accuracy span,.bank-accuracy small{display:block;color:#687970;font-size:10px}.bank-accuracy strong{display:block;margin:5px 0;font-size:18px;color:#3d5449}.quiz-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.report-question{margin-left:auto;color:#8b655f}.report-question svg{width:14px}.field textarea{width:100%;resize:vertical;min-height:100px;border:1px solid #aabbb2;border-radius:6px;background:#f7f9f8;color:#344b40;padding:11px 13px;font:inherit;line-height:1.7}.field textarea:focus{border-color:#6f897c;box-shadow:0 0 0 3px rgba(86,111,99,.18);outline:0}.dialog-footer{gap:9px}.report-section{margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.report-list{display:grid;gap:10px}.report-row{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(240px,1fr) minmax(180px,.7fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid #c8d3cd;border-left:4px solid #a9796e;border-radius:6px;background:#f3f6f4}.report-row.resolved{border-left-color:#8ba094;opacity:.78}.report-row>div{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;align-items:center}.report-row>div small{grid-column:1/-1;color:#75867d;font-size:10px}.report-row p{line-height:1.6;font-size:12px}.report-row blockquote{margin:0;color:#66776f;font-size:11px;line-height:1.7}.report-row .btn{justify-self:end}
@media(max-width:900px){.report-row{grid-template-columns:1fr}.report-row .btn{justify-self:start}.quiz-bottom{align-items:flex-start;flex-direction:column}.quiz-actions{width:100%}}
@media(max-width:520px){.bank-accuracy{grid-template-columns:1fr}.quiz-actions .btn{flex:1}.report-question{width:auto!important}}
@media(max-width:720px){.select-trigger{min-height:41px;font-size:12px}.select-trigger>svg{width:26px;height:26px}.select-menu{max-width:calc(100vw - 34px)}}

/* Slightly deeper Morandi contrast across shared surfaces. */
:root{background:#dce5e0;--green:#4d685b;--green-deep:#354d42;--line:#bdcbc4;--muted:#5e7067;--orange:#8f6d56;--blue:#5d7d8e;--rose:#846268;--surface:#edf2ef;--surface-soft:#cedbd4;--shadow:0 10px 26px rgba(42,59,51,.14)}body,.main{background:#dce5e0}.sidebar{background:#e4ebe7;border-color:#b8c7bf}.topbar{background:#e5ebe8;border-color:#b8c7bf}.nav-item.active{background:#bfd0c7;color:#2f493d}.nav-item:hover{background:#cedbd4}.bank-section,.bank-card,.quiz-sheet,.table-scroll,.login form{background:#edf2ef;border-color:#b8c8c0}.metrics .metric:nth-child(1),.admin-metrics>div:nth-child(1),.admin-bank-summary>div:nth-child(1){background:#bfd2c8}.metrics .metric:nth-child(2),.admin-metrics>div:nth-child(2),.admin-bank-summary>div:nth-child(2){background:#bdced7}.metrics .metric:nth-child(3),.admin-metrics>div:nth-child(3),.admin-bank-summary>div:nth-child(3){background:#d4bec2}.metrics .metric:nth-child(4){background:#d5c9b9}.bank-overview>div:nth-child(1){background:#bfd2c8}.bank-overview>div:nth-child(2){background:#bdced7}.bank-overview>div:nth-child(3){background:#d5c9b9}.bank-overview>div:nth-child(4){background:#d4bec2}.bank-accuracy>div{background:#d9e2dd}.quiz-aside{background:#dbe4df;border-color:#7d968a}.option{background:#f1f4f2;border-color:#c7d2cc}.select-trigger{background:#c7d4cd}.select-trigger:hover{background:#bacbc2}.select-menu{background:#e6ece9}.report-row,.import-section{background:#e8eeeb}@media(max-width:720px){body,.main{background:#dce5e0}.mobile-nav{background:rgba(228,235,231,.97)}}

dialog:has(.question-editor){width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.question-editor .dialog-head>div{min-width:0}.question-editor .dialog-head .subtle{margin-top:4px}.option-editor,.answer-editor{border:1px solid #b9c8c0;border-radius:7px;padding:14px;margin:20px 0;background:#e4ebe7}.option-editor legend,.answer-editor legend{padding:0 7px;color:#4f655a;font-size:12px;font-weight:600}.option-editor>div{display:grid;gap:8px}.option-editor label{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:8px;align-items:center}.option-editor label>span{height:32px;display:grid;place-items:center;border-radius:5px;background:#bfd0c7;color:#344f43;font-size:12px;font-weight:650}.option-editor input{width:100%;min-height:38px;border:1px solid #afbeb6;border-radius:5px;background:#f1f4f2;color:#344b40;padding:8px 11px;font:inherit}.option-editor>.btn{margin-top:10px}.answer-editor>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-editor label{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #bdcbc4;border-radius:5px;background:#edf2ef;color:#43584e;font-size:12px;line-height:1.6}.answer-editor input{margin-top:3px;accent-color:#4d685b}.editor-note{padding:12px 14px;border-left:3px solid #7893a1;background:#d8e3e8;color:#526872;font-size:11px;line-height:1.7}.report-row>.report-actions{display:flex;grid-template-columns:none;justify-content:flex-end;gap:7px}.report-actions .btn{padding-inline:10px}@media(max-width:720px){dialog:has(.question-editor){width:calc(100vw - 20px);padding:20px}.answer-editor>div{grid-template-columns:1fr}.option-editor{padding:11px}.report-row>.report-actions{justify-content:flex-start;flex-wrap:wrap}}

dialog:has(.bank-manager){width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.manager-section{margin-top:22px;padding:18px;border:1px solid #b8c8c0;border-radius:7px;background:#e4ebe7}.manager-section h3{margin-bottom:8px}.manager-inline,.manager-move{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.manager-inline input,.manager-move input{flex:1;min-width:210px;min-height:41px;border:1px solid #aabbb2;border-radius:6px;background:#f7f9f8;color:#344b40;padding:9px 12px}.manager-inline .select-shell,.manager-move .select-shell{flex:1;min-width:210px}.manage-question-list{display:grid;gap:6px;max-height:330px;overflow:auto;margin:12px 0;padding:7px;border:1px solid #b8c7bf;border-radius:6px;background:#edf2ef}.manage-question-row{display:flex;gap:10px;align-items:flex-start;padding:9px;border-bottom:1px solid #cbd6d0}.manage-question-row:last-child{border-bottom:0}.manage-question-row input{margin-top:3px;accent-color:#4d685b}.manage-question-row span{display:grid;gap:4px;min-width:0}.manage-question-row strong{font-size:11px;color:#40594e}.manage-question-row small{font-size:11px;line-height:1.5;color:#66776f}.admin-bank-actions{gap:8px;flex-wrap:wrap}@media(max-width:720px){dialog:has(.bank-manager){width:calc(100vw - 20px);padding:17px}.manager-inline,.manager-move{align-items:stretch;flex-direction:column}.manager-inline>* ,.manager-move>*{width:100%}.manager-inline input,.manager-move input,.manager-inline .select-shell,.manager-move .select-shell{min-width:0}.admin-bank-actions{flex-direction:column}.admin-bank-actions .btn{width:100%}}