:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#21334a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#e8f8f2 0,transparent 30rem),#f4f7fb}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:72px;padding:0 max(28px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7edf4}.brand{text-decoration:none;color:#17324d;display:flex;align-items:baseline;gap:12px}.brand span{font-size:22px;font-weight:900;color:#14a47d}.brand small{color:#718096}.admin-meta,.admin-meta form{display:flex;align-items:center;gap:18px}.page-shell{width:min(1200px,calc(100% - 48px));margin:42px auto 80px}.card{background:rgba(255,255,255,.94);border:1px solid #e4ebf2;border-radius:18px;box-shadow:0 12px 35px rgba(34,65,92,.07)}.login-layout{min-height:calc(100vh - 120px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px}.login-copy h1{font-size:56px;line-height:1.1;margin:14px 0}.login-copy em{font-style:normal;color:#10a47a}.login-copy p{font-size:18px;color:#6f7f91}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#10a47a}.login-card,.dialog-form{padding:36px;display:grid;gap:22px}.login-card h2,.dialog-form h2{font-size:28px;margin:10px 0 4px}.muted{color:#758496;margin:0}.badge,.status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge,.status.active{color:#087959;background:#dbf7ed}.status.inactive{color:#9d4a39;background:#fee7e1}label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#536579}input,select{width:100%;border:1px solid #ccd7e2;border-radius:10px;padding:12px 14px;background:#fff;color:#20344a;outline:none}input:focus,select:focus{border-color:#10a47a;box-shadow:0 0 0 3px rgba(16,164,122,.12)}button{border:1px solid #ccd7e2;background:#fff;color:#304860;border-radius:10px;padding:11px 16px;font-weight:750}.primary{border-color:#0d9a73;background:#10a47a;color:#fff}.compact{padding:9px 14px}.danger{border-color:#efc7be;color:#a94332;background:#fff6f4}.link-button{border:0;padding:0;color:#66778a}.alert{padding:12px 14px;border-radius:10px;background:#fff0ed;color:#a13b2c;border:1px solid #ffd4cc}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-heading h1{font-size:36px;margin:8px 0}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input{max-width:420px}.table-card{overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:17px 20px;border-bottom:1px solid #edf1f5}th{background:#f9fbfd;color:#78889a;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fcfa}td strong,td small{display:block}td small{color:#8795a5;margin-top:4px}.empty{text-align:center;padding:50px;color:#8795a5}.progress-line{height:7px;min-width:120px;border-radius:20px;background:#e8eef3;overflow:hidden;margin-bottom:5px}.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16aa7f,#55cba9)}.progress-line.large{height:11px;margin:18px 0 26px}dialog{border:0;border-radius:18px;padding:0;width:min(500px,calc(100% - 30px));box-shadow:0 24px 80px rgba(20,44,67,.28)}dialog::backdrop{background:rgba(21,40,58,.45)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.back{text-decoration:none;color:#61758a;font-weight:700}.student-header{display:flex;align-items:center;gap:18px;padding:26px;margin:18px 0}.avatar{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#18b58a,#6cddbd);color:#fff;font-size:28px;font-weight:900}.student-title{flex:1}.student-title h1{margin:0}.student-title p,.student-title small{color:#738396}.title-row{display:flex;align-items:center;gap:12px}.pack-card{padding:28px;margin-top:18px}.pack-heading{display:flex;align-items:center;justify-content:space-between}.pack-heading h2{margin:5px 0}.progress-summary{text-align:right}.progress-summary strong,.progress-summary span{display:block}.progress-summary strong{font-size:28px;color:#0d9a73}.progress-summary span{color:#78889a}.level-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:8px}.grid-head{padding:8px;color:#8391a0;font-size:12px;font-weight:800;text-align:center}.group-label,.level-state{padding:11px 12px;border-radius:9px;background:#f2f5f8;text-align:center;font-size:13px}.group-label{text-align:left;font-weight:800;color:#53667a}.level-state{color:#8996a4}.level-state.done{background:#dcf7ed;color:#087959;font-weight:800}.account-card{padding:24px 28px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.account-card form{display:flex;gap:10px;min-width:420px}.account-security{align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:18px}.account-security form{min-width:0;width:min(560px,100%);justify-content:flex-start}.account-security form input{flex:1}.danger-zone{border-color:#f0d2cb;background:#fffaf8}@media(max-width:800px){.page-shell{width:min(100% - 28px,1200px)}.login-layout{grid-template-columns:1fr;gap:24px}.login-copy{display:none}.page-heading,.account-card{align-items:stretch;flex-direction:column}.table-card{overflow-x:auto}.level-grid{min-width:620px}.pack-card{overflow-x:auto}.account-card form{min-width:0;flex-direction:column}}