/**
 * Percentage Calculator Tool Specific Styling
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--primary:#4f46e5;--primary-light:#6366f1;--text:#0f172a;--text-secondary:#475569;--card:#fff;--input-bg:#f8fafc;--input-border:#e2e8f0;--result-bg:#f1f5f9;--border-radius:12px;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--transition:all .2s ease}
[data-theme="dark"]{--text:#f1f5f9;--text-secondary:#94a3b8;--input-bg:#1e293b;--input-border:#334155;--result-bg:#1e293b;--shadow:0 1px 3px rgba(0,0,0,.3)}
.pct-calc{font-family:'Inter',sans-serif;max-width:480px;margin:0 auto;background:var(--card);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:28px 24px;color:var(--text);transition:var(--transition)}
.pct-title{font-size:20px;font-weight:700;margin-bottom:20px}
.pct-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--input-bg);border-radius:10px;padding:3px;border:2px solid var(--input-border);transition:var(--transition)}
.pct-tab{flex:1;height:42px;border:none;border-radius:8px;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;cursor:pointer;transition:var(--transition);white-space:nowrap}
.pct-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(79,70,229,.3)}
.pct-tab:hover:not(.active){background:rgba(79,70,229,.06)}
.pct-panel{display:none}
.pct-panel.active{display:block}
.pct-formula{font-size:13px;color:var(--text-secondary);margin-bottom:16px;font-weight:500;padding:10px 14px;background:var(--input-bg);border-radius:8px;border:1px solid var(--input-border);transition:var(--transition);text-align:center}
.pct-formula strong{color:var(--primary)}
.pct-field{margin-bottom:16px}
.pct-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}
.pct-input-wrap{position:relative;display:flex;align-items:center}
.pct-suffix{position:absolute;top:50%;transform:translateY(-50%);right:14px;font-size:15px;font-weight:600;color:var(--text-secondary);pointer-events:none}
.pct-input{width:100%;height:50px;border:2px solid var(--input-border);border-radius:10px;padding:0 14px;font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:var(--text);background:var(--input-bg);transition:var(--transition);outline:none}
.pct-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.pct-input.has-suffix{padding-right:32px}
.pct-error{font-size:12px;color:#ef4444;margin-top:4px;font-weight:500;min-height:16px}
.pct-result{margin-top:20px;background:var(--result-bg);border-radius:10px;padding:20px;transition:var(--transition)}
.pct-result-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.pct-result-value{font-size:28px;font-weight:700;color:var(--primary);line-height:1.2}
.pct-result-sub{font-size:13px;color:var(--text-secondary);margin-top:6px;font-weight:500}
.pct-arrow{font-size:22px;color:var(--text-secondary);margin:0 8px;vertical-align:middle}
.pct-positive{color:#16a34a}
.pct-negative{color:#ef4444}
@media(max-width:400px){.pct-calc{padding:20px 16px}.pct-tab{font-size:11px;height:38px}.pct-result-value{font-size:24px}}