.col-page{--col-ink: color-mix(in srgb, var(--primary) 35%, var(--foreground));--col-green: color-mix(in srgb, var(--secondary) 65%, var(--foreground));--col-soft: color-mix(in srgb, var(--primary) 6%, var(--background));--accent: var(--col-soft);--accent-foreground: var(--foreground)}.col-page .col-container{max-width:1160px;margin-inline:auto;padding-inline:24px}.col-page .col-hero{padding-block:32px}.col-page .col-breadcrumb{font-size:12px;color:var(--muted-foreground);margin-bottom:28px}.col-page .col-breadcrumb a:hover{color:var(--col-ink)}.col-page .col-hero-layout{display:flex;justify-content:space-between;align-items:end;gap:32px}.col-page .col-hero h1{font-family:Satoshi,sans-serif;font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.04em;font-weight:800;max-width:690px}.col-page .col-hero-description{max-width:580px;margin-top:16px;color:var(--muted-foreground);line-height:1.7;font-size:16px}.col-page .col-hero-aside{flex-shrink:0;font-size:12px;line-height:1.9;color:var(--muted-foreground);border-left:2px solid #d3e6ee;padding-left:20px;margin-bottom:5px}.col-page .col-eyebrow{color:var(--col-ink);font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:10px}.col-page .col-workspace{gap:0;padding:0;border:1px solid var(--border);border-radius:18px;overflow:clip;box-shadow:0 12px 36px #153d5009}.col-page .col-selectors{display:grid;grid-template-columns:1fr 20px 1fr 150px;grid-template-rows:auto;gap:20px;align-items:end;padding:24px 28px}.col-page .col-selector-field{display:grid;gap:9px;min-width:0;font-size:12px;font-weight:600}.col-page .col-select-trigger{width:100%;height:47px;padding:0 12px;border:1px solid var(--input);border-radius:8px;background:var(--card);color:var(--foreground);font:inherit;font-size:14px;font-weight:600}.col-page .col-selector-arrow{margin-bottom:13px;color:#92a8b3}.col-page a:not([data-slot=button]):focus-visible{outline:2px solid var(--ring);outline-offset:3px}.col-page .col-selector-field [data-slot=label]{font-size:inherit;font-weight:inherit;line-height:1.5}.col-page .col-select-trigger [data-slot=select-value]{min-width:0;text-align:left}.col-select-content{--accent: color-mix(in srgb, var(--primary) 8%, var(--background));--accent-foreground: var(--foreground);border-radius:var(--radius);max-width:calc(100vw - 32px)}.col-select-content [data-slot=select-item]{min-height:40px;cursor:pointer}.col-select-content [data-slot=select-item][data-state=checked]{background:var(--accent);font-weight:600}.col-page .col-summary{background:var(--col-ink);color:#fff;padding:27px 30px}.col-page .col-summary-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.col-page .col-result-badge{gap:7px;color:#d0e0e7;border-color:#ffffff30;font-size:12px;font-weight:500;padding:5px 10px}.col-page .col-result-amount{color:#b9e8c7;font:700 clamp(32px,4.4vw,54px) / 1.12 Satoshi,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-block:16px 12px;overflow-wrap:anywhere}.col-page [data-outcome=extra] .col-result-amount{color:#ffcfab}.col-page [data-outcome=equal] .col-result-amount{color:#fff}.col-page .col-result-context{color:#d0e0e7;font-size:14px;line-height:1.7;max-width:350px}.col-page .col-annual-result{font-size:14px;color:#d0e0e7;margin-top:20px}.col-page .col-annual-result strong{color:#fff;font-weight:600}.col-page .col-result-pesos{color:#c0d9e4;font-size:12px;margin-top:7px}.col-page .col-budget-chart{min-width:0}.col-page .col-budget-chart figcaption{font-size:10px;letter-spacing:.08em;font-weight:700;color:#c0d9e4;margin-bottom:24px}.col-page .col-budget-chart :where(figcaption) span{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:5px}.col-page .col-budget-series+.col-budget-series{margin-top:24px}.col-page .col-budget-bar-label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;font-size:13px}.col-page .col-budget-bar-label strong{font:600 17px Satoshi,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.col-page .col-budget-track{height:14px;border-radius:4px;background:#ffffff14;overflow:hidden;margin-top:10px}.col-page .col-budget-bar{height:100%;border-radius:4px;background:#9ebbc9;transition:width .32s ease}.col-page .col-budget-series-destination .col-budget-bar{background:#b9e8c7}.col-page [data-outcome=extra] .col-budget-series-destination .col-budget-bar{background:#ffcfab}.col-page [data-outcome=equal] .col-budget-series-destination .col-budget-bar{background:#9ebbc9}.col-page .col-budget-series small{display:block;color:#c0d9e4;font-size:11px;margin-top:7px}.col-page .col-budget-insight{display:flex;gap:9px;align-items:flex-start;color:#d0e0e7;font-size:13px;line-height:1.7;padding-top:20px;margin-top:26px;border-top:1px solid #ffffff26}.col-page .col-budget-insight svg{flex-shrink:0;margin-top:2px}.col-page .col-budget-insight strong{font-weight:600;color:#fff}.col-page .col-summary-anchor{scroll-margin-top:88px}.col-page .col-compact-container{position:sticky;top:76px;height:0;z-index:30}.col-page .col-compact-result{display:flex;align-items:center;gap:20px;margin-inline:16px;padding:12px 20px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 24px #153d501f}.col-page .col-compact-result[hidden]{display:none}.col-page .col-compact-result>div{flex:1;min-width:0}.col-page .col-compact-result>:where(div)>span{display:block;font-size:12px;color:var(--muted-foreground)}.col-page .col-compact-result strong{display:block;font:700 22px Satoshi,sans-serif;color:var(--col-green);overflow-wrap:anywhere}.col-page .col-compact-result[data-outcome=extra] strong{color:var(--destructive)}.col-page .col-compact-result[data-outcome=equal] strong,.col-page .col-compact-result[data-outcome=incomplete] strong{color:var(--foreground)}.col-page .col-compact-annual{font-size:14px;font-weight:600}.col-page .col-compact-annual span{font-size:12px;font-weight:400;color:var(--muted-foreground)}.col-page .col-view-result{font-size:12px;color:var(--col-ink)}.col-page .col-incomplete{min-height:210px;display:flex;flex-direction:column;justify-content:center}.col-page .col-incomplete p{color:#d0e0e7;margin-top:12px;font-size:14px}.col-page .col-expenses-intro{padding:26px 28px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.col-page .col-expenses-intro h2{font:700 20px Satoshi,sans-serif;letter-spacing:-.02em}.col-page .col-expenses-intro p{color:var(--muted-foreground);font-size:14px;margin-top:7px;line-height:1.6}.col-page .col-reset-all{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--col-ink);white-space:nowrap;padding:10px 0 10px 10px;cursor:pointer}.col-page button:disabled{opacity:.35;cursor:default}.col-page .col-expense-grid{padding-inline:28px}.col-page .col-table-header,.col-page .col-expense-row{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(150px,1fr) minmax(150px,1fr) minmax(105px,.75fr);gap:26px;align-items:center}.col-page .col-table-header{font-size:10px;font-weight:700;color:var(--muted-foreground);padding-block:12px;border-bottom:1px solid var(--border)}.col-page .col-table-header>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.col-page .col-table-header>span:last-child{justify-content:end;text-align:right}.col-page .col-reset-city{padding-inline:0;height:auto;color:var(--col-ink);font-size:10px;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding-block:8px;cursor:pointer}.col-page .col-expense-row{border-bottom:1px solid var(--border);padding-block:15px}.col-page .col-expense-row:last-child{border-bottom:none}.col-page .col-expense-label{display:flex;gap:10px;align-items:flex-start;min-width:0}.col-page .col-expense-label>div{min-width:0}.col-page .col-expense-label h4{font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.col-page .col-expense-label p{color:var(--muted-foreground);font-size:12px;line-height:1.6;margin-top:3px}.col-page .col-category-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--col-soft);color:var(--col-ink);flex-shrink:0}.col-page .col-group-heading{display:flex;align-items:center;gap:10px;padding-block:18px 12px;font-size:13px;font-weight:700;color:var(--col-ink)}.col-page .col-group-heading>span{color:var(--muted-foreground);font-size:10px;font-weight:500;letter-spacing:.05em}.col-page .col-expense-group+.col-expense-group{border-top:1px solid var(--border);margin-top:10px}.col-page .col-editor-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:end;gap:6px 12px;flex-shrink:0}.col-page .col-add-expense{color:var(--col-ink);font-size:12px;min-height:40px}.col-page .col-add-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;margin:0 28px 16px;background:var(--col-soft);border:1px solid var(--border);border-radius:10px}.col-page .col-name-field{display:grid;gap:8px;flex:1;min-width:170px}.col-page .col-name-field input{background:var(--card)}.col-page .col-add-form>p{flex-basis:100%;margin:0}.col-page .col-remove-expense{flex-shrink:0;color:var(--muted-foreground);margin-left:auto}.col-page .col-remove-expense:hover{color:var(--destructive)}.col-page .col-expense-cell{min-width:0}.col-page .col-money-input{display:flex;align-items:center;border:1px solid var(--input);border-radius:7px;height:43px;background:var(--card);overflow:visible}.col-page .col-money-input.is-edited{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:var(--col-soft)}.col-page .col-money-input>span{padding-left:10px;font-size:11px;color:var(--muted-foreground)}.col-page .col-money-input input{min-width:0;width:100%;border:none;background:transparent;padding:9px 7px;text-align:right;font-family:Fira Code,monospace;font-size:14px;font-variant-numeric:tabular-nums;border-radius:4px}.col-page .col-money-input input[aria-invalid=true]{color:var(--destructive)}.col-page .col-money-input button{flex:0 0 30px;padding:0;display:grid;place-items:center;height:40px;color:var(--col-ink);cursor:pointer}.col-page .col-error{color:var(--destructive);font-size:12px;margin-top:8px}.col-page .col-peso-note,.col-page .col-expense-cell>.col-error{display:block;margin-top:5px;font-size:12px;text-align:right;line-height:1.5}.col-page .col-peso-note{color:var(--muted-foreground)}.col-page .col-custom{color:var(--col-ink);background:var(--col-soft);margin-left:4px;padding:0 4px;font-size:9px;line-height:1.5}.col-page .col-difference{text-align:right;color:var(--col-green);font-size:12px;font-family:Fira Code,monospace;overflow-wrap:anywhere}.col-page .col-difference>span{display:block;font:400 11px Albert Sans,sans-serif;margin-bottom:4px}.col-page .col-difference.is-higher{color:var(--destructive)}.col-page .col-mobile-city{display:none}.col-page .col-budget-footnote{display:flex;align-items:start;gap:9px;background:var(--muted);padding:15px 28px;font-size:11px;line-height:1.7;color:var(--muted-foreground);border-top:1px solid var(--border)}.col-page .col-budget-footnote svg{flex-shrink:0;margin-top:2px;color:#35784f}.col-page .col-rates-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 20px;margin:13px 0 36px;font-size:10px;color:var(--muted-foreground);line-height:1.6}.col-page .col-rates-note a{text-decoration:underline;text-underline-offset:3px}.col-page .col-rates-note strong{font-weight:600;color:#92642c}.col-page .col-converter{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;padding:28px;background:var(--col-soft);border-radius:var(--radius)}.col-page .col-converter h2,.col-page .col-section-intro h2,.col-page .col-methodology h2,.col-page .col-faq h2{font:700 25px Satoshi,sans-serif;letter-spacing:-.03em}.col-page .col-note{font-size:12px;color:var(--muted-foreground);line-height:1.8;margin-top:8px}.col-page .col-converter-fields{display:grid;grid-template-columns:1fr 30px 1fr;align-items:end;gap:12px}.col-page .col-converter-field{display:grid;gap:9px;min-width:0;font-size:11px;font-weight:600}.col-page .col-converter-input{display:flex;align-items:center;background:var(--card);border:1px solid var(--input);border-radius:7px}.col-page .col-converter-input span{padding-left:12px;color:var(--muted-foreground);font-size:12px}.col-page .col-converter-input input{border:0;height:44px;min-width:0;width:100%;font:500 14px Fira Code,monospace;padding:12px 9px;background:transparent;text-align:right}.col-page .col-swap{width:30px;padding:0;height:44px;display:grid;place-items:center;color:var(--col-ink);cursor:pointer}.col-page .col-rate-line{font-size:10px}.col-page .col-sources{margin-block:48px 36px}.col-page .col-section-intro{max-width:700px;margin-bottom:22px}.col-page .col-section-intro>p:last-child{font-size:13px;color:var(--muted-foreground);line-height:1.8;margin-top:12px}.col-page .col-source-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.col-page .col-source-card{border:1px solid var(--border);border-radius:10px;overflow:hidden}.col-page .col-source-trigger{padding:20px;align-items:center;gap:12px}.col-page .col-source-trigger:hover,.col-page .col-faq-trigger:hover{text-decoration:none;color:var(--col-ink);background:var(--col-soft)}.col-page .col-source-trigger strong{font-size:14px;display:block}.col-page .col-source-trigger small{font-size:10px;display:block;color:var(--muted-foreground);margin-top:6px}.col-page [data-slot=accordion-content][data-state=closed]{display:none}.col-page .col-source-content{padding:0 20px 20px}.col-page .col-source-item{border-top:1px solid var(--border);margin-top:18px;padding-top:18px;font-size:11px;line-height:1.8;color:var(--muted-foreground)}.col-page .col-source-item h4{color:var(--col-ink);font-size:12px;font-weight:700}.col-page .col-source-item h4 span{font-weight:500;display:block}.col-page .col-source-item p{margin-top:7px}.col-page .col-source-item ul{padding-top:7px}.col-page .col-source-item a,.col-page .col-methodology a{color:var(--col-ink);text-decoration:underline;text-underline-offset:3px}.col-page .col-source-item a{overflow-wrap:anywhere}.col-page .col-city-links{display:flex;flex-wrap:wrap;gap:15px 28px;margin-top:22px}.col-page .col-city-link{height:auto;padding:0;white-space:normal;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--col-ink);font-weight:600}.col-page .col-methodology{padding-block:36px;border-top:1px solid var(--border)}.col-page .col-methodology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:24px}.col-page .col-methodology h3{font-size:14px;font-weight:700;margin-bottom:8px}.col-page .col-methodology p{font-size:12px;color:var(--muted-foreground);line-height:1.9}.col-page .col-faq{padding:40px 0 60px;border-top:1px solid var(--border)}.col-page .col-faq h2{margin-bottom:20px}.col-page .col-faq-item{border-bottom:1px solid var(--border)}.col-page .col-faq-trigger{padding:17px 0;font-size:14px;font-weight:600;cursor:pointer}.col-page .col-faq-answer p{max-width:780px;font-size:13px;color:var(--muted-foreground);line-height:1.8}.col-page .col-converter-field [data-slot=label]{font-size:11px;line-height:1.5}.col-page .col-converter-error{margin-top:12px}.col-page .col-converter-error [data-slot=alert-description]{font-size:12px}@media(max-width:900px){.col-page .col-hero-aside{display:none}.col-page .col-selectors{grid-template-columns:1fr 1fr 125px;gap:12px;padding-inline:20px}.col-page .col-selector-arrow{display:none}.col-page .col-expense-grid{padding-inline:20px}.col-page .col-table-header,.col-page .col-expense-row{grid-template-columns:150px 1fr 1fr 90px;gap:14px}.col-page .col-converter{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.col-page .col-container{padding-inline:16px}.col-page .col-hero{padding-block:22px 26px}.col-page .col-breadcrumb{margin-bottom:22px}.col-page .col-hero-description{font-size:14px}.col-page .col-selectors{grid-template-columns:1fr 1fr;padding:18px;gap:16px 12px}.col-page .col-selector-field{font-size:10px}.col-page .col-select-trigger{font-size:16px;padding-inline:7px}.col-page .col-currency-select{grid-column:1 / -1;grid-template-columns:1fr 145px;align-items:center}.col-page .col-summary{padding:22px 18px}.col-page .col-expenses-intro{padding:23px 18px 8px;display:block}.col-page .col-expenses-intro h2{font-size:19px}.col-page .col-reset-all{padding-left:0;margin-top:7px}.col-page .col-expense-grid{padding-inline:18px}.col-page .col-table-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.col-page .col-table-header>span:first-child,.col-page .col-table-header>span:last-child{display:none}.col-page .col-reset-city{min-height:44px}.col-page .col-expense-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding-block:16px}.col-page .col-expense-label{grid-column:1 / -1;font-size:13px}.col-page .col-mobile-city{display:block;font-size:10px;font-family:Albert Sans,sans-serif;margin-bottom:7px;color:var(--muted-foreground)}.col-page .col-money-input{height:46px}.col-page .col-money-input>span{padding-left:7px;font-size:10px}.col-page .col-money-input input{font-size:16px;padding-inline:4px}.col-page .col-money-input button{flex-basis:30px;height:44px}.col-page .col-difference{grid-column:1 / -1;display:flex;align-items:center;justify-content:end;gap:7px;font-size:10px}.col-page .col-difference .col-mobile-city{margin:0}.col-page .col-budget-footnote{padding:15px 18px;font-size:10px}.col-page .col-rates-note{font-size:10px;margin-bottom:26px}.col-page .col-converter{padding:20px 18px}.col-page .col-converter h2,.col-page .col-section-intro h2,.col-page .col-methodology h2,.col-page .col-faq h2{font-size:23px}.col-page .col-converter-fields{gap:7px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}.col-page .col-converter-input input{font-size:16px;padding-inline:5px;height:46px}.col-page .col-converter-input span{padding-left:7px;font-size:11px}.col-page .col-converter-field [data-slot=label]{font-size:9px}.col-page .col-source-grid,.col-page .col-methodology-grid{grid-template-columns:1fr;gap:16px}.col-page .col-sources{margin-top:36px}.col-page .col-methodology{padding-block:28px}}.col-page .col-coverage-note{grid-column:1 / -1;font-size:11px;color:var(--muted-foreground);line-height:1.7;background:var(--muted);border-radius:6px;padding:10px 12px}.col-page .col-money-input input{scroll-margin-block:170px 150px}.col-page .col-budget-footnote,.col-page .col-coverage-note{font-size:12px}.col-page .col-result-amount,.col-page .col-budget-bar-label strong,.col-page .col-difference strong,.col-page .col-compact-result strong{animation:col-total-update .6s ease-out}@keyframes col-total-update{0%{background-color:#a3cbbf35}to{background-color:transparent}}@media(max-width:1000px){.col-page .col-summary-layout{gap:24px}.col-page .col-expenses-intro{align-items:flex-start}.col-page .col-editor-actions{flex-direction:column;align-items:end}}@media(max-width:760px){.col-page .col-summary-layout{grid-template-columns:1fr;gap:28px}.col-page .col-result-amount{font-size:clamp(32px,8vw,46px)}.col-page .col-result-context{max-width:none}.col-page .col-budget-chart figcaption{margin-bottom:18px}.col-page .col-budget-chart :where(figcaption) span{display:inline;margin-left:8px}.col-page .col-annual-result{margin-top:14px}.col-page .col-table-header{grid-template-columns:repeat(2,minmax(0,1fr))}.col-page .col-table-header>span:first-child,.col-page .col-table-header>span:last-child{display:none}.col-page .col-expense-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding-block:16px}.col-page .col-expense-label{grid-column:1 / -1;margin-bottom:3px}.col-page .col-mobile-city{display:block;font-size:12px;margin-bottom:7px;color:var(--muted-foreground)}.col-page .col-difference{grid-column:1 / -1;display:flex;gap:7px;align-items:baseline;justify-content:end;font-size:12px}.col-page .col-difference>span{margin:0}.col-page .col-money-input input{font-size:16px}.col-page .col-editor-actions{flex-direction:row;align-items:center;justify-content:start}.col-page .col-compact-result{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:12px 12px 0 0;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #153d501a}.col-page .col-compact-result strong{font-size:21px}.col-page .col-compact-result>:where(div)>span{font-size:11px}.col-page .col-compact-annual{display:none}.col-page .col-editor{padding-bottom:86px}.col-page .col-add-form{margin-inline:18px}.col-page .col-name-field{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.col-page .col-budget-bar{transition:none}.col-page .col-result-amount,.col-page .col-budget-bar-label strong,.col-page .col-difference strong,.col-page .col-compact-result strong{animation:none}}