body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.info-card{background:var(--card-light-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);height:100%;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.info-card.dark{background:var(--card-dark-bg)}.dark-theme .info-card{background-color:#2d3748;color:#e2e8f0}.light-theme .info-card{background-color:#fff;color:#2d3748}.info-card:before{background:var(--gradient);content:"";height:.25rem;left:0;position:absolute;top:0;width:100%}.info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.info-header svg{color:var(--primary-color)}.info-header h2{font-size:1.5rem;font-weight:600;margin:0}.info-card h6{color:#3763f4;color:var(--primary-color,#3763f4);margin-bottom:16px}.info-card:hover{box-shadow:0 5px 15px #00000014}.info-content{font-size:1rem;line-height:1.6}.info-highlight{color:var(--secondary-color);font-size:1.15rem;font-weight:500;margin-bottom:1rem}.info-features{margin-top:2rem}.feature{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.feature-icon{align-items:center;background:#2eadff1a;border-radius:50%;color:var(--secondary-color);display:flex;flex-shrink:0;justify-content:center;padding:.75rem}.feature-text h3{font-size:1.05rem;font-weight:600;margin:0 0 .25rem}.feature-text p{color:#6c757d;font-size:.9rem;margin:0}.dark .feature-text p{color:#adb5bd}@media (max-width:768px){.info-card{margin-bottom:1.5rem;padding:1.5rem}}.calculator-card{background:var(--card-light-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:1.5rem;padding:2rem;transition:var(--transition)}.calculator-card.dark{background:var(--card-dark-bg)}.calculator-card h2{color:var(--primary-color);font-size:1.5rem;font-weight:600}.calculator-card h2,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.input-with-icon{position:relative}.input-icon{color:#6c757d;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{background-color:initial;border:1px solid #ced4da;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:var(--transition);width:100%}.dark .input-with-icon input{border-color:#495057;color:var(--light-text)}.input-with-icon input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3d83ff33;outline:none}.calculate-btn{align-items:center;background:var(--gradient);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:var(--transition);width:100%}.calculate-btn:hover{box-shadow:0 4px 12px #3d83ff4d;transform:translateY(-2px)}.calculate-btn:active{transform:translateY(0)}@media (max-width:576px){.calculator-card{padding:1.5rem}}.calculator-container{transition:all .3s ease}.dark-theme .calculator-container{background-color:#2d3748;color:#e2e8f0}.light-theme .calculator-container{background-color:#fff;color:#2d3748}.calculator-container .MuiTextField-root{transition:transform .2s ease-in-out}.calculator-container .MuiTextField-root:focus-within{transform:translateY(-2px)}.calculator-container .MuiButton-root{transition:all .2s ease-in-out}.calculator-container .MuiButton-root:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.result-card{background:#fff;background:var(--card-light-bg,#fff);border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:0 4px 20px 0 #0000000d;box-shadow:var(--box-shadow,0 4px 20px 0 #0000000d);display:flex;flex-direction:column;height:calc(100% - 4rem);opacity:0;padding:2rem;transform:translateY(20px);transition:all .3s ease;transition:var(--transition,all .3s ease)}.result-card.visible{opacity:1;transform:translateY(0)}.result-card.dark{background:#2d3748;background:var(--card-dark-bg,#2d3748);color:#e2e8f0}.result-card h2{color:#3763f4;color:var(--primary-color,#3763f4);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.result-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.result-item{background:#2eadff1a;border-radius:.75rem;display:flex;flex-direction:column;justify-content:center;padding:1.25rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.result-item.total{background:#7e61ff26;grid-column:1/-1}.result-item h3{color:#adadad;color:var(--secondary-color,#adadad);font-size:.95rem;font-weight:500;margin-bottom:.5rem}.result-item p{font-size:1.5rem;font-weight:600;margin:0}.result-item.total h3{color:#3763f4;color:var(--accent-color,#3763f4)}.result-item.total p{font-size:1.8rem}.result-note{align-items:center;border-top:1px solid #0000001a;color:#6c757d;display:flex;font-size:.85rem;gap:.5rem;padding-top:1rem}.dark .result-note{border-top-color:#ffffff1a;color:#a0aec0}@media (max-width:768px){.result-card{height:auto;padding:1.5rem}.result-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.result-card{padding:1.5rem}.result-item p{font-size:1.25rem}.result-item.total p{font-size:1.5rem}}.theme-toggle{align-items:center;background:none;background-color:#0000000d;border:none;border-radius:50%;color:#4e5d78;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color .3s;width:40px}.theme-toggle:hover{background-color:#0000001a}.theme-toggle.dark{background-color:#ffffff1a;color:#f1f5f9}.theme-toggle.dark:hover{background-color:#fff3}.theme-toggle svg{height:20px;transition:transform .3s ease,opacity .3s ease;width:20px}.moon-icon,.sun-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.theme-toggle.dark .sun-icon{opacity:1;transform:translate(-50%,-50%) rotate(0)}.theme-toggle.dark .moon-icon{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}.theme-toggle.light .sun-icon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}.theme-toggle.light .moon-icon{opacity:1;transform:translate(-50%,-50%) rotate(0)}
/*# sourceMappingURL=main.23d9e53c.css.map*/