.calculator-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;color:#2d3748}.calculator-title{text-align:center;margin-bottom:30px;color:#4a6fa5;font-size:2rem;font-weight:700}.calculator-card{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:30px}@media(min-width:768px){.calculator-card{display:grid;grid-template-columns:1fr 1fr;gap:30px}}.calculator-form{margin-bottom:20px}@media(min-width:768px){.calculator-form{margin-bottom:0}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748}.form-group input{width:100%;padding:12px;border:1px solid #e1e4e8;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#6eb4e0;box-shadow:0 0 0 2px rgba(110,180,224,.2)}.toggle-container{display:flex;border-radius:8px;overflow:hidden;border:1px solid #e1e4e8}.toggle-button{flex:1;padding:12px;border:none;background-color:#f8f9fa;cursor:pointer;transition:background-color .3s ease;font-weight:600}.toggle-button.active{background-color:#4a6fa5;color:#fff}.toggle-button:not(.active):hover{background-color:rgb(233.125,236.25,239.375)}.button-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.calculate-button{background-color:#4a6fa5;border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:600}.calculate-button:hover{background-color:#3a5a8c;transform:translateY(-1px)}.calculate-button:active{transform:translateY(0)}.clear-button{background-color:#718096;border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:600}.clear-button:hover{background-color:rgb(90.1214574899,102.995951417,121.8785425101);transform:translateY(-1px)}.clear-button:active{transform:translateY(0)}.result-container{padding:20px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #6eb4e0}.result-container h2{margin-top:0;margin-bottom:15px;font-size:1.25rem;color:#2d3748}.result-grid{display:grid;gap:12px}.result-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e1e4e8}.result-item:last-child{border-bottom:none}.result-item.highlight{font-weight:700;font-size:1.1rem;color:#4a6fa5}.history-section{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-header h2{margin:0;font-size:1.25rem}.clear-history-button{background-color:#e74c3c;border:none;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:600;padding:8px 12px;font-size:.9rem}.clear-history-button:hover{background-color:#c0392b;transform:translateY(-1px)}.clear-history-button:active{transform:translateY(0)}.history-list{display:grid;gap:10px;max-height:400px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;border-radius:8px;transition:transform .2s ease}.history-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.history-item-content{flex:1;display:grid;gap:5px}.history-item-type{font-weight:600;color:#4a6fa5}.history-item-details{display:flex;align-items:center;gap:8px}.history-item-details .arrow{color:#718096}.history-item-details .final-amount{font-weight:600}.history-item-time{font-size:.8rem;color:#718096}.delete-history-button{background:none;border:none;color:#718096;font-size:1.2rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.delete-history-button:hover{color:#e74c3c}@media(max-width:767px){.calculator-card,.history-section{padding:20px}.result-container{margin-top:30px}}