:root{color:#172b31;font-synthesis:none;letter-spacing:0;--ink:#12343b;--ink-soft:#31525a;--teal:#0e8f78;--gold:#d89b24;--coral:#d65d4a;--line:#d9e1de;--muted:#6c7d80;--surface:#fff;--soft:#f5f7f6;background:#edf1ef;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;color:#fff;background:var(--ink);border-right:1px solid #21474e;flex-direction:column;width:242px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{border-bottom:1px solid #295058;align-items:center;gap:11px;height:76px;padding:0 18px;display:flex}.brand-row strong{font-size:17px;display:block}.brand-row small{color:#98b3b6;margin-top:2px;font-size:11px;display:block}.brand-symbol{width:38px;height:38px;color:var(--ink);background:#efb643;border-radius:6px;place-items:center;display:grid}.nav-list{padding:18px 10px}.nav-item{color:#c6d6d7;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;width:100%;height:43px;padding:0 12px;display:flex}.nav-item:hover{color:#fff;background:#1a424a}.nav-item.active{color:#fff;background:#236159;box-shadow:inset 3px 0 #efb643}.nav-parent{color:#fff;margin-top:7px}.nav-chevron{margin-left:auto;transition:transform .18s}.nav-chevron.rotated{transform:rotate(-90deg)}.nav-children{border-left:1px solid #31545b;margin:2px 0 8px 19px;padding-left:7px}.sidebar-footer{color:#9eb6b9;border-top:1px solid #295058;align-items:center;gap:8px;margin-top:auto;padding:18px;font-size:12px;display:flex}.sidebar-footer strong{color:#8dd9b8;margin-left:auto}.status-dot{background:#59d399;border-radius:50%;width:7px;height:7px}.nav-close{color:#fff;margin-left:auto;display:none}.main-shell{flex:1;min-width:0;margin-left:242px}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;height:76px;padding:0 28px;display:flex}.topbar h1{color:var(--ink);margin:1px 0 0;font-size:21px;line-height:1.2}.section-label{color:var(--teal);text-transform:uppercase;font-size:10px;font-weight:800}.admin-menu{color:#354d53;align-items:center;gap:9px;margin-left:auto;font-size:13px;display:flex}.admin-avatar{color:#fff;background:var(--ink-soft);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.page-stage{padding:24px 28px 36px}.content-page{max-width:1440px;margin:0 auto}.icon-button{width:34px;height:34px;color:var(--ink-soft);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:#edf2f0}.text-button{color:var(--teal);background:0 0;border:0;padding:5px 7px;font-weight:700}.primary-button,.secondary-button{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:var(--teal);border:1px solid var(--teal)}.primary-button:hover{background:#087965}.secondary-button{color:var(--ink);background:#fff;border:1px solid #cbd6d2}.secondary-button:hover{background:#f2f5f4}.mobile-menu{margin-right:10px;display:none}.metric-band{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:repeat(3,1fr);display:grid}.metric-cell{border-right:1px solid var(--line);align-items:center;gap:14px;min-height:98px;padding:18px 22px;display:flex}.metric-cell:last-child{border-right:0}.metric-cell small,.metric-cell strong{display:block}.metric-cell small{color:var(--muted);font-size:12px}.metric-cell strong{color:var(--ink);margin-top:4px;font-size:27px}.metric-icon{border-radius:6px;place-items:center;width:41px;height:41px;display:grid}.metric-icon.teal{color:#087964;background:#dff2ec}.metric-icon.gold{color:#96630a;background:#fff0cc}.metric-icon.coral{color:#a74335;background:#fde5e0}.table-toolbar{align-items:center;gap:10px;margin:20px 0 12px;display:flex}.search-field{background:#fff;border:1px solid #ccd7d3;border-radius:5px;align-items:center;gap:8px;width:min(430px,100%);height:39px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0e8f7815}.search-field svg{color:#7b8d90}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0}.table-toolbar .secondary-button{margin-left:auto}.data-table-wrap{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{color:#667a7d;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;background:#f5f7f6;height:44px;padding:0 14px;font-size:11px}.data-table td{vertical-align:middle;border-bottom:1px solid #e8edeb;min-height:57px;padding:12px 14px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfb}.number-cell{font-variant-numeric:tabular-nums;text-align:right!important}.points-value{color:#a66c08;font-size:15px;font-weight:800}.user-identity{align-items:center;gap:10px;display:flex}.user-identity>span{color:#fff;background:var(--ink-soft);border-radius:5px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.user-identity strong,.user-identity small,.cell-subtitle{display:block}.user-identity small,.cell-subtitle{color:#879598;margin-top:3px;font-size:11px}.empty-cell{height:140px;color:var(--muted);text-align:center!important}.empty-cell svg{vertical-align:middle;margin-right:7px}.filter-band{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:18px;min-height:68px;padding:12px 16px;display:flex}.subject-heading{align-items:center;gap:11px;min-width:190px;display:flex}.subject-heading small,.subject-heading strong{display:block}.subject-heading small{color:var(--muted);font-size:10px}.subject-heading strong{margin-top:2px;font-size:17px}.subject-icon{color:#fff;background:var(--ink-soft);border-radius:5px;place-items:center;width:39px;height:39px;display:grid}.inline-select{align-items:center;gap:8px;margin-left:auto;display:flex}.inline-select span{color:var(--muted);font-size:12px}select,.editor-form input{height:38px;color:var(--ink);background:#fff;border:1px solid #cbd6d2;border-radius:5px;outline:none;padding:0 10px}select:focus,.editor-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0e8f7815}.curriculum-layout{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:260px minmax(0,1fr);min-height:590px;margin-top:16px;display:grid;overflow:hidden}.unit-rail{border-right:1px solid var(--line);background:#f5f7f6}.rail-title{color:#52686c;border-bottom:1px solid var(--line);align-items:center;height:49px;padding:0 14px;font-size:12px;font-weight:750;display:flex}.rail-title strong{min-width:24px;color:var(--teal);text-align:center;background:#dff2ec;border-radius:10px;margin-left:auto;padding:3px 6px}.unit-row{color:#3f565b;text-align:left;background:0 0;border:0;border-bottom:1px solid #e0e6e3;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:63px;padding:8px 10px;display:grid}.unit-row:hover{background:#fff}.unit-row.active{color:var(--ink);box-shadow:inset 3px 0 var(--teal);background:#fff}.unit-index{color:#8b999b;font-variant-numeric:tabular-nums;font-weight:800}.unit-row strong,.unit-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.unit-row strong{font-size:12px}.unit-row small{color:#899799;margin-top:5px;font-size:10px}.rail-empty{min-height:110px;color:var(--muted);text-align:center;place-items:center;padding:18px;font-size:12px;display:grid}.curriculum-main{min-width:0;padding:22px}.unit-header{align-items:center;gap:12px;display:flex}.unit-header h2{margin:5px 0 0;font-size:21px}.unit-header .secondary-button{margin-left:auto}.config-strip{border:1px solid var(--line);border-radius:5px;grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}.config-strip>span{border-right:1px solid var(--line);grid-template-columns:24px 1fr auto;align-items:center;gap:7px;min-height:68px;padding:10px 14px;display:grid}.config-strip>span:last-child{border-right:0}.config-strip svg{color:var(--teal)}.config-strip small{color:var(--muted)}.config-strip strong{font-size:16px}.section-toolbar{align-items:center;min-height:66px;margin-top:15px;display:flex}.section-toolbar h3{margin:0;font-size:15px;display:inline}.section-toolbar span{color:var(--muted);margin-left:8px;font-size:11px}.section-toolbar .primary-button{margin-left:auto}.word-table-wrap{max-height:390px}.word-value{color:var(--ink);font-size:15px;font-weight:800}.phonetic-value{color:#586f73;font-family:Segoe UI,sans-serif}.reading-chip{color:#176c5d;background:#e4f3ee;border-radius:4px;padding:4px 7px;font-weight:750;display:inline-block}.action-cell{width:62px;text-align:center!important}.danger-icon{color:var(--coral)}.danger-icon:hover{background:#fde9e5}.subject-placeholder,.main-empty{color:#819093;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:310px;display:flex}.subject-placeholder strong,.main-empty strong{color:var(--ink-soft);font-size:16px}.subject-placeholder span{font-size:12px}.notice{border-radius:5px;margin-top:12px;padding:11px 13px;font-size:12px}.error-notice{color:#9a3025;background:#fdeae6;border:1px solid #f3c1b8;align-items:center;display:flex}.error-notice .text-button{color:#9a3025;margin-left:auto}.form-error{color:#9a3025;background:#fdeae6;border:1px solid #f3c1b8;border-radius:5px;margin:0;padding:9px 11px;font-size:12px}.modal-backdrop{z-index:80;background:#0b2429aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #cbd7d3;border-radius:7px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 22px 60px #071b2055}.modal-header{border-bottom:1px solid var(--line);align-items:center;height:58px;padding:0 18px;display:flex}.modal-header h2{color:var(--ink);margin:0;font-size:17px}.modal-header .icon-button{margin-left:auto}.modal-body{padding:20px}.editor-form{gap:15px;display:grid}.editor-form label{gap:6px;min-width:0;display:grid}.editor-form label>span{color:#52676b;font-size:11px;font-weight:750}.editor-form input{width:100%}.editor-form input:disabled{color:#7b898b;background:#eef2f0}.form-grid{gap:12px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-actions{justify-content:flex-end;gap:9px;padding-top:5px;display:flex}.context-strip{color:#416067;border-left:3px solid var(--teal);background:#edf4f1;align-items:center;gap:8px;padding:9px 11px;font-size:12px;display:flex}.context-strip strong{color:var(--ink)}.input-action-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.compact-number{width:130px}.login-page{background:#f4f6f5;grid-template-columns:minmax(300px,42%) minmax(440px,58%);min-height:100vh;display:grid}.login-brand{color:#fff;background:var(--ink);flex-direction:column;justify-content:center;padding:clamp(40px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:56px solid #214e55;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-110px;right:-80px}.login-mark{width:52px;height:52px;color:var(--ink);background:#efb643;border-radius:6px;place-items:center;display:grid}.login-brand p{color:#7fd1bc;margin:31px 0 10px;font-size:11px;font-weight:800}.login-brand h1{z-index:1;max-width:420px;margin:0;font-size:clamp(38px,5vw,66px);line-height:1.12;position:relative}.login-rule{background:#efb643;width:72px;height:4px;margin:30px 0 14px}.login-brand>span{color:#a8bdc0;font-size:13px}.login-panel{place-items:center;padding:32px;display:grid}.login-form{gap:17px;width:min(390px,100%);display:grid}.security-mark{color:var(--teal);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.login-form h2{color:var(--ink);margin:0 0 15px;font-size:27px}.login-form label{gap:7px;display:grid}.login-form label>span{color:#52676b;font-size:11px;font-weight:750}.input-shell{background:#fff;border:1px solid #c9d4d0;border-radius:5px;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.input-shell:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0e8f7815}.input-shell svg{color:#6d8285}.input-shell input{border:0;outline:none;flex:1;min-width:0}.login-button{height:44px;margin-top:4px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.nav-scrim{z-index:29;background:#0a242985;position:fixed;inset:0}.nav-close,.mobile-menu{display:inline-grid}.main-shell{margin-left:0}.page-stage{padding:18px}.curriculum-layout{grid-template-columns:220px minmax(0,1fr)}.login-page{grid-template-columns:minmax(270px,38%) minmax(400px,62%)}}@media (width<=680px){.topbar{height:68px;padding:0 14px}.topbar h1{font-size:18px}.admin-menu>span:not(.admin-avatar){display:none}.page-stage{padding:12px}.metric-band{grid-template-columns:1fr}.metric-cell{border-right:0;border-bottom:1px solid var(--line);min-height:78px}.metric-cell:last-child{border-bottom:0}.table-toolbar{align-items:stretch}.table-toolbar .secondary-button{width:42px;padding:0;font-size:0}.filter-band{flex-wrap:wrap;align-items:stretch}.subject-heading{flex:1}.inline-select{order:3;width:100%;margin-left:0}.inline-select select{flex:1}.curriculum-layout{min-height:0;display:block}.unit-rail{border-right:0;border-bottom:1px solid var(--line);max-height:220px;overflow:auto}.curriculum-main{padding:16px 12px}.unit-header{align-items:flex-start}.unit-header h2{font-size:18px}.unit-header .secondary-button{width:38px;padding:0;font-size:0}.config-strip{grid-template-columns:1fr}.config-strip>span{border-right:0;border-bottom:1px solid var(--line);min-height:51px}.config-strip>span:last-child{border-bottom:0}.three-columns,.two-columns,.input-action-row{grid-template-columns:1fr}.input-action-row .secondary-button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal-panel{border-radius:7px 7px 0 0;width:100%;max-height:92vh}.login-page{min-height:100vh;display:block}.login-brand{justify-content:flex-start;min-height:230px;padding:30px 24px}.login-brand h1{font-size:34px}.login-brand p{margin-top:18px}.login-rule,.login-brand>span{display:none}.login-panel{padding:32px 22px}}