:root{--cgpa-primary:#4f46e5;--cgpa-secondary:#6366f1;--cgpa-success:#10b981;--cgpa-accent:#f43f5e;--cgpa-dark:#1e1b4b;--cgpa-gradient:linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%)}body{background:#f8fafc}.cgpa-card{border:none;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.summary-gradient-card{background:var(--cgpa-gradient);color:#fff;border-radius:16px;border:none}.nav-pills .nav-link.active{background-color:var(--cgpa-primary);font-weight:600}.nav-pills .nav-link{color:var(--cgpa-dark);font-weight:500;border:1px solid #e2e8f0;margin-right:8px;border-radius:8px}.semester-row{transition:all .2s ease-in-out;border-bottom:1px solid #f1f5f9;padding:12px 0}.semester-row:hover{background:#f8fafc}.form-control{border-radius:8px;border:1px solid #cbd5e1}.form-control:focus{border-color:var(--cgpa-secondary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.big-display{font-size:4.5rem;font-weight:900;line-height:1}.btn-action{border-radius:8px;font-weight:600;padding:10px 20px}.btn-add-semester{background-color:transparent;color:var(--cgpa-primary);border:2px dashed var(--cgpa-primary)}.btn-add-semester:hover{background-color:rgba(79,70,229,.05);color:var(--cgpa-primary)}.btn-calculate{background-color:var(--cgpa-success);color:#fff}.btn-calculate:hover{background-color:#059669;color:#fff}.delete-btn{color:var(--cgpa-accent);cursor:pointer;font-size:1.3rem;transition:transform .2s}.delete-btn:hover{transform:scale(1.15)}.badge-status{background:rgba(255,255,255,.25);padding:6px 16px;border-radius:50px;font-weight:600;font-size:.9rem}.sticky-panel{position:sticky;top:24px}