.percentagecalculator_card__K3To4{background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2.5rem;width:100%}.percentagecalculator_header__Y0wwT{text-align:center;margin-bottom:2rem}.percentagecalculator_title__gzKgw{font-size:2.2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.percentagecalculator_subtitle__wAtFn{color:#718096;font-size:1.1rem}.percentagecalculator_calculationTypeSelector__jnXQn{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:2rem}.percentagecalculator_typeButton__vK4v6{padding:.75rem 1rem;border:2px solid #e2e8f0;background:white;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.percentagecalculator_typeButton__vK4v6:hover{border-color:#4299e1;background:#ebf4ff}.percentagecalculator_typeButton__vK4v6.percentagecalculator_active__VfrzT{border-color:#4299e1;background:#4299e1;color:white}.percentagecalculator_inputSection__H_Ssw{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.percentagecalculator_inputGroup__bEH58{display:flex;flex-direction:column}.percentagecalculator_inputLabel__7jiTC{font-weight:500;margin-bottom:.5rem;color:#4a5568}.percentagecalculator_inputField__3nG_J{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.percentagecalculator_inputField__3nG_J:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.2)}.percentagecalculator_buttonGroup__cRVjH{display:flex;gap:1rem;margin-bottom:2rem}.percentagecalculator_calculateButton__RFZEE{flex:2 1;padding:1rem;background:#4299e1;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.percentagecalculator_calculateButton__RFZEE:hover{background:#3182ce;transform:translateY(-2px)}.percentagecalculator_calculateButton__RFZEE.percentagecalculator_animate__CL4M_{animation:percentagecalculator_pulse__6_QlT .5s}@keyframes percentagecalculator_pulse__6_QlT{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.percentagecalculator_clearButton__wX97u{flex:1 1;padding:1rem;background:#e53e3e;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.percentagecalculator_clearButton__wX97u:hover{background:#c53030}.percentagecalculator_resultContainer__40VXr{margin-bottom:2rem}.percentagecalculator_resultTitle__BHMK8{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#2d3748}.percentagecalculator_resultBox__WEsoG{padding:1.5rem;background:#ebf4ff;border-radius:8px;border-left:4px solid #4299e1;font-size:1.25rem;font-weight:600;color:#2b6cb0}.percentagecalculator_historySection__flUXs{margin-bottom:2rem}.percentagecalculator_historyTitle__jaq0u{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#2d3748}.percentagecalculator_historyList__imEKh{list-style:none;padding:0}.percentagecalculator_historyItem__Qad40{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.percentagecalculator_historyItem__Qad40:last-child{border-bottom:none}.percentagecalculator_historyCalculation__FD66O{color:#4a5568}.percentagecalculator_historyTime__DLelz{color:#a0aec0;font-size:.875rem}.percentagecalculator_examplesSection__SsDdf{margin-top:2rem}.percentagecalculator_examplesTitle__kdrmk{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.percentagecalculator_examplesGrid__mMbLj{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.percentagecalculator_exampleCard__lVOP6{padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.percentagecalculator_exampleCard__lVOP6 h4{margin:0 0 .5rem;font-size:.9rem;color:#4a5568}.percentagecalculator_exampleCard__lVOP6 p{margin:0;font-weight:500;color:#2d3748}@media (max-width:768px){.percentagecalculator_container__tf_9L{padding:1rem}.percentagecalculator_card__K3To4{padding:1.5rem}.percentagecalculator_calculationTypeSelector__jnXQn,.percentagecalculator_examplesGrid__mMbLj,.percentagecalculator_inputSection__H_Ssw{grid-template-columns:1fr}.percentagecalculator_title__gzKgw{font-size:1.8rem}}@media (max-width:480px){.percentagecalculator_buttonGroup__cRVjH{flex-direction:column}}