*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei",sans-serif;background:#f3f5fa;color:#14213d}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#5946e833,transparent 28%),#09152d}.card{width:min(430px,90vw);padding:42px;border-radius:24px;background:#fff;box-shadow:0 24px 70px #0005}.card h1{font-size:28px;margin:10px 0}.card p{color:#74809a}.card label{display:grid;gap:8px;margin:20px 0;font-weight:700}.card input{padding:14px;border:1px solid #dce1ec;border-radius:12px}.card button,.primary{width:100%;padding:14px;border:0;border-radius:12px;background:#6048e8;color:#fff;font-weight:800}.eyebrow,header small{color:#6853ee;font-size:11px;letter-spacing:2px;font-weight:900}#error{display:block;color:#d94343;margin-top:12px}#app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{background:#0c1831;color:#fff;padding:32px 22px;display:flex;flex-direction:column;gap:8px}aside b{font-size:24px}aside span{color:#91a0bd;margin-bottom:25px}nav{display:grid;gap:8px}nav button{text-align:left;padding:13px 16px;border:0;border-radius:10px;color:#aeb9ce;background:transparent}nav button.active,nav button:hover{background:#614be8;color:#fff}main{padding:34px;max-width:1500px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header h2{margin:5px 0;font-size:30px}header i{font-style:normal;background:#ddf7e9;color:#157347;padding:8px 12px;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stat,.panel{background:#fff;border:1px solid #e5e8f1;border-radius:18px;padding:22px;box-shadow:0 8px 25px #21305b0b}.stat b{display:block;font-size:30px;margin-top:12px;color:#523bda}.stat span,.muted{color:#7a8498}.panel{margin-top:18px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf0f5}select{padding:8px;border:1px solid #dce1ec;border-radius:8px}.course{padding:18px;border:1px solid #e5e8f1;border-radius:14px;margin:10px 0}.course h3{margin:0 0 5px}.comment{display:grid;grid-template-columns:1fr auto;gap:6px;padding:16px 0;border-bottom:1px solid #edf0f5}.danger{border:0;border-radius:9px;background:#fff0f0;color:#c73535;padding:8px 12px}@media(max-width:850px){#app{grid-template-columns:1fr}aside{padding:18px}nav{display:flex;overflow:auto}.stats{grid-template-columns:repeat(2,1fr)}main{padding:18px}}