*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f5f7fb;color:#17202e}.top{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e4e7ec}.bar{max-width:1120px;margin:auto;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:850;font-size:19px;color:#155eef;text-decoration:none}nav{display:flex;gap:6px;flex-wrap:wrap}.wrap{max-width:1120px;margin:auto;padding:12px}.card{background:#fff;border:1px solid #eef0f4;border-radius:16px;padding:17px;margin:12px 0;box-shadow:0 5px 18px rgba(16,24,40,.06)}h1,h2,h3{margin-top:0}.muted{color:#667085}.small{font-size:13px}.btn{display:inline-block;border:0;border-radius:10px;padding:10px 13px;text-decoration:none;font-weight:750;cursor:pointer}.primary{background:#155eef;color:#fff}.secondary{background:#eef4ff;color:#1849a9}.danger{background:#fee4e2;color:#b42318}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#fff;border:1px solid #e4e7ec;border-radius:13px;padding:14px}.stat b{display:block;font-size:25px}.field{margin:12px 0}.field label{display:block;font-weight:750;margin-bottom:6px}.input,.select,.textarea{width:100%;padding:12px;border:1px solid #cfd5df;border-radius:10px;font:inherit;background:#fff}.textarea{min-height:95px;resize:vertical}.student-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.student-name{font-size:18px;font-weight:850}.pill{font-size:12px;border-radius:999px;padding:5px 9px;background:#ecfdf3;color:#067647;white-space:nowrap}.pending{background:#fff6ed;color:#b54708}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.info>div{background:#f8fafc;border-radius:9px;padding:9px}.label{display:block;font-size:11px;color:#667085}.progress{height:9px;border-radius:99px;background:#eaecf0;overflow:hidden}.progress span{height:100%;display:block;background:#155eef}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:10px;border-bottom:1px solid #eaecf0;text-align:left}.table th{background:#f8fafc}.actions{display:flex;gap:8px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:rgba(16,24,40,.55);display:none;align-items:center;justify-content:center;padding:14px;z-index:50}.modal.open{display:flex}.modal-box{background:#fff;border-radius:16px;padding:18px;width:min(620px,100%);max-height:92vh;overflow:auto}.ad{min-height:60px;margin:15px 0}.visits{text-align:center;color:#667085;font-size:13px;margin:15px}footer{text-align:center;padding:22px;color:#667085;font-size:13px}.error{padding:12px;border-radius:10px;background:#fef3f2;color:#b42318}.success{padding:12px;border-radius:10px;background:#ecfdf3;color:#067647}.link-card{display:block;text-decoration:none;color:inherit}.filterbar{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.nowrap{white-space:nowrap}@media(max-width:720px){.bar{align-items:flex-start}.brand{font-size:16px}nav .btn{padding:8px 9px;font-size:12px}.grid{grid-template-columns:repeat(2,1fr)}.info{grid-template-columns:1fr}.filterbar{grid-template-columns:1fr}.card{padding:13px}.wrap{padding:8px}.student-head{align-items:flex-start}.table{min-width:650px}}