@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#172033;font-synthesis:none;background:#f5f7fb;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}main{min-height:100vh}header{background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,24px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brand>span{color:#fff;background:#1a57c8;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand svg{width:22px}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{color:#8790a2;margin-top:2px;font-size:11px}.ghost,.danger{color:#48546a;background:#fff;border:1px solid #dde2eb;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.ghost svg,.danger svg{width:16px}.hero{color:#fff;background:linear-gradient(118deg,#0c2860,#164ea5 65%,#1c68ca);justify-content:space-between;align-items:center;min-height:290px;padding:46px max(7vw,30px);display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #ffffff15;border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;right:-80px;box-shadow:0 0 0 70px #ffffff08,0 0 0 150px #ffffff05}.eyebrow{letter-spacing:2px;color:#9fc5ff;font-size:11px;font-weight:800}.hero h1{margin:12px 0;font-size:42px;line-height:1.12}.hero h1 em{color:#69a6ff;font-style:normal}.hero p:last-child{color:#b9cbea;font-size:14px}.heroMark{z-index:1;background:#ffffff0b;border:1px solid #ffffff30;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:175px;height:175px;margin-right:8vw;display:flex}.heroMark svg{width:30px}.heroMark b{margin-top:8px;font-size:34px}.heroMark span{color:#bad0f2;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1180px;margin:-28px auto 22px;padding:0 20px;display:grid;position:relative}.stats article,.card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;box-shadow:0 5px 20px #23375b0a}.stats article{align-items:center;gap:13px;padding:18px;display:flex}.stats article>span,.title>span{border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.stats svg,.title svg{width:19px}.blue{color:#2867d4;background:#e8f0ff}.green{color:#20a260;background:#e8f8ef}.amber{color:#df9418;background:#fff5df}.purple{color:#8651d5;background:#f1ebff}.stats small,.stats b{display:block}.stats small{color:#8992a3;font-size:11px}.stats b{margin-top:3px;font-size:22px}.grid,.tableCard,.allocations{max-width:1140px;margin:0 auto 20px}.grid{grid-template-columns:1.15fr .85fr;gap:20px;padding:0;display:grid}.card{padding:24px}.title{align-items:center;gap:12px;margin-bottom:22px;display:flex}.title>span{color:#2a62c9;background:#edf3ff}.title h2,.tableTop h2{margin:0;font-size:17px}.title p,.tableTop p{color:#9098a7;margin:4px 0 0;font-size:11px}.formCard form label{color:#5a6476;margin:15px 0 6px;font-size:11px;font-weight:700;display:block}.formCard input,.select select,.search input{color:#263044;background:#fff;border:1px solid #dfe4ec;border-radius:9px;outline:none;width:100%;padding:12px 13px}.formCard input:focus,.select select:focus{border-color:#3673df;box-shadow:0 0 0 3px #3673df14}.two{grid-template-columns:1fr 1.5fr;gap:12px;display:grid}.select{position:relative}.select select{appearance:none;padding-right:34px}.select svg{pointer-events:none;color:#8e97a7;width:15px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.chips{gap:8px;display:flex}.chips button{color:#637086;background:#fff;border:1px solid #dfe4ec;border-radius:9px;min-width:52px;padding:9px 12px;font-weight:700}.chips button.on{color:#fff;background:#2768d6;border-color:#2768d6}.available{color:#62708a;background:#f3f7ff;border:1px solid #dbe8ff;border-radius:10px;justify-content:space-between;margin-top:18px;padding:12px 14px;font-size:12px;display:flex}.available b{color:#1b55b7}.primary{color:#fff;background:#1859c8;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:14px;padding:12px;font-weight:800;display:flex}.primary svg{width:16px}.ok,.error{text-align:center;margin:10px 0 0;font-size:11px}.ok{color:#169456}.error{color:#d33c46}.empty{color:#a0a8b5;flex-direction:column;justify-content:center;align-items:center;height:260px;display:flex}.empty svg{background:#f1f4f8;border-radius:50%;width:44px;height:44px;padding:10px}.empty b{color:#657084;margin-top:12px;font-size:13px}.empty p{font-size:11px}.teacherList{max-height:300px;overflow:auto}.teacherList>div{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:11px 0;display:flex}.teacherList>div>span{color:#2560c8;background:#eaf1ff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.teacherList p{flex:1;margin:0}.teacherList p b,.teacherList p small{display:block}.teacherList p b{font-size:12px}.teacherList p small{color:#9aa2af;margin-top:2px;font-size:10px}.teacherList strong{color:#1e5dc9;font-size:12px}.tableTop{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.tools{gap:8px;display:flex}.search{position:relative}.search svg{color:#919aa8;width:15px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search input{width:220px;padding:10px 12px 10px 34px}.grade select{padding:10px 34px 10px 12px}.tableWrap{margin:0 -24px -24px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#778195;text-transform:uppercase;letter-spacing:.5px;background:#f7f9fc;font-size:10px}th,td{border-top:1px solid #edf0f4;padding:12px 18px}td:nth-child(n+3){font-variant-numeric:tabular-nums}.classTag,.allocation>span{color:#225cbf;background:#edf3ff;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}.done{color:#15945a}.progress{vertical-align:middle;background:#e8ecf2;border-radius:5px;width:80px;height:5px;display:inline-block;overflow:hidden}.progress i{background:#2b6dd8;border-radius:5px;height:100%;display:block}td:last-child small{color:#8791a2;margin-left:8px;font-size:9px}.danger{color:#cc3b47;border-color:#f0d6d9}.allocation{border-top:1px solid #edf0f4;align-items:center;gap:13px;padding:12px 0;display:flex}.allocation p{flex:1;margin:0}.allocation p b,.allocation p small{display:block}.allocation p b{font-size:12px}.allocation p small{color:#8d96a6;margin-top:2px;font-size:10px}.allocation strong{color:#1e5dc9;font-size:12px}.allocation button{color:#c24951;background:#fff;border:0;padding:6px}.allocation button svg{width:16px}footer{text-align:center;color:#9aa2af;padding:25px;font-size:10px}@media (width<=800px){.heroMark{display:none}.hero h1{font-size:32px}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr;margin:0 15px 20px}.tableCard,.allocations{margin:0 15px 20px}.tableTop{flex-direction:column;align-items:flex-start}.tools{width:100%}.search{flex:1}.search input{width:100%}}@media (width<=500px){header{padding:0 15px}.ghost{font-size:0}.ghost svg{margin:0}.hero{padding:35px 22px}.stats{padding:0 12px}.stats article{padding:13px}.stats b{font-size:18px}.two{grid-template-columns:1fr}.chips{flex-wrap:wrap}.card{padding:18px}.tableWrap{margin:0 -18px -18px}.brand small{display:none}}