:root{--primary-color:#1976d2;--primary-light:#42a5f5;--primary-dark:#1565c0;--secondary-color:#00796b;--secondary-light:#4db6ac;--secondary-dark:#004d40;--accent-color:#ff5722;--warn-color:#f44336;--success-color:#4caf50;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-card:#fff;--text-primary:#212121;--text-secondary:#757575;--border-color:#e0e0e0;--shadow:0 2px 4px rgba(0,0,0,.1)}[data-theme="dark"]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-card:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#404040;--shadow:0 2px 4px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Segoe\ UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease , color .3s ease;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all .3s ease}.card:hover{box-shadow:0 4px 12px #00000026}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-dark)}.input-field{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:16px;transition:all .3s ease}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 12px}.btn{padding:10px 20px;font-size:13px}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.text-center{text-align:center}.text-success{color:var(--success-color)}.text-warn{color:var(--warn-color)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.p-0{padding:0}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.calculator-title{color:var(--primary-color);font-size:28px;font-weight:500;margin-bottom:8px}.calculator-description{color:var(--text-secondary);font-size:16px;margin:0}