:root{--ink:#14261f;--muted:#687a71;--line:#d7e2dc;--bg:#f6f8f6;--green:#096a56;--deep:#12372e;--lime:#cfe574;--red:#c94d43;--amber:#c87825}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 system-ui,"Microsoft YaHei",sans-serif}.loading{height:100vh;display:grid;place-items:center;color:var(--muted)}.layout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:var(--deep);color:#dceae5;padding:26px 16px;display:flex;flex-direction:column}.brand{padding:0 10px 28px}.brand em{color:var(--lime);font-style:normal;font-size:11px;letter-spacing:1px}.brand h1{color:#fff;font-size:20px;margin:8px 0 3px}.brand p{font-size:12px;color:#9eb7ae;margin:0}.nav button{width:100%;display:block;text-align:left;background:transparent;border:0;border-radius:8px;color:#c2d2cc;padding:11px 12px;margin:2px 0;font:inherit;cursor:pointer}.nav button.active,.nav button:hover{background:#285347;color:#fff}.teacher{margin-top:auto;border:1px solid #315d51;border-radius:10px;padding:11px;display:flex;gap:9px;align-items:center;background:#1d473d}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-weight:700;background:#d6efe3;color:var(--green)}.teacher b,.teacher span{display:block}.teacher span{font-size:11px;color:#a5bdb4}.main{max-width:1560px;width:100%;margin:auto;padding:27px 32px}.top{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--green);font-weight:700}.top h2{font-size:27px;margin:5px 0 0;letter-spacing:-.8px}.user{display:flex;gap:8px;align-items:center}.user span{font-size:11px;color:var(--muted)}.user b,.user span{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px}.stat:first-child{background:var(--deep);color:#fff;border-color:var(--deep)}.stat small{display:block;color:var(--muted)}.stat:first-child small{color:#b9cdc5}.stat b{font-size:28px;display:block;margin:8px 0 1px}.stat.warn b{color:var(--amber)}.stat.danger b{color:var(--red)}.content{background:#fff;border:1px solid var(--line);border-radius:12px}.tabs{border-bottom:1px solid var(--line);padding:0 20px;display:flex;gap:22px}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:15px 2px 12px;color:var(--muted);font:inherit;cursor:pointer}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}.panel{padding:19px}.toolbar{display:flex;gap:10px;margin-bottom:15px}.search{flex:1}.input,select,input,textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px;background:white;color:var(--ink);font:inherit}.button{border:0;border-radius:7px;padding:9px 13px;font-weight:600;cursor:pointer}.primary{background:var(--green);color:white}.ghost{background:#f2f8f5;border:1px solid #bcd8cd;color:var(--green)}.meta{font-size:12px;color:var(--muted);margin:0 0 11px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;min-width:950px}th{background:#f0f6f3;color:#50665c;text-align:left;font-size:12px}th,td{padding:11px 12px;border-bottom:1px solid var(--line)}td b,td small{display:block}td small{color:var(--muted);font-size:11px}.pill{display:inline-block;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:600;background:#e0f3ec;color:#08705b}.pill.warn{background:#fff0ca;color:#975e18}.pill.danger{background:#fde6e2;color:#b5443c}.action{border:1px solid var(--line);background:white;border-radius:6px;padding:4px 7px;color:var(--green);cursor:pointer;margin-right:4px;font-size:11px}.hidden{display:none}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.timeline{border-left:2px solid #d9e8e1;padding-left:20px;margin:10px 0}.event{padding-bottom:18px;position:relative}.event:before{content:"";position:absolute;width:8px;height:8px;left:-26px;top:5px;border-radius:50%;background:var(--green);border:2px solid white;box-shadow:0 0 0 1px #9fcdbc}.event small{display:block;color:var(--muted)}.notice{background:#f1f8ea;border:1px solid #d5e8bd;border-radius:9px;padding:15px;color:#4f6f58}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category{border:1px solid var(--line);padding:16px;border-radius:9px}.category b,.category span{display:block}.category span{font-size:12px;color:var(--muted)}.member{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.member-info{display:flex;gap:9px;align-items:center}.member small{color:var(--muted)}dialog{border:0;border-radius:12px;padding:0;width:min(620px,calc(100vw - 28px));box-shadow:0 20px 70px #0004}dialog::backdrop{background:#17352d88}dialog form>header{background:var(--deep);color:white;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}dialog h3{margin:0;font-size:17px}.close{border:0;background:none;color:#fff;font-size:22px;cursor:pointer}.form-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:12px;font-weight:600;color:#455a50}.form-grid input,.form-grid select,.form-grid textarea{margin-top:5px;font-weight:400}.wide{grid-column:1/-1}.form-grid textarea{height:62px;resize:vertical}dialog footer{padding:0 20px 20px;display:flex;justify-content:flex-end;gap:9px}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px 13px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.top h2{font-size:23px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}}@media(max-width:480px){.stats{grid-template-columns:1fr}.tabs{gap:14px;padding:0 12px}.tabs button{font-size:12px}.panel{padding:13px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}