/* CalcWyse widget embed — synced from assets/css/widget-embed.css */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#080C14;--card:#111827;--card-highlight:#1B1D31;--card-success:#10392D;
  --border:rgba(255,255,255,.06);--radius:20px;--radius-lg:24px;--radius-sm:12px;--radius-btn:16px;
  --shadow:0 20px 60px rgba(0,0,0,.4);--shadow-calc:0 30px 100px rgba(0,0,0,.5);
  --primary:#8B7CFF;--primary-light:#A599FF;--primary-dim:rgba(139,124,255,.12);--primary-border:rgba(139,124,255,.15);
  --text:#F8FAFC;--text-secondary:#94A3B8;--text-muted:rgba(148,163,184,.72);
  --success:#10B981;--warning:#D4A762;
  --input-height:52px;--btn-height:44px;--control-font:16px;
  --font-mono:'DM Mono',Courier New,monospace;--font-serif:'DM Serif Display',Georgia,serif;--font-sans:'DM Sans',system-ui,sans-serif;
  --mono:var(--font-mono);--serif:var(--font-serif);--sans:var(--font-sans);
  --purple:var(--primary);--purple-dim:var(--primary-dim);--purple-border:var(--primary-border);--purple-light:var(--primary-light);
  --surface:var(--card);--surface2:var(--card-highlight);--text-dim:var(--text-secondary);--green:var(--success);--gold:var(--warning);
}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--control-font);line-height:1.65;-webkit-font-smoothing:antialiased}
.page-wrap{max-width:760px;margin:0 auto;padding:28px 16px 48px}
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
@media(min-width:900px){.layout{grid-template-columns:380px 1fr;gap:32px}}
.panel{background:var(--card);border:1px solid var(--primary-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-calc)}
.panel-head{padding:20px 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(139,124,255,.06),transparent)}
.panel-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}
.panel-body{padding:24px}
.field{margin-bottom:24px}
label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.input-wrap{display:flex;align-items:center;min-height:var(--input-height);background:var(--card-highlight);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}
.input-wrap:focus-within{border-color:var(--primary-border);box-shadow:0 0 0 3px rgba(139,124,255,.12)}
.pfx,.sfx{padding:0 16px;font-family:var(--mono);font-size:var(--control-font);color:var(--primary-light);flex-shrink:0}
input[type="number"],input[type="text"]{background:transparent;border:none;outline:none;color:var(--text);font-family:var(--mono);font-size:var(--control-font);font-weight:500;padding:0 16px 0 0;width:100%;min-width:0;height:var(--input-height)}
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none}
select{min-height:var(--input-height);background:var(--card-highlight);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--sans);font-size:var(--control-font);padding:0 16px;width:100%;cursor:pointer;outline:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}
select:focus{border-color:var(--primary-border);box-shadow:0 0 0 3px rgba(139,124,255,.12)}
.btn{width:100%;min-height:var(--btn-height);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-btn);padding:0 20px;font-family:var(--sans);font-size:var(--control-font);font-weight:600;cursor:pointer;margin-top:12px;transition:filter .2s,transform .2s,box-shadow .2s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px rgba(139,124,255,.25)}
.btn:active{transform:translateY(0)}
.hidden{display:none}
.result-card{border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,.25);background:radial-gradient(ellipse 100% 80% at 50% 0%,rgba(16,185,129,.12),transparent 55%),linear-gradient(165deg,var(--card-success) 0%,var(--card) 100%);padding:28px;margin-bottom:20px;box-shadow:var(--shadow)}
.result-card-hero{text-align:center;padding:8px 0 28px;border-bottom:1px solid var(--border);margin-bottom:24px}
.result-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--success);margin-bottom:12px}
.result-card-amount{font-family:var(--mono);font-size:48px;font-weight:600;line-height:1.05;color:var(--text)}
.result-card-sub{margin-top:12px;font-size:15px;color:var(--text-secondary)}
.result-card-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.result-tab{flex:1;min-width:72px;height:var(--btn-height);border:1px solid var(--border);background:rgba(8,12,20,.5);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
.result-tab:hover,.result-tab.active{border-color:var(--primary-border);background:var(--primary-dim);color:var(--text);transform:translateY(-1px)}
.result-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(min-width:640px){.result-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.result-metric{border-radius:var(--radius);border:1px solid var(--border);padding:18px 20px;background:rgba(8,12,20,.45);transition:transform .2s}
.result-metric:hover{transform:translateY(-2px)}
.result-metric-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:8px}
.result-metric-value{font-family:var(--mono);font-size:22px;font-weight:500;color:var(--text)}
.result-metric--net{background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(17,24,39,.7))}
.result-metric--net .result-metric-value{color:var(--success);font-size:24px}
.comparison-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}
@media(min-width:640px){.comparison-grid{grid-template-columns:repeat(2,1fr)}}
.comparison-card{border-radius:var(--radius);border:1px solid var(--border);padding:24px;background:linear-gradient(165deg,var(--card) 0%,var(--card-highlight) 100%);box-shadow:var(--shadow);transition:transform .2s}
.comparison-card:hover{transform:translateY(-2px)}
.tax-breakdown{margin-top:20px}
.tb-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.tb-label{font-size:14px;color:var(--text-secondary);flex:1}
.tb-amt{font-family:var(--mono);font-size:14px;color:var(--text-secondary);width:88px;text-align:right}
.rate-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pill{background:var(--card-highlight);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 14px;font-size:12px;color:var(--text-secondary)}