:root{--grade-primary:#2563eb;--grade-secondary:#3b82f6;--grade-success:#16a34a;--grade-danger:#dc2626;--grade-warning:#f59e0b;--grade-light:#f8fafc;--grade-border:#e2e8f0;--grade-gradient:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%)}body{background:#f1f5f9}.grade-card{border:none;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.08)}.header-card{background:var(--grade-gradient);color:#fff}.section-title{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#fff;background:var(--grade-primary);padding:12px 18px;border-radius:14px;display:inline-block;margin-bottom:20px}.subject-row{background:#fff;border:1px solid var(--grade-border);border-radius:18px;padding:14px;margin-bottom:14px;transition:.25s ease}.subject-row:hover{border-color:#93c5fd;box-shadow:0 4px 18px rgba(37,99,235,.08)}.form-label{font-size:.75rem;font-weight:700;color:#475569;margin-bottom:6px}.form-control,.form-select{height:46px;border-radius:12px;border:1px solid #dbeafe;box-shadow:none!important;font-weight:600}.form-control:focus,.form-select:focus{border-color:#3b82f6}.marks-input{text-align:center;font-size:1rem;font-weight:700}.grade-badge{min-width:60px;padding:10px 14px;border-radius:12px;font-weight:800;text-align:center;color:#fff;display:inline-block}.grade-a{background:#16a34a}.grade-b{background:#2563eb}.grade-c{background:#f59e0b}.grade-d{background:#ea580c}.grade-f{background:#dc2626}.delete-btn{width:44px;height:44px;border-radius:12px;border:none;background:rgba(220,38,38,.1);color:#dc2626;font-size:1.1rem;transition:.2s ease}.delete-btn:hover{background:#dc2626;color:#fff}.summary-card{background:var(--grade-gradient);color:#fff;border-radius:24px;overflow:hidden}.summary-value{font-size:2.4rem;font-weight:800;line-height:1}.summary-box{background:rgba(255,255,255,.12);border-radius:18px;padding:18px;height:100%}.summary-label{font-size:.78rem;text-transform:uppercase;opacity:.85;letter-spacing:.5px;margin-bottom:8px}.performance-box{border-radius:18px;padding:16px;font-weight:700;text-align:center;font-size:1rem}.excellent{background:rgba(22,163,74,.15);color:#15803d}.good{background:rgba(37,99,235,.15);color:#1d4ed8}.average{background:rgba(245,158,11,.15);color:#d97706}.poor{background:rgba(220,38,38,.15);color:#dc2626}.btn-add{background:var(--grade-gradient);border:none;color:#fff;border-radius:14px;font-weight:700;padding:12px 22px;box-shadow:0 10px 20px rgba(37,99,235,.18)}.btn-add:hover{color:#fff;opacity:.95}.table-modern{border-collapse:separate;border-spacing:0 12px}.table-modern thead th{border:none;font-size:.78rem;text-transform:uppercase;color:#64748b;padding-bottom:2px}.table-modern tbody tr{background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.04)}.table-modern tbody td{border-top:none;border-bottom:none;vertical-align:middle;padding:16px 12px}.table-modern tbody td:first-child{border-radius:14px 0 0 14px}.table-modern tbody td:last-child{border-radius:0 14px 14px 0}.info-card{border-radius:18px;background:#eff6ff;border:1px solid #bfdbfe;padding:18px}.progress{height:16px;border-radius:50px;background:#dbeafe}.progress-bar{border-radius:50px;font-weight:700}@media(max-width:991px){.subject-row .row>div{margin-bottom:12px}.summary-value{font-size:2rem}}