:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#182033;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.shell{max-width:1280px;margin:auto;padding:28px 20px}.top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.15em;color:#556ee6;margin:0 0 8px}.top h1{font-size:32px;margin:0}.top p{color:#68738a;margin:6px 0 0}button{border:0;border-radius:10px;background:#3157d5;color:#fff;padding:10px 16px;cursor:pointer;font:inherit}button:hover{filter:brightness(1.05)}.panel{background:#fff;border:1px solid #e0e6f0;border-radius:18px;padding:20px;box-shadow:0 10px 32px #243b6812;margin:16px 0}.login{max-width:440px;margin:100px auto}.login label{display:grid;gap:6px;color:#59667e;font-size:14px;margin:16px 0}.login input{border:1px solid #ccd5e6;border-radius:10px;padding:12px;font:inherit}.error{color:#c3384a;min-height:1.5em}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #e0e6f0;border-radius:16px;padding:16px}.card strong{display:block;font-size:25px;margin-top:6px}.muted{color:#68738a;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{margin:0}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:16px}.course{border:1px solid #e0e6f0;border-radius:12px;padding:14px}.course h3{margin:0 0 8px}.course a{color:#3157d5;margin-right:12px;font-size:13px}.table-wrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-top:1px solid #e8ecf3;font-size:14px}th{color:#68738a;font-weight:600}.pill{display:inline-flex;padding:3px 8px;border-radius:999px;background:#e8f7ee;color:#23784a;font-size:12px}.pill.idle{background:#fff5dd;color:#9a6700}.pill.offline{background:#ffebee;color:#ba3145}.danger{background:#fff;color:#ba3145;border:1px solid #efb3bd;padding:6px 10px;font-size:12px}@media(max-width:760px){.shell{padding:18px 12px}.top h1{font-size:25px}.cards{grid-template-columns:repeat(2,1fr)}}[data-theme=dark]{color:#e7ebf7;background:#101522}[data-theme=dark] .panel,[data-theme=dark] .card,[data-theme=dark] .course{background:#171e2e;border-color:#2b3852}[data-theme=dark] .top p,[data-theme=dark] .muted,[data-theme=dark] th{color:#9da9c1}[data-theme=dark] .login input{background:#101522;color:#fff}
 .danger.solid{background:#ba3145;color:#fff}.secondary{background:#eef2f8;color:#33405a}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 20px 60px #16264a44}dialog form{padding:24px;min-width:320px}dialog::backdrop{background:#10152266}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
 .top-actions{display:flex;gap:10px;flex-wrap:wrap}.top-actions button:first-child{background:#eef2f8;color:#33405a}dialog label{display:grid;gap:6px;color:#59667e;font-size:14px;margin:12px 0}dialog input{border:1px solid #ccd5e6;border-radius:10px;padding:10px;font:inherit}