body{background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}button{cursor:pointer}.grade-login{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;height:100vh;justify-content:center;width:100%}.grade-login-box{background:#fffffff2;border-radius:25px;box-shadow:0 20px 40px #0003;box-sizing:border-box;max-width:400px;padding:50px 40px;text-align:center;width:100%}.grade-login-box h2{color:#333;font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:30px}.grade-login-box button,.grade-login-box input{border-radius:12px;box-sizing:border-box;display:block;font-size:16px;margin-bottom:20px;outline:none;padding:15px 20px;width:100%}.grade-login-box input{border:1px solid #ccc;text-align:center;transition:all .3s ease}.grade-login-box input:focus{border-color:#4e9af1;box-shadow:0 0 10px #4e9af180}.grade-login-box button{background:linear-gradient(135deg,#4e9af1,#1b6fd8);border:none;color:#fff;cursor:pointer;font-size:18px;font-weight:600;transition:all .3s ease}.grade-login-box button:hover{background:linear-gradient(135deg,#1b6fd8,#4e9af1);box-shadow:0 5px 15px #0003}.grade-container{margin:0 auto;max-width:1200px;padding:20px 30px}.grade-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.grade-header h1{color:#333;font-size:28px}.grade-header span{font-weight:500;margin-right:10px}.grade-controls{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.grade-controls button,.grade-controls input,.grade-controls select{border:1px solid #ccc;border-radius:8px;font-size:16px;outline:none;padding:10px 15px}.grade-controls input:focus,.grade-controls select:focus{border-color:#4e9af1;box-shadow:0 0 8px #4e9af14d}.grade-controls button{background:linear-gradient(135deg,#4e9af1,#1b6fd8);border:none;color:#fff;font-weight:600;transition:all .3s ease}.grade-controls button:hover{background:linear-gradient(135deg,#1b6fd8,#4e9af1)}.grade-table-container{overflow-x:auto}.grade-table{border-collapse:collapse;font-size:14px;width:100%}.grade-table td,.grade-table th{border:1px solid #ddd;padding:10px 8px;text-align:center}.grade-table th{background:#4e9af1;color:#fff;font-weight:600}.grade-table tr.even{background:#f9f9f9}.grade-table tr.odd{background:#fff}.grade-table td.fail{background:#ffdada;color:#d8000c}.grade-detail{background:#fff;border-radius:15px;box-shadow:0 10px 25px #00000026;margin-top:30px;padding:25px}.grade-detail h3{color:#333;margin-bottom:20px}.grade-detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.grade-detail-label{color:#555;font-weight:600;margin-bottom:5px}.grade-detail-value{color:#000;font-weight:500}.grade-close-btn{background:linear-gradient(135deg,#4e9af1,#1b6fd8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:10px 20px;transition:all .3s ease}.grade-close-btn:hover{background:linear-gradient(135deg,#1b6fd8,#4e9af1);box-shadow:0 5px 15px #0003}.grade-distribution{background:#fff;border-radius:15px;box-shadow:0 10px 25px #00000026;margin-top:30px;padding:25px}.grade-distribution h3{color:#333;margin-bottom:15px}.grade-distribution table{border-collapse:collapse;font-size:14px;width:100%}.grade-distribution td,.grade-distribution th{border:1px solid #ddd;padding:8px 6px;text-align:center}.grade-distribution th{background:#1b6fd8;color:#fff;font-weight:600}.grade-distribution tr:nth-child(2n){background:#f9f9f9}.grade-distribution tr:nth-child(odd){background:#fff}
/*# sourceMappingURL=main.41830c4e.css.map*/