:root{--ink:#18312b;--muted:#6b7d77;--paper:#f4f1e9;--card:#fffdf8;--green:#1d6b55;--line:#dedbd1;--accent:#dd7b45}*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;padding:.7rem 1.1rem;background:var(--green);color:white;cursor:pointer}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:8vw;background:radial-gradient(circle at 10% 20%,#dceadf,transparent 35%),var(--paper)}.brand span{display:inline-block;background:var(--ink);color:white;padding:.25rem .7rem;border-radius:99px}.brand h1{font-size:clamp(3rem,7vw,7rem);line-height:1;margin:.35em 0}.brand p{font-size:1.2rem;color:var(--muted)}.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:2rem;box-shadow:0 18px 45px #25483c12}.card input,.form-panel input,.form-panel textarea,.form-panel select,dialog input{width:100%;margin:.45rem 0 1rem;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:white}.card button{width:100%;margin-top:.4rem}.link,.quiet{background:transparent;color:var(--green)}.hint,.error{color:var(--muted);font-size:.9rem}.error{color:#a33}#workspace{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:sticky;top:0;height:100vh;padding:2rem 1rem;display:flex;flex-direction:column;background:var(--ink);color:white}.logo{font-size:1.5rem;font-weight:800;padding:0 1rem 2rem}nav{display:grid;gap:.35rem}nav button{text-align:left;background:transparent;color:#c9d8d3}nav button.active{background:#ffffff18;color:white}aside .quiet{margin-top:auto;color:#c9d8d3}main{padding:2.5rem 4vw;max-width:1400px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}header small{letter-spacing:.16em;color:var(--accent)}header h1{margin:.15rem 0;font-size:2rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.metrics article{background:var(--ink);color:white;border-radius:18px;padding:1.6rem}.metrics b{font-size:2.5rem;display:block}.metrics span{color:#b9cbc5}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.student-card,.problem-row{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:1.2rem}.problem-row{display:grid;grid-template-columns:1fr auto;gap:1rem;margin:.7rem 0}.tag{display:inline-block;font-size:.78rem;padding:.15rem .5rem;border-radius:99px;background:#dfebe5;margin:.15rem}.status{color:var(--accent)}label{display:block;font-weight:650;margin:1rem 0}.form-panel{max-width:760px}dialog{border:0;border-radius:18px;padding:2rem;min-width:min(520px,90vw);box-shadow:0 30px 80px #0004}dialog::backdrop{background:#10241d99}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.brand h1{font-size:3rem}#workspace{grid-template-columns:1fr}aside{position:static;height:auto}nav{grid-template-columns:repeat(4,1fr)}main{padding:1.3rem}.metrics{grid-template-columns:1fr}.problem-row{grid-template-columns:1fr}}