:root{--wg-primary:#2563eb;--wg-secondary:#1d4ed8;--wg-success:#16a34a;--wg-danger:#dc2626;--wg-warning:#f59e0b;--wg-bg:#f4f7fb;--wg-card:#ffffff;--wg-border:#dbe4f0;--wg-text:#0f172a;--wg-muted:#64748b;--wg-gradient:linear-gradient(135deg,#2563eb 0%,#1e40af 100%)}body{background:var(--wg-bg)}.wg-page-title{font-size:2rem;font-weight:800;color:var(--wg-text)}.wg-subtitle{color:var(--wg-muted);font-size:.95rem}.wg-card{border:none;border-radius:22px;overflow:hidden;background:var(--wg-card);box-shadow:0 10px 35px rgba(15,23,42,.08)}.wg-card-header{background:var(--wg-gradient);color:#fff;padding:18px 24px}.wg-card-header h5{margin:0;font-weight:700}.wg-card-body{padding:24px}.grade-row{background:#f8fbff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;margin-bottom:18px;transition:.2s}.grade-row:hover{border-color:#93c5fd;box-shadow:0 6px 20px rgba(37,99,235,.08)}.row-label{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#475569;margin-bottom:6px}.form-control{height:48px;border-radius:12px;border:1px solid #cbd5e1;font-weight:600}.form-control:focus{border-color:#60a5fa;box-shadow:0 0 0 .15rem rgba(37,99,235,.15)}.weight-badge{background:rgba(37,99,235,.12);color:var(--wg-primary);padding:10px 14px;border-radius:12px;font-weight:700;text-align:center}.delete-btn{width:48px;height:48px;border-radius:14px;border:none;background:rgba(220,38,38,.12);color:var(--wg-danger);font-size:1.1rem;transition:.2s}.delete-btn:hover{background:var(--wg-danger);color:#fff;transform:scale(1.05)}.add-btn{border:none;background:var(--wg-gradient);color:#fff;border-radius:14px;padding:12px 18px;font-weight:700;transition:.2s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,.25)}.calc-btn{border:none;background:linear-gradient(135deg,#16a34a 0,#15803d 100%);color:#fff;border-radius:14px;padding:14px 24px;font-weight:700;font-size:1rem;transition:.2s}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,163,74,.25)}.reset-btn{border:none;background:#e2e8f0;color:#0f172a;border-radius:14px;padding:14px 22px;font-weight:700}.summary-card{background:var(--wg-gradient);color:#fff;border-radius:22px;padding:26px;height:100%;box-shadow:0 12px 30px rgba(37,99,235,.22)}.summary-title{font-size:.9rem;opacity:.85;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.final-grade{font-size:4rem;font-weight:900;line-height:1}.grade-letter{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:700;margin-top:12px}.stat-box{background:rgba(255,255,255,.12);border-radius:16px;padding:16px;margin-top:16px}.stat-label{font-size:.78rem;opacity:.8;text-transform:uppercase;margin-bottom:4px}.stat-value{font-size:1.3rem;font-weight:800}.tips-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;padding:18px}.tips-box ul{padding-left:18px;margin-bottom:0}.tips-box li{margin-bottom:8px;color:#1e3a8a;font-size:.92rem}@media(max-width:991px){.final-grade{font-size:3rem}.grade-row{padding:16px}}