*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--text: #333333;--muted: #676879;--bg: #f5f6f8;--surface: #ffffff;--surface2: #f5f6f8;--surface3: #eaecf4;--border: #d0d4e4;--border-hover: #a8b0cc;--accent: #6161ff;--accent-hover: #4f4fd4;--accent-light: #8585ff;--accent-dim: rgba(97,97,255,.09);--accent-badge: #dbdbff;--green: #00c875;--green-text: #00a676;--green-dim: rgba(0,200,117,.12);--red: #e44258;--red-dim: rgba(228,66,88,.12);--yellow: #ffcb00;--yellow-text: #d97706;--blue: #3ac9ff;--card-mint: #bcfe90;--card-lavender: #eddff7;--card-sky: #abf0ff;--card-pale-blue: #e7ecff;--card-ocean: #93beff;--card-ice: #d1faff;--card-sunset: #ff8940;--radius: 24px;--radius-sm: 12px;--radius-btn: 160px;--radius-badge: 6px;--shadow: rgba(205,208,223,.4) 0px 2px 48px 0px;--shadow-sm: rgba(205,208,223,.6) 0px 1px 16px 0px;--shadow-hover: rgba(97,97,255,.18) 0px 4px 24px 0px;--shadow-modal: rgba(0,0,0,.15) 0px 8px 64px 0px;--t: .16s ease;--t-slow: .28s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}body{font-family:Poppins,Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0 0 16px;position:fixed;height:100vh;z-index:10}.sidebar-logo{padding:20px 16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.sidebar-logo .logo-icon{width:34px;height:34px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #6161ff66}.sidebar-logo .logo-text{display:flex;flex-direction:column}.sidebar-logo .logo-text span{font-size:10px;font-weight:400;color:var(--muted);margin-top:1px;letter-spacing:.01em}.sidebar nav{margin-top:10px;flex:1;padding:0 10px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--muted);font-size:13px;font-weight:500;border-radius:10px;margin-bottom:2px;transition:background var(--t),color var(--t);cursor:pointer}.sidebar nav a:hover{background:var(--surface2);color:var(--text)}.sidebar nav a.router-link-active{background:var(--accent-dim);color:var(--accent);font-weight:600;border:1px solid rgba(97,97,255,.15)}.sidebar-rate{padding:14px 16px;border-top:1px solid var(--border);font-size:12px}.sidebar-rate .rate-val{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.sidebar-rate .rate-src{color:var(--muted);margin-top:2px;font-size:11px}.currency-toggle{display:flex;margin:12px 10px 0;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface2)}.currency-toggle button{flex:1;padding:7px;font-size:12px;font-weight:600;border:none;cursor:pointer;background:transparent;color:var(--muted);font-family:inherit;transition:all var(--t)}.currency-toggle button:hover{color:var(--text)}.currency-toggle button.active{background:var(--accent);color:#fff;border-radius:8px}.main{margin-left:240px;flex:1;padding:28px 32px;max-width:1200px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:box-shadow var(--t),transform var(--t)}.card:hover{box-shadow:var(--shadow-hover)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);transition:transform var(--t),box-shadow var(--t)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-card.accent-mint{background:var(--card-mint);border-color:#00000012}.stat-card.accent-lavender{background:var(--card-lavender);border-color:#00000012}.stat-card.accent-sky{background:var(--card-sky);border-color:#00000012}.stat-card.accent-pale{background:var(--card-pale-blue);border-color:#00000012}.stat-card.accent-ice{background:var(--card-ice);border-color:#00000012}.stat-card.accent-ocean{background:var(--card-ocean);border-color:#00000012}.stat-card .label{font-size:11px;color:#00000080;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-weight:600}.stat-card .value{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text)}.stat-card .value.green{color:var(--green-text)}.stat-card .value.red{color:var(--red)}.stat-card .value.accent{color:var(--accent)}.stat-card .equiv{font-size:12px;color:#0006;font-weight:400;margin-top:6px}.page-title{font-size:20px;font-weight:700;margin-bottom:20px;letter-spacing:-.02em}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;padding:10px 14px;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--surface2)}tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--t)}tbody tr:hover{background:var(--surface2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all var(--t);white-space:nowrap;font-family:inherit;letter-spacing:-.01em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--accent-hover);box-shadow:0 4px 16px #6161ff66;transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:scale(.97)}.btn-danger{background:#fff1f2;color:var(--red);border:1px solid #fecdd3}.btn-danger:not(:disabled):hover{background:var(--red);color:#fff;box-shadow:0 4px 12px #e4425859}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-ghost:not(:disabled):hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-success{background:#f0fdf4;color:var(--green-text);border:1px solid #bbf7d0}.btn-success:not(:disabled):hover{background:var(--green);color:#fff}.btn-sm{padding:5px 12px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}input,select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 12px;font-size:13px;font-weight:400;width:100%;outline:none;transition:border-color var(--t),box-shadow var(--t);font-family:inherit}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6161ff1f}input::placeholder{color:var(--muted);opacity:.7}input[type=range]{padding:0;height:6px;cursor:pointer;accent-color:var(--accent);border:none;box-shadow:none;background:transparent}input[type=checkbox]{width:auto!important;accent-color:var(--accent);border:none;box-shadow:none}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100;animation:backdropFadeIn var(--t) ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:100%;max-width:520px;box-shadow:var(--shadow-modal);animation:modalSlideUp .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:16px;font-weight:700;letter-spacing:-.01em}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.badge{display:inline-block;padding:3px 9px;border-radius:var(--radius-badge);font-size:11px;font-weight:600}.badge-loan{background:var(--accent-badge);color:var(--accent)}.badge-bill{background:#e0f2fe;color:#0369a1}.badge-usd{background:#dcfce7;color:#15803d}.badge-crc{background:#fef3c7;color:#b45309}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:15px;font-weight:600}.sim-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:5px;box-shadow:var(--shadow-sm)}.sim-tab{padding:8px 14px;border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--muted);transition:all var(--t);display:flex;align-items:center;gap:6px;font-family:inherit}.sim-tab:hover{background:var(--surface2);color:var(--text)}.sim-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #6161ff66}.result-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px;margin-top:16px;transition:border-color var(--t)}.result-box h3{font-size:11px;font-weight:600;margin-bottom:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.result-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:14px}.result-row:last-child{border-bottom:none}.result-row .key{color:var(--muted)}.result-row .val{font-weight:600;color:var(--text)}.result-row .val.green{color:var(--green-text)}.result-row .val.red{color:var(--red)}.progress-wrap{margin-bottom:14px}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.progress-label .name{font-weight:500}.progress-label .pct{color:var(--muted)}.progress-bar{height:6px;background:var(--surface3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;transition:width .5s ease}.progress-fill.green{background:var(--green)}.progress-fill.yellow{background:var(--yellow)}.progress-fill.red{background:var(--red)}.progress-fill.accent{background:var(--accent)}.ratio-bar{height:8px;border-radius:99px;background:var(--surface3);margin:8px 0;overflow:hidden}.ratio-fill{height:100%;border-radius:99px;transition:width .6s ease}.tips-section{margin-top:20px}.tips-section h3{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.tip-card{display:flex;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:8px;font-size:13px;line-height:1.55;transition:transform var(--t)}.tip-card:hover{transform:translate(2px)}.tip-card .tip-icon{font-size:16px;flex-shrink:0;margin-top:1px}.tip-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.tip-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.tip-danger{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.tip-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.strat-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:16px}.strat-table th{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;background:var(--surface2)}.strat-table th:first-child{text-align:left}.strat-table td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--border);font-weight:600;color:var(--text)}.strat-table td:first-child{text-align:left;font-weight:400;color:var(--muted)}.strat-table tr{transition:background var(--t)}.strat-table tr:hover td{background:var(--surface2)}.strat-table .best{color:var(--green-text)}.strat-table .worst{color:var(--red)}.strat-table .row-focus td{background:var(--accent-dim)}.strat-table .row-focus td:first-child{color:var(--text)}.loan-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:16px}.loan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;transition:all var(--t);box-shadow:var(--shadow-sm)}.loan-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.loan-card .lc-name{font-weight:600;margin-bottom:8px}.loan-card .lc-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:12px}.loan-card .lc-stats .sk{color:var(--muted)}.loan-card .lc-stats .sv{font-weight:600}.equiv{font-size:11px;color:var(--muted);font-weight:400}.slider-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.slider-label{font-size:13px;min-width:140px;color:var(--muted)}.slider-val{font-size:13px;font-weight:700;color:var(--accent);min-width:80px;text-align:right}.plan-pills{display:flex;gap:10px;margin-bottom:4px}.plan-pill{padding:8px 20px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;border:1.5px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;transition:all var(--t);display:flex;align-items:center;gap:7px;font-family:inherit}.plan-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.plan-pill.active-snow{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.plan-pill.active-ava{background:#dcfce7;border-color:#16a34a;color:#15803d}.roadmap{margin-top:20px}.roadmap-step{display:flex;gap:14px}.roadmap-spine{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:32px}.roadmap-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roadmap-dot-now{background:#dbeafe;border:2px solid #3b82f6;color:#3b82f6}.roadmap-dot-payoff{background:#fef9c3;border:2px solid #eab308;color:#b45309}.roadmap-dot-free{background:#dcfce7;border:2px solid #22c55e;color:#15803d}.roadmap-line{width:2px;flex:1;min-height:28px;background:var(--border)}.roadmap-body{padding-bottom:24px;flex:1}.roadmap-title{font-size:14px;font-weight:600;margin-bottom:5px;line-height:1.4;padding-top:4px;color:var(--text)}.roadmap-detail{font-size:12px;color:var(--muted);line-height:1.65}.roadmap-detail strong{color:var(--text)}.roadmap-tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;margin-right:6px;text-transform:uppercase;letter-spacing:.04em}.tag-now{background:#dbeafe;color:#1d4ed8}.tag-payoff{background:#fef9c3;color:#92400e}.tag-free{background:#dcfce7;color:#166534}.dist-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dist-row:last-of-type{margin-bottom:0}.dist-meta{display:flex;justify-content:space-between;align-items:baseline;min-width:160px;flex-shrink:0;gap:8px}.dist-label{font-size:12px;font-weight:500}.dist-amount{font-size:12px;font-weight:600;white-space:nowrap}.dist-track{flex:1;height:10px;background:var(--surface3);border-radius:99px;overflow:hidden;min-width:60px}.dist-fill{height:100%;border-radius:99px;transition:width .6s ease}.dist-fill-red{background:var(--red)}.dist-fill-yellow{background:var(--yellow)}.dist-fill-green{background:var(--green)}.dist-pct{font-size:12px;font-weight:700;min-width:38px;text-align:right;flex-shrink:0}.loan-prog-row{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.loan-prog-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.lp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px;flex-wrap:wrap}.lp-name{font-size:13px;font-weight:600}.lp-bar-row{display:flex;align-items:center;gap:10px}.lp-track{flex:1;height:8px;background:var(--surface3);border-radius:99px;overflow:hidden}.lp-fill{height:100%;border-radius:99px;transition:width .6s ease}.lp-amount{font-size:12px;font-weight:700;color:var(--text);flex-shrink:0;min-width:80px;text-align:right}.method-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:640px){.method-cards-grid{grid-template-columns:1fr}}.method-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;background:var(--surface);transition:all var(--t);display:flex;flex-direction:column;gap:0}.method-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.method-card.mc-selected{border-color:var(--accent);background:var(--accent-dim)}.method-card.mc-recommended{border-color:#16a34a}.mc-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.mc-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mc-icon-snow{background:#dbeafe;color:#3b82f6}.mc-icon-ava{background:#dcfce7;color:#15803d}.mc-name{font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px;margin-bottom:2px}.mc-badge{background:#dcfce7;color:#15803d;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;border:1px solid #bbf7d0}.mc-desc{font-size:12px;color:var(--muted)}.mc-stats{display:flex;flex-direction:column;gap:0;margin-bottom:16px;flex:1}.mc-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.mc-stat:last-child{border-bottom:none}.mc-stat-label{color:var(--muted)}.mc-stat-val{font-weight:600}.baseline-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--muted);margin-bottom:16px}.freq-pills{display:flex;gap:6px;flex-wrap:wrap}.freq-pill{padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600;border:1.5px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;transition:all var(--t);font-family:inherit}.freq-pill:hover{border-color:var(--accent);color:var(--accent)}.freq-pill.freq-active{background:var(--accent);border-color:var(--accent);color:#fff}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.text-muted{color:var(--muted);font-size:13px}.text-green{color:var(--green-text)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow-text)}.text-accent{color:var(--accent)}.font-bold{font-weight:700}.font-600{font-weight:600}.full-span{grid-column:1 / -1}.consent-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.consent-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;width:100%;max-width:440px;box-shadow:#00000040 0 12px 64px;text-align:center}.consent-icon{width:64px;height:64px;background:var(--accent-dim);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:1px solid rgba(97,97,255,.2)}.consent-title{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin-bottom:12px}.consent-body{font-size:13px;color:var(--muted);line-height:1.7;text-align:left}.consent-body strong{color:var(--text)}.consent-link{color:var(--accent);font-weight:600}.consent-btn{width:100%;margin-top:24px;min-height:46px;font-size:14px}.consent-enter-active,.consent-leave-active{transition:opacity .2s ease}.consent-enter-from,.consent-leave-to{opacity:0}.terms-hero{display:flex;align-items:flex-start;gap:16px}.terms-hero-icon{width:56px;height:56px;flex-shrink:0;background:var(--accent-dim);border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(97,97,255,.2)}.terms-badges{display:flex;flex-wrap:wrap;gap:10px}.terms-badge{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:99px;font-size:12px;font-weight:600;color:#15803d}.terms-section .ts-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ts-num{width:28px;height:28px;flex-shrink:0;background:var(--accent);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.ts-header h3{font-size:15px;font-weight:700}.ts-body{font-size:13px;color:var(--muted);line-height:1.75}.ts-body p+p{margin-top:10px}.ts-body strong{color:var(--text)}.ts-body code{background:var(--surface2);padding:2px 6px;border-radius:4px;font-size:12px;color:var(--accent)}.ts-body ul{margin:10px 0 0 18px;display:flex;flex-direction:column;gap:5px}.ts-alert{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 13px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:12px;color:#92400e;line-height:1.6}.ts-alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.sidebar-copyright{margin:8px 10px 10px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#9450fd);display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.sc-label{font-size:9px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.kroding-logo{height:20px;width:auto;object-fit:contain}.app-footer{display:none;margin-top:32px;padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#9450fd);flex-direction:column;align-items:center;gap:5px;text-align:center}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;z-index:30;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;justify-content:space-between;gap:12px}.mobile-topbar-logo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:-.01em}.mobile-topbar-logo .logo-icon{width:30px;height:30px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.currency-toggle-mobile{display:flex;border-radius:8px;overflow:hidden;border:1.5px solid var(--border)}.currency-toggle-mobile button{padding:5px 10px;font-size:12px;font-weight:700;border:none;cursor:pointer;background:transparent;color:var(--muted);font-family:inherit;transition:all var(--t)}.currency-toggle-mobile button.active{background:var(--accent);color:#fff}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 24px #0000000f;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;color:var(--muted);font-size:10px;font-weight:500;text-decoration:none;transition:color var(--t);min-height:56px;justify-content:center}.bottom-nav-item:hover{color:var(--text)}.bottom-nav-item.router-link-active{color:var(--accent)}.bottom-nav-item.router-link-active svg{filter:drop-shadow(0 0 4px rgba(97,97,255,.35))}@media (min-width: 768px) and (max-width: 1023px){.sidebar{width:200px}.main{margin-left:200px;padding:22px 20px}.sidebar-logo{padding:16px 14px 14px;font-size:13px}.sidebar nav a{font-size:12px;padding:8px 10px}.sidebar-rate{padding:12px 14px;font-size:11px}.currency-toggle{margin:10px 8px 0}.stat-card .value{font-size:18px}.charts-grid{grid-template-columns:1fr}}@media (max-width: 767px){.sidebar{display:none}.mobile-topbar,.bottom-nav{display:flex}.main{margin-left:0;padding:calc(72px + env(safe-area-inset-top,0px)) 16px calc(72px + env(safe-area-inset-bottom,0px));max-width:100%}.page-title{font-size:18px;margin-bottom:16px}.card{padding:16px;border-radius:16px}.result-box{padding:14px;border-radius:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-card{padding:14px;border-radius:16px}.stat-card .label{font-size:10px;letter-spacing:.05em;margin-bottom:6px}.stat-card .value{font-size:16px}.stat-card .equiv{font-size:10px}.section-header{flex-wrap:wrap;gap:10px;margin-bottom:16px}.charts-grid{grid-template-columns:1fr;gap:12px}.card canvas{max-height:220px!important}.dist-meta{min-width:100px;gap:4px}.dist-label,.dist-amount{font-size:11px}.dist-track{height:8px}.dist-pct{font-size:11px;min-width:32px}.dist-row{gap:8px;margin-bottom:12px}.lp-header{flex-direction:column;align-items:flex-start;gap:4px}.lp-amount{font-size:12px;min-width:70px}.loan-prog-row{margin-bottom:14px;padding-bottom:14px}.sim-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3px;padding:4px;border-radius:16px;margin-bottom:16px}.sim-tabs::-webkit-scrollbar{display:none}.sim-tab{flex-shrink:0;padding:7px 12px;font-size:12px}.method-cards-grid{grid-template-columns:1fr;gap:12px}.method-card{padding:16px}.roadmap-title{font-size:13px}.roadmap-detail{font-size:11px}.strat-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.strat-table{font-size:12px;min-width:520px}.freq-pills{gap:6px}.freq-pill{padding:7px 12px;font-size:12px}.plan-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.strat-table.plan-table{min-width:480px}.rf-result-grid{grid-template-columns:1fr!important}.form-grid{gap:10px}input,select{padding:10px 12px;font-size:14px}.slider-label{min-width:100px;font-size:12px}.slider-val{min-width:64px;font-size:12px}.btn{min-height:42px;padding:10px 18px}.btn-sm{min-height:34px;padding:6px 12px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:100%;width:100%;margin:0;border-radius:20px 20px 0 0;max-height:92vh;overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.loans-table th:nth-child(4),.loans-table td:nth-child(4),.loans-table th:nth-child(6),.loans-table td:nth-child(6),.loans-table th:nth-child(7),.loans-table td:nth-child(7){display:none}.bills-table th:nth-child(2),.bills-table td:nth-child(2),.bills-table th:nth-child(5),.bills-table td:nth-child(5),.bills-table th:nth-child(6),.bills-table td:nth-child(6){display:none}.table-wrap{margin:0 -16px;padding:0 16px;border-radius:0}.tip-card{font-size:12px;padding:10px 12px}.baseline-banner{font-size:12px;flex-wrap:wrap}.result-row{font-size:13px}.roadmap-tag{font-size:9px}.app-footer{display:flex}.consent-backdrop{align-items:center!important;padding:16px}.consent-modal{border-radius:var(--radius);padding:24px 20px}.terms-badges{gap:8px}.terms-badge{font-size:11px;padding:6px 10px}.terms-hero{flex-direction:column;gap:12px}.terms-hero-icon{width:48px;height:48px}}