*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,Noto Sans TC,PingFang TC,system-ui,sans-serif;color:#211a15;background:#f6f1e9}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.center{min-height:100vh;display:grid;place-items:center}.eyebrow,.module-kicker{font-size:.72rem;font-weight:900;letter-spacing:.18em;color:#a76e29}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.brand-panel{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#2a1e17,#755038);color:#fff}.brand-panel .eyebrow{color:#e8bb78}.brand-panel h1{font-size:5rem;margin:.5rem 0}.brand-panel p{font-size:1.2rem}.brand-note{margin-top:2rem;color:#e9d8c7}.login-card{align-self:center;width:min(520px,90%);margin:auto;padding:2.5rem;border-radius:28px;background:#fff;box-shadow:0 28px 80px #4f38231b}.login-badge{display:inline-block;padding:.5rem .8rem;border-radius:999px;background:#eee1d1;color:#67472c;font-weight:800}.login-card h2{font-size:2.3rem;margin:1rem 0 .4rem}.login-card>p{color:#76685c}.login-card label,.form-grid label{display:block;margin-top:1rem;font-size:.85rem;font-weight:800}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{width:100%;margin-top:.4rem;padding:.9rem 1rem;border:1px solid #d8cfc2;border-radius:12px;background:#fff}.phone-field{display:flex;align-items:center;margin-top:.4rem;border:1px solid #d8cfc2;border-radius:12px;overflow:hidden}.phone-field span{padding:0 1rem;font-weight:900;border-right:1px solid #e5ded4}.phone-field input{border:0;margin:0;border-radius:0}.login-card button,.modal-actions button,.toolbar>button{width:100%;margin-top:1rem;padding:.95rem 1rem;border-radius:12px;background:#3a281c;color:#fff;font-weight:900}.secondary{background:#eee4d8!important;color:#4d3a2b!important}.text-button{background:transparent!important;color:#70563f!important}.notice{margin-top:1rem;padding:.9rem 1rem;border-radius:12px;font-size:.86rem}.notice.ok{background:#e8f2e4;color:#48613d}.notice.error{background:#f6e2dc;color:#8a4633}.notice.info{background:#eee6da;color:#6b5846}.notice.global{position:sticky;top:.5rem;z-index:8;margin-bottom:1rem;box-shadow:0 10px 30px #0001}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{position:sticky;top:0;height:100vh;padding:2rem 1rem 1.2rem;display:flex;flex-direction:column;background:#201914;color:#fff}.logo-small{font-weight:900;letter-spacing:.16em}.logo-cn{margin-top:.2rem;color:#d6a45d;font-weight:800}.super-chip{margin:1rem 0;padding:.6rem .7rem;border:1px solid #d6b06a55;border-radius:10px;background:#d6b06a12;color:#e5c386;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-align:center}nav{display:grid;gap:.25rem;margin-top:1rem}.nav-item,.logout{width:100%;padding:.9rem 1rem;border-radius:10px;background:transparent;color:#d9d1cb;text-align:left;font-weight:700}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.aside-user{display:flex;align-items:center;gap:.75rem;margin-top:auto;padding:1rem .2rem;border-top:1px solid #ffffff14}.aside-user .avatar,.user-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#b47b38;color:#fff;font-weight:900}.aside-user strong,.aside-user small,.user-pill strong,.user-pill small{display:block}.aside-user small{margin-top:.15rem;color:#b8aaa0;font-size:.7rem}.logout{margin-top:.4rem;background:#ffffff09;text-align:center}.dashboard{min-width:0;padding:2.5rem 3vw 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar h1{font-size:2.65rem;margin:.2rem 0}.top-actions{display:flex;align-items:center;gap:.5rem}.version-badge{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #79562d59;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#7b552d;background:#f5ead9}.user-pill{display:flex;align-items:center;gap:.65rem;padding:.5rem .75rem;border-radius:999px;background:#ece1d2;color:#3f3025;text-align:left}.user-pill small{color:#7a6858;font-size:.68rem}.user-dot{width:30px;height:30px}.admin-banner{display:flex;gap:1rem;margin-top:1.2rem;padding:1rem 1.2rem;border:1px solid #dbc28f;border-radius:14px;background:#f8edd8;color:#5e4526}.admin-banner span{color:#7b674e;font-size:.86rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.cards article{padding:1.5rem;border:1px solid #e5ddd2;border-radius:18px;background:#fff}.cards span{color:#7d7165}.cards strong{display:block;margin-top:.7rem;font-size:1.7rem}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.quick-card{padding:1.3rem;border:1px solid #e5ddd2;border-radius:18px;background:#fff;color:#33251b;text-align:left}.quick-card span,.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:2rem;margin:.35rem 0}.quick-card small{color:#8b7866}.welcome{margin-top:1rem;padding:2rem;border-radius:20px;background:#e9dfd2}.welcome h2{margin:.4rem 0;font-size:2rem}.welcome p{max-width:850px;line-height:1.8;color:#655c53}.management-page{margin-top:1.5rem}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.section-head h2{font-size:2rem;margin:.25rem 0}.section-head p{margin:.2rem 0;color:#776b60}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.toolbar-left{display:flex;gap:.6rem;flex:1;min-width:0}.toolbar input,.toolbar select{width:auto;margin:0;min-width:150px}.toolbar .search{flex:1;min-width:220px}.toolbar>button{width:auto;margin:0;white-space:nowrap}.table-card{overflow:hidden;border:1px solid #e5ddd2;border-radius:18px;background:#fff}.table-head,.table-row{display:grid;align-items:center;gap:.9rem;padding:.9rem 1rem}.table-head{background:#eee5da;color:#695848;font-size:.72rem;font-weight:900;letter-spacing:.04em}.table-row{border-top:1px solid #eee7de}.table-row:first-of-type{border-top:0}.table-row strong,.table-row small{display:block}.table-row small{margin-top:.2rem;color:#8b7d70;font-size:.74rem}.city-cols{grid-template-columns:1.4fr .5fr .5fr .6fr 2fr}.school-cols{grid-template-columns:1.6fr .8fr .8fr .6fr 1.6fr}.course-cols{grid-template-columns:1.3fr .7fr .7fr .55fr .6fr 1.6fr}.teacher-cols{grid-template-columns:1fr .8fr 1.1fr .55fr .7fr 1.9fr}.actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.mini{padding:.48rem .65rem;border-radius:9px;background:#eee5da;color:#4e3928;font-size:.73rem;font-weight:800}.mini.danger{background:#f3dfd8;color:#8a4936}.status{display:inline-flex;padding:.38rem .6rem;border-radius:999px;background:#eee;color:#776e67;font-size:.7rem;font-weight:900}.status.active{background:#e7f0e1;color:#4f6d3f}.status-select{max-width:105px;padding:.45rem .5rem;border:1px solid #d9d0c5;border-radius:8px;background:#fff;font-size:.72rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:3rem;text-align:center;color:#80746a}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#1d1712aa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-modal{width:min(460px,96vw);max-height:92vh;overflow:auto;padding:1.7rem;border-radius:22px;background:#fff;box-shadow:0 30px 100px #0005}.edit-modal.wide{width:min(780px,96vw)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal-head h2{margin:.25rem 0 1rem}.icon-close{width:40px;height:40px;border-radius:50%;background:#eee5da;color:#4a3526;font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem}.form-grid label{margin:0}.span2{grid-column:1/-1}.form-grid textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.2rem}.modal-actions button{width:auto;min-width:120px}.modal-actions .secondary{margin-top:1rem}@media(max-width:1150px){.table-card{overflow:auto}.table-head,.table-row{min-width:900px}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{grid-template-columns:220px 1fr}.cards{grid-template-columns:repeat(2,1fr)}.dashboard{padding:2rem}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left{flex-wrap:wrap}.toolbar>button{align-self:flex-start}.top-actions{align-items:flex-end;flex-direction:column}}@media(max-width:700px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:32vh;padding:3rem 2rem}.brand-panel h1{font-size:3.5rem}.login-card{margin:1.2rem;padding:1.5rem}.app-shell{grid-template-columns:1fr}aside{display:none}.dashboard{padding:1.2rem}.topbar{align-items:flex-start}.topbar h1{font-size:2rem}.version-badge{display:none}.cards{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.admin-banner{flex-direction:column}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.toolbar-left{display:grid;grid-template-columns:1fr}.toolbar input,.toolbar select{width:100%}}