*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#102a43}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#fff;border-right:1px solid #e5eaf0;padding:24px 16px;overflow:auto}.logo{display:flex;align-items:center;gap:10px;padding:0 10px 26px}.logo img{width:44px;height:44px;object-fit:contain}.logo h2{margin:0;font-size:22px;color:#173f76}.logo span{color:#0b8f63}.nav-title{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:1px;margin:18px 10px 8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 13px;margin:4px 0;border-radius:10px;color:#486581;text-decoration:none;font-weight:600}.nav-link:hover,.nav-link.active{background:#eaf2fb;color:#16457f}.nav-link i{width:18px}.logout{margin-top:14px}.main{margin-left:250px;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e4e9ef;padding:28px 38px;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0 0 7px;font-size:32px;color:#102a43}.topbar p{margin:0;color:#627d98}.refresh-btn{border:0;background:#16457f;color:#fff;padding:11px 17px;border-radius:9px;font-weight:700;cursor:pointer}.content{padding:28px 38px 50px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 5px 18px rgba(15,23,42,.05)}.stat-card span{display:block;color:#627d98;font-size:14px;margin-bottom:10px}.stat-card strong{font-size:29px;color:#16457f}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 5px 18px rgba(15,23,42,.05)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{margin:0 0 5px;font-size:21px}.section-heading p{margin:0;color:#6b7f93}.exam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.exam-card{border:1px solid #dbe5ef;border-radius:12px;padding:16px}.exam-card h3{margin:0 0 10px;font-size:17px}.metric{display:flex;justify-content:space-between;color:#526b83;font-size:14px;margin:7px 0}.bar{height:8px;background:#edf2f7;border-radius:10px;overflow:hidden;margin-top:9px}.bar span{display:block;height:100%;background:#16457f;border-radius:10px}.progress-chart{display:flex;align-items:flex-end;gap:12px;height:220px;padding:20px 10px 0;border-bottom:1px solid #d9e2ec;overflow-x:auto}.bar-item{min-width:70px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chart-bar{width:38px;border-radius:7px 7px 0 0;background:#16457f;min-height:4px}.bar-item small{color:#627d98}.bar-item strong{font-size:12px;color:#102a43}.empty-state{text-align:center;color:#829ab1;width:100%;padding:70px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf1f5;font-size:14px}th{color:#627d98;background:#f8fafc}td{color:#334e68}.no-data{text-align:center;padding:28px;color:#829ab1}.good{color:#0b8f63;font-weight:700}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,1fr)}.exam-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto}.main{margin-left:0}.topbar{padding:22px;align-items:flex-start;gap:15px}.content{padding:20px}.stats-grid{grid-template-columns:1fr 1fr}.exam-grid{grid-template-columns:1fr}.topbar h1{font-size:25px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.topbar{flex-direction:column}}