.PercentageCalculator-module-scss-module__HVvz2G__pct-calc{background:var(--color-bg-widget);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-widget)}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__modes{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__mode-btn{padding:8px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base);background:0 0}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__mode-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__mode-btn--active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__form{gap:var(--spacing-md);flex-direction:column;display:flex}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__input{padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--font-size-base);color:var(--color-text-primary);width:100%;transition:border-color var(--transition-base)}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__input:focus{border-color:var(--color-primary);outline:none}@media (min-width:640px){.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__input{max-width:280px}}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__btn{padding:12px var(--spacing-xl);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-base);margin-top:var(--spacing-sm);border:none;align-self:flex-start;font-weight:600}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__btn:hover{background:var(--color-primary-hover)}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__result{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);align-items:flex-start;gap:var(--spacing-sm);flex-direction:column;display:flex}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__result-value{color:var(--color-primary);font-size:48px;font-weight:700;line-height:1}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__result-label{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:500}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__result-formula{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:monospace}.PercentageCalculator-module-scss-module__HVvz2G__pct-calc__result-formula-label{color:var(--color-text-secondary);font-weight:600;font-family:var(--font-family)}