:root { --dip-cgpa-calc-accent:#4361ee;--dip-cgpa-calc-accent-deep:#3a56d4;--dip-cgpa-calc-accent-light:#e6f0ff;--dip-cgpa-calc-text:#2b2d42;--dip-cgpa-calc-bg:#f8f9fa;--dip-cgpa-calc-white:#ffffff;--dip-cgpa-calc-border:#e0e3e7;--dip-cgpa-calc-danger:#e74c3c;--dip-cgpa-calc-danger-deep:#c0392b;--dip-cgpa-calc-success:#2ecc71;--dip-cgpa-calc-success-deep:#27ae60;--dip-cgpa-calc-radius:5px;--dip-cgpa-calc-app-width:900px;--dip-cgpa-calc-spacing:1.5rem;--dip-cgpa-calc-gap:0.65rem;} .dip-cgpa-calc-card { background:var(--dip-cgpa-calc-white);border:1px solid var(--dip-cgpa-calc-border);border-radius:var(--dip-cgpa-calc-radius);padding:var(--dip-cgpa-calc-spacing);} .dip-cgpa-calc-label { display:block;font-weight:600;margin-bottom:5px;} .dip-cgpa-calc-row { margin-bottom:12px;} .dip-cgpa-calc-inputs { display:flex;flex-direction:column;gap:var(--dip-cgpa-calc-gap);} .dip-cgpa-calc-info { padding:12px;background:var(--dip-cgpa-calc-accent-light) !important;border:1px dashed var(--dip-cgpa-calc-accent) !important;border-radius:8px;color:#1f2a44;} .dip-cgpa-calc-info strong { display:block;margin-bottom:4px;} .dip-cgpa-calc-h2 { margin:0 0 8px;font-size:1.1rem;} .dip-cgpa-calc-grid { display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;} .dip-cgpa-calc-field { display:flex;flex-direction:column;gap:2px;} .dip-cgpa-calc-field small { color:#64748b;} .dip-cgpa-calc-hint { margin-top:10px;color:#475569;font-size:0.9rem !important;} .dip-cgpa-calc-actions-primary, .dip-cgpa-calc-actions { width:100%;display:flex;gap:var(--dip-cgpa-calc-gap);justify-content:start;} .dip-cgpa-calc-calculate-btn { margin-top:var(--dip-cgpa-calc-spacing);} .dip-cgpa-calc-result { display:flex;flex-direction:column;gap:var(--dip-cgpa-calc-gap);} .dip-cgpa-calc-metrics { display:flex;gap:var(--dip-cgpa-calc-gap);justify-content:space-between;} .dip-cgpa-calc-metric { width:100%;padding:15px 0;border:1px solid var(--dip-cgpa-calc-border);border-radius:var(--dip-cgpa-calc-radius);text-align:center;background:var(--dip-cgpa-calc-accent-light);} .dip-cgpa-calc-metric b { display:block;font-size:1.2rem;margin-bottom:5px;} .dip-cgpa-calc-table { width:100%;border-collapse:collapse;margin-top:8px;overflow-x:scroll;white-space:nowrap;} .dip-cgpa-calc-table th, .dip-cgpa-calc-table td { border:1px solid var(--dip-cgpa-calc-border);padding:8px;text-align:center;} .dip-cgpa-calc-table th { background:#f0f4ff;} .dip-cgpa-calc-validation { margin-top:8px;color:var(--dip-cgpa-calc-danger) !important;font-weight:600;} .dip-cgpa-calc-note { margin:18px 0 0 0;text-align:center;font-size:0.9rem !important;color:#475569;} @media (max-width:900px) { .dip-cgpa-calc-grid { grid-template-columns:repeat(2, 1fr);} } @media (max-width:600px) { .dip-cgpa-calc-actions { flex-direction:column;} } @media (max-width:510px) { .dip-cgpa-calc-grid { grid-template-columns:1fr;} .dip-cgpa-calc-card { padding:1rem;} .dip-cgpa-calc-calculate-btn { width:100% !important;} .dip-cgpa-calc-metrics { flex-direction:column;} }