#sfcalc *,#sfcalc :before,#sfcalc :after{box-sizing:border-box;margin:0;padding:0}#sfcalc{--bg:#f0f4fa;--surface:#fff;--primary:#0b4fcc;--primary-dark:#0a3fa3;--accent:#00c2e0;--text:#0f1c35;--text-mid:#3d5a8a;--text-muted:#7a8ead;--border:#d6e0f0;--border-focus:#0b4fcc;--success:#10b981;--warning:#f59e0b;--radius:10px;--shadow:0 2px 12px #0b4fcc14;--shadow-lg:0 8px 32px #0b4fcc24;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding:0;font-family:Plus Jakarta Sans,sans-serif}#sfcalc .sf-header{background:linear-gradient(135deg,#061529 0%,#0b3d91 100%);border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:28px 32px 24px;display:flex}#sfcalc .sf-header-left h1{color:#fff;letter-spacing:-.3px;font-size:22px;font-weight:800;line-height:1.2}#sfcalc .sf-header-left h1 span{color:#00c2e0}#sfcalc .sf-header-left p{color:#fff9;margin-top:4px;font-size:13px}#sfcalc .sf-badge{color:#ffffffbf;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600}#sfcalc .sf-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#sfcalc .sf-mode-toggle{background:#ffffff1a;border-radius:6px;gap:2px;padding:2px;display:flex}#sfcalc .sf-mode-btn{cursor:pointer;letter-spacing:.2px;color:#ffffff8c;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:3px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:700;line-height:1.2;transition:background .15s,color .15s}#sfcalc .sf-mode-btn.active{color:#0b3d91;background:#fff}#sfcalc .sf-mode-btn:hover:not(.active){color:#ffffffd9;background:#ffffff14}#sfcalc .sf-body{background:var(--bg);border-radius:0 0 var(--radius) var(--radius);grid-template-columns:1fr 320px;display:grid}#sfcalc .sf-inputs{flex-direction:column;gap:0;padding:24px 20px 24px 24px;display:flex}#sfcalc .sf-inputs>.sf-field,#sfcalc .sf-inputs>.sf-card{margin-bottom:16px}#sfcalc .sf-slide{opacity:1;max-height:700px;margin-bottom:16px;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .3s,margin-bottom .36s cubic-bezier(.4,0,.2,1);overflow:hidden}#sfcalc .sf-slide.sf-slide-closed{opacity:0;max-height:0;margin-bottom:0}#sfcalc .sf-results-col{padding:24px 24px 24px 16px}#sfcalc .sf-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);animation:.3s both sfFadeUp;overflow:hidden}#sfcalc .sf-card:nth-child(2){animation-delay:50ms}#sfcalc .sf-card:nth-child(3){animation-delay:.1s}#sfcalc .sf-card:nth-child(4){animation-delay:.15s}#sfcalc .sf-card:nth-child(5){animation-delay:.2s}#sfcalc .sf-card:nth-child(6){animation-delay:.25s}@keyframes sfFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#sfcalc .sf-card-header{border-bottom:1px solid var(--border);background:#f7f9fe;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}#sfcalc .sf-card-header .sf-header-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}#sfcalc .sf-card-header h3{color:var(--text);font-size:13px;font-weight:700}#sfcalc .sf-card-header .sf-sub{color:var(--text-muted);margin-left:6px;font-size:11px;font-weight:400}#sfcalc .sf-card-body{flex-direction:column;gap:10px;padding:14px;display:flex}#sfcalc .sf-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}#sfcalc .sf-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}#sfcalc .sf-field{flex-direction:column;gap:5px;display:flex}#sfcalc .sf-field label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}#sfcalc .sf-field select,#sfcalc .sf-field input[type=number]{border:1.5px solid var(--border);width:100%;color:var(--text);appearance:none;background:#fff;border-radius:7px;outline:none;padding:8px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}#sfcalc .sf-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A8EAD' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}#sfcalc .sf-field select:focus,#sfcalc .sf-field input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0b4fcc1a}#sfcalc .sf-toggle-group{gap:6px;display:flex}#sfcalc .sf-toggle-btn{border:2px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:center;background:#fff;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:0;min-width:72px;padding:8px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}#sfcalc .sf-provider-logo{vertical-align:middle;flex-shrink:0;display:block}#sfcalc .sf-toggle-btn:hover{border-color:var(--primary);color:var(--text-mid);background:#fff}#sfcalc .sf-toggle-btn.active{border:2px solid var(--primary);color:var(--text);box-shadow:none;background:#fff}#sfcalc .sf-check-row{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;width:auto;padding:4px 10px 4px 8px;transition:border-color .15s,background .15s;display:inline-flex}#sfcalc .sf-check-row:hover{border-color:var(--primary);background:#eff4ff}#sfcalc .sf-check-row input[type=checkbox]{width:13px;height:13px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}#sfcalc .sf-check-label{color:var(--text-mid);letter-spacing:.2px;font-size:11px;font-weight:600}#sfcalc .sf-input-with-unit{border:1.5px solid var(--border);background:#fff;border-radius:7px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}#sfcalc .sf-input-with-unit:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #0b4fcc1a}#sfcalc .sf-input-with-unit input{flex:1;min-width:0;box-shadow:none!important;border:none!important;border-radius:0!important}#sfcalc .sf-input-with-unit input:focus{box-shadow:none!important}#sfcalc .sf-unit{color:var(--text-muted);border-left:1.5px solid var(--border);white-space:nowrap;background:#f7f9fe;padding:8px 10px;font-size:11.5px;font-weight:600}#sfcalc .sf-help{color:var(--text-muted);font-size:11px;line-height:1.4}#sfcalc .sf-results{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-lg);position:sticky;top:20px}#sfcalc .sf-results-header{background:linear-gradient(135deg,#0b3d91 0%,#0b4fcc 60%,#1565c0 100%);border-radius:0;padding:18px 20px}#sfcalc .sf-results-header h2{text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;margin-bottom:12px;font-size:12px;font-weight:700}#sfcalc .sf-total-label{color:#fff9;font-size:11px;font-weight:500}#sfcalc .sf-total-amount{color:#fff;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:600;line-height:1.15}#sfcalc .sf-total-amount span{opacity:.8;font-size:15px}#sfcalc .sf-monthly-toggle{gap:6px;margin-top:12px;display:flex}#sfcalc .sf-period-btn{color:#fff9;cursor:pointer;text-align:center;background:#ffffff14;border:1px solid #fff3;border-radius:5px;flex:1;padding:5px;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;transition:all .15s}#sfcalc .sf-period-btn.active{color:#fff;background:#fff3;border-color:#fff6}#sfcalc .sf-breakdown{flex-direction:column;gap:1px;padding:14px 16px;display:flex}#sfcalc .sf-br-row{opacity:1;border-radius:6px;justify-content:space-between;align-items:center;max-height:60px;padding:6px 8px;transition:background .1s,max-height .32s cubic-bezier(.4,0,.2,1),opacity .25s,padding .32s;display:flex;overflow:hidden}#sfcalc .sf-br-row:hover{background:#f7f9fe}#sfcalc .sf-br-row.sf-br-closed{opacity:0;max-height:0;padding-top:0;padding-bottom:0}#sfcalc .sf-gen2-row{opacity:1;max-height:40px;transition:max-height .3s,opacity .25s;overflow:hidden}#sfcalc .sf-gen2-row.sf-gen2-row-closed{opacity:0;pointer-events:none;max-height:0}#sfcalc .sf-br-label{color:var(--text-mid);align-items:center;gap:7px;font-size:12px;display:flex}#sfcalc .sf-br-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}#sfcalc .sf-br-val{color:var(--text);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;transition:color .2s}#sfcalc .sf-divider{background:var(--border);height:1px;margin:5px 0}#sfcalc .sf-br-row.sf-total{background:#eff4ff;position:relative;overflow:visible}#sfcalc .sf-br-row.sf-total .sf-br-label{color:var(--text);font-size:13px;font-weight:700}#sfcalc .sf-br-row.sf-total .sf-br-val{color:var(--primary);font-size:13px;font-weight:600}#sfcalc .sf-range-bars{margin:0 16px 12px}#sfcalc .sf-rbl{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}#sfcalc .sf-stacked-track{background:var(--border);border-radius:6px;width:100%;height:10px;margin-bottom:8px;display:flex;overflow:hidden}#sfcalc .sf-stacked-seg{height:100%;transition:width .45s cubic-bezier(.4,0,.2,1),opacity .25s}#sfcalc .sf-stacked-legend{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}#sfcalc .sf-legend-xfer{transition:opacity .25s}#sfcalc .sf-legend-xfer.sf-hidden,#sfcalc .sf-bar-xfer.sf-hidden{opacity:0;display:none}#sfcalc .sf-stacked-item{color:var(--text-muted);white-space:nowrap;align-items:center;gap:3px;font-size:9.5px;display:flex}#sfcalc .sf-stacked-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}#sfcalc .sf-stacked-pct{color:var(--text-mid);font-weight:700}#sfcalc .sf-credit-info{display:block}#sfcalc .sf-credit-divider{background:var(--border);height:1px;margin:6px 0;display:block}#sfcalc .sf-info-wrapper{justify-content:center;align-items:center;display:flex;position:relative}#sfcalc .sf-info-btn{border:1.5px solid var(--primary);width:16px;height:16px;color:var(--primary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700;line-height:1;transition:background .15s,color .15s;display:inline-flex}#sfcalc .sf-info-btn:hover{background:var(--primary);color:#fff}#sfcalc .sf-info-popover{border:1px solid var(--border);width:max-content;min-width:200px;max-width:260px;color:var(--text-muted);box-shadow:var(--shadow-lg);z-index:100;background:#fff;border-right:3px solid #00c2e0;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.6;display:none;position:absolute;top:50%;left:auto;right:calc(100% + 10px);transform:translateY(-50%)}#sfcalc .sf-info-wrapper:hover .sf-info-popover{display:block}#sfcalc .sf-disclaimer{display:none}#sfcalc .sf-cta-wrap{flex-direction:column;gap:6px;margin:0 16px 16px;display:flex}#sfcalc .sf-cta{background:var(--primary);color:#fff;letter-spacing:.1px;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0b4fcc40}#sfcalc .sf-cta:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #0b4fcc59}#sfcalc .sf-cta-arrow{flex-shrink:0;transition:transform .15s}#sfcalc .sf-cta:hover .sf-cta-arrow{transform:translate(3px)}#sfcalc .sf-share-btn{color:var(--primary);border:1.5px solid var(--border);cursor:pointer;letter-spacing:.1px;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}#sfcalc .sf-share-btn:hover{border-color:var(--primary);background:#eff4ff}#sfcalc .sf-share-btn.copied{border-color:var(--success);color:var(--success);background:#ecfdf5}#sfcalc .sf-hint{color:var(--text-muted);letter-spacing:.1px;vertical-align:middle;background:#eef2fa;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:10px;font-weight:500}#sfcalc .sf-edition-pills{border:1.5px solid var(--border);border-radius:7px;display:flex;overflow:hidden}#sfcalc .sf-edition-pill{color:var(--text-muted);cursor:pointer;border:none;border-right:1.5px solid var(--border);text-align:center;background:#fff;outline:none;flex:1;padding:8px 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:11.5px;font-weight:600;transition:background .15s,color .15s}#sfcalc .sf-edition-pill:last-child{border-right:none}#sfcalc .sf-edition-pill.active{color:var(--primary);background:#eff4ff}#sfcalc .sf-edition-pill:hover:not(.active){color:var(--text-mid);background:#f7f9fe}@media (max-width:820px){#sfcalc .sf-body{grid-template-columns:1fr}#sfcalc .sf-results-col{padding:0 16px 24px}#sfcalc .sf-results{position:static}#sfcalc .sf-row{grid-template-columns:1fr 1fr}}@media (max-width:520px){#sfcalc .sf-inputs{padding:16px}#sfcalc .sf-row,#sfcalc .sf-row-2{grid-template-columns:1fr}#sfcalc .sf-header{padding:20px 18px 18px}#sfcalc .sf-header-left h1{font-size:18px}#sfcalc .sf-mode-toggle{flex:1}#sfcalc .sf-mode-btn{text-align:center;flex:1}}