*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef8ff;color:#17324d}.top{background:#087fbd;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.top a{color:#fff;text-decoration:none;margin-left:15px}.wrap{max-width:1180px;margin:25px auto;padding:0 15px}.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:18px;box-shadow:0 2px 10px #00000012}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.stat{padding:18px;border-radius:10px;background:#e8f5ff;border-left:5px solid #087fbd}.btn{display:inline-block;background:#087fbd;color:#fff;border:0;padding:10px 15px;border-radius:7px;text-decoration:none;cursor:pointer}.btn.secondary{background:#5b7185}.btn.danger{background:#c0392b}.btn.green{background:#238b45}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd9e2;border-radius:7px;margin:5px 0 12px}label{font-weight:bold;font-size:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5edf2;text-align:left}th{background:#e9f5fc}.alert{padding:12px;border-radius:7px;margin-bottom:15px}.success{background:#e8f7ed;color:#166534}.error{background:#fdecec;color:#9b1c1c}.nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.nav a{background:#fff;padding:9px 12px;border-radius:7px;text-decoration:none;color:#087fbd;border:1px solid #d9eaf4}.login{max-width:430px;margin:80px auto}.badge{padding:4px 8px;border-radius:12px;background:#e7f4fb;font-size:12px}.small{font-size:13px;color:#5c6f7c}.notice{border-left:4px solid #087fbd;padding:10px 14px;margin:10px 0;background:#f8fcff}.marks-total{font-size:22px;font-weight:bold;color:#087fbd}@media(max-width:700px){.top{align-items:flex-start;gap:10px;flex-direction:column}table{font-size:13px}.wrap{margin-top:15px}.login{margin:35px 15px}}