:root{--tbp-primary:#4f46e5;--tbp-primary-light:#4f46e51a;--tbp-primary-hover:#4f46e50f;--tbp-primary-focus-ring:#4f46e51a;--tbp-primary-hover-strong:#4f46e526;--tbp-primary-hover-stronger:#4f46e533;--tbp-text:#1e293b;--tbp-text-muted:#64748b;--tbp-bg:#fff;--tbp-border:#e2e8f0;--tbp-card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--tbp-input-bg:#fff;--tbp-input-border:#cbd5e1;--tbp-input-focus:#4f46e5;--tbp-danger:#ef4444;--tbp-danger-bg:#ef444414;--tbp-success:#059669;--tbp-success-bg:#05966914}._tbp-container{gap:var(--main-space-5);flex-direction:column;max-width:640px;margin:0 auto;display:flex}._tbp-hidden{display:none!important}@media (max-width:768px){._tbp-container{gap:var(--main-space-4);padding-left:1rem;padding-right:1rem}}@media (max-width:480px){._tbp-container{padding-left:.75rem;padding-right:.75rem}}._tbp-setup-card{background:var(--tbp-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-6);box-shadow:var(--tbp-card-shadow);border-style:solid;border-width:1px;border-color:var(--tbp-border)}._tbp-setup-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._tbp-field--destination{grid-column:1/-1}._tbp-field{gap:var(--main-space-2);flex-direction:column;display:flex}._tbp-label{font-size:var(--main-text-sm);color:var(--tbp-text);font-weight:600}._tbp-input-wrapper{background:var(--tbp-input-bg);border-style:solid;border-width:1.5px;border-color:var(--tbp-input-border);border-radius:var(--main-radius);padding:0 var(--main-space-3);align-items:center;transition:border-color .2s;display:flex}._tbp-input-wrapper:focus-within{border-color:var(--tbp-input-focus);box-shadow:0 0 0 3px var(--tbp-primary-focus-ring)}._tbp-input-icon{color:var(--tbp-text-muted);margin-right:var(--main-space-2);flex-shrink:0;display:flex}._tbp-input-icon svg{display:block}._tbp-input{width:100%;font-size:var(--main-text-base);color:var(--tbp-text);-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:.625rem 0;font-family:inherit}._tbp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._tbp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._tbp-input--number{text-align:center;font-family:var(--main-font-mono);font-weight:600}._tbp-unit{font-size:var(--main-text-sm);color:var(--tbp-text-muted);white-space:nowrap;margin-left:var(--main-space-2);font-weight:500}._tbp-currency-picker{align-items:center;display:flex}._tbp-currency-picker ._ch-dropdown{width:100%}._tbp-currency-picker ._ch-dropdown-toggle{border-color:var(--tbp-input-border);background:var(--tbp-input-bg);width:100%;color:var(--tbp-text);border-radius:var(--main-radius);padding:.5rem .75rem}._tbp-currency-picker ._ch-dropdown-toggle:hover{border-color:var(--tbp-primary)}@media (max-width:640px){._tbp-setup-card{padding:var(--main-space-4)}._tbp-input{padding:.75rem 0;font-size:16px}._tbp-input-wrapper{padding:0 var(--main-space-3)}._tbp-currency-picker ._ch-dropdown-toggle{min-height:44px;padding:.65rem .75rem}}@media (max-width:480px){._tbp-setup-grid{gap:var(--main-space-3);grid-template-columns:1fr}}._tbp-categories-card{background:var(--tbp-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-6);box-shadow:var(--tbp-card-shadow);border-style:solid;border-width:1px;border-color:var(--tbp-border)}._tbp-categories-header{margin-bottom:var(--main-space-4);justify-content:space-between;align-items:center;display:flex}._tbp-categories-title{font-size:var(--main-text-base);color:var(--tbp-text);font-weight:600}._tbp-add-category-btn{align-items:center;gap:var(--main-space-1);background:var(--tbp-primary-light);border-radius:var(--main-radius);font-size:var(--main-text-xs);color:var(--tbp-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:.375rem .75rem;font-family:inherit;font-weight:500;transition:background .2s;display:flex}._tbp-add-category-btn:hover{background:var(--tbp-primary-hover-stronger)}._tbp-add-category-btn svg{display:block}._tbp-categories-list{gap:var(--main-space-3);flex-direction:column;min-height:200px;display:flex}._tbp-category-item{align-items:center;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-4);background:var(--tbp-primary-hover);border-radius:var(--main-radius);transition:background .15s;display:flex}._tbp-category-item:hover{background:var(--tbp-primary-light)}._tbp-category-icon{border-radius:var(--main-radius);background:var(--tbp-primary-light);width:36px;height:36px;color:var(--tbp-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}._tbp-category-icon svg{width:16px;height:16px}._tbp-category-info{flex:1;min-width:0}._tbp-category-name{font-size:var(--main-text-sm);color:var(--tbp-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}._tbp-category-name-input{width:100%;font-size:var(--main-text-sm);color:var(--tbp-text);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-weight:600}._tbp-category-subtitle{font-size:var(--main-text-xs);color:var(--tbp-text-muted);margin-top:1px}._tbp-category-controls{align-items:center;gap:var(--main-space-2);flex-shrink:0;display:flex}._tbp-category-type-toggle{background:var(--tbp-bg);border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--tbp-border);flex-shrink:0;padding:2px;display:flex}._tbp-type-btn{border-radius:calc(var(--main-radius) - 2px);font-size:var(--main-text-xs);color:var(--tbp-text-muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.25rem .5rem;font-family:inherit;font-weight:500;transition:background .2s,color .2s}._tbp-type-btn--active{background:var(--tbp-primary);color:#fff}._tbp-type-btn:not(._tbp-type-btn--active):hover{background:var(--tbp-primary-hover-strong);color:var(--tbp-text)}._tbp-category-amount-wrapper{background:var(--tbp-bg);border-style:solid;border-width:1.5px;border-color:var(--tbp-input-border);border-radius:var(--main-radius);padding:0 var(--main-space-2);flex-shrink:0;align-items:center;width:120px;transition:border-color .2s;display:flex}._tbp-category-amount-wrapper:focus-within{border-color:var(--tbp-input-focus);box-shadow:0 0 0 3px var(--tbp-primary-focus-ring)}._tbp-category-currency{font-size:var(--main-text-xs);color:var(--tbp-text-muted);font-weight:500}._tbp-category-amount-wrapper>._tbp-category-currency:first-child{margin-right:var(--main-space-1)}._tbp-category-amount+._tbp-category-currency{margin-left:var(--main-space-1)}._tbp-category-amount{width:100%;font-size:var(--main-text-sm);color:var(--tbp-text);font-weight:600;font-family:var(--main-font-mono);text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:.375rem 0}._tbp-category-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._tbp-category-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._tbp-category-calc{font-size:var(--main-text-xs);color:var(--tbp-text-muted);white-space:nowrap;text-align:right;min-width:60px;font-family:var(--main-font-mono)}._tbp-category-remove{color:var(--tbp-text-muted);cursor:pointer;border-radius:var(--main-radius);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}._tbp-category-remove:hover{color:var(--tbp-danger)}._tbp-category-remove svg{display:block}@media (max-width:640px){._tbp-categories-card{padding:var(--main-space-4)}._tbp-category-item{gap:var(--main-space-2);padding:var(--main-space-3);flex-wrap:wrap}._tbp-category-info{flex:1;min-width:0}._tbp-category-controls{width:100%;padding-left:calc(36px + var(--main-space-3));gap:var(--main-space-2);flex-wrap:wrap}._tbp-category-amount-wrapper{flex:1;width:auto;min-width:100px}._tbp-category-amount{padding:.5rem 0;font-size:16px}._tbp-type-btn{font-size:var(--main-text-xs);padding:.45rem .7rem}._tbp-category-remove{min-width:36px;min-height:36px;padding:.5rem}._tbp-category-calc{min-width:50px;font-size:var(--main-text-xs)}}@media (max-width:380px){._tbp-category-controls{padding-left:0}._tbp-category-calc{text-align:left;flex-basis:100%;order:5}}._tbp-summary-card{background:var(--tbp-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-6);box-shadow:var(--tbp-card-shadow);border-style:solid;border-width:1px;border-color:var(--tbp-border)}._tbp-summary-header{margin-bottom:var(--main-space-4)}._tbp-summary-title{font-size:var(--main-text-base);color:var(--tbp-text);font-weight:600}._tbp-summary-total{text-align:center;padding-bottom:var(--main-space-4);margin-bottom:var(--main-space-4);border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:var(--tbp-border)}._tbp-summary-total-label{font-size:var(--main-text-sm);color:var(--tbp-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--main-space-2);font-weight:600;display:block}._tbp-summary-total-value{color:var(--tbp-primary);font-size:2.5rem;font-weight:700;line-height:1.1;font-family:var(--main-font-mono)}._tbp-summary-details{justify-content:center;gap:var(--main-space-6);margin-bottom:var(--main-space-5);display:flex}._tbp-summary-item{flex-direction:column;align-items:center;gap:2px;display:flex}._tbp-summary-item-label{font-size:var(--main-text-xs);color:var(--tbp-text-muted)}._tbp-summary-item-value{font-size:var(--main-text-sm);color:var(--tbp-text);font-weight:600;font-family:var(--main-font-mono)}._tbp-summary-breakdown{gap:var(--main-space-3);flex-direction:column;min-height:40px;display:flex}._tbp-breakdown-item{gap:var(--main-space-1);flex-direction:column;display:flex}._tbp-breakdown-header{justify-content:space-between;align-items:center;gap:var(--main-space-2);display:flex}._tbp-breakdown-label{font-size:var(--main-text-sm);color:var(--tbp-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}._tbp-breakdown-value{font-size:var(--main-text-sm);color:var(--tbp-text);font-weight:600;font-family:var(--main-font-mono);white-space:nowrap;flex-shrink:0}._tbp-breakdown-bar-bg{background:var(--tbp-primary-hover);border-radius:3px;height:6px;overflow:hidden}._tbp-breakdown-bar-fill{background:var(--tbp-primary);border-radius:3px;min-width:0;height:100%;transition:width .3s}._tbp-breakdown-pct{font-size:var(--main-text-xs);color:var(--tbp-text-muted);font-family:var(--main-font-mono)}._tbp-info-note{background:var(--tbp-bg);border-radius:var(--main-radius-lg);box-shadow:var(--tbp-card-shadow);border-style:dashed;border-width:1px;border-color:var(--tbp-border);align-items:flex-start;gap:.625rem;padding:.875rem 1.25rem;display:flex}._tbp-info-note>svg{width:14px;height:14px;color:var(--tbp-primary);flex-shrink:0;margin-top:.188rem}._tbp-info-note p{font-size:var(--main-text-sm);color:var(--tbp-text-muted);margin:0;line-height:1.5}@media (max-width:640px){._tbp-summary-card{padding:var(--main-space-4)}._tbp-summary-details{gap:var(--main-space-3)}._tbp-info-note{padding:.75rem 1rem}}@media (max-width:480px){._tbp-summary-total-value{word-break:break-all;font-size:2rem}._tbp-summary-details{gap:var(--main-space-3);flex-wrap:wrap}._tbp-summary-item{flex:30%;min-width:0}._tbp-summary-item-label{text-align:center}}@media (max-width:360px){._tbp-summary-total-value{font-size:1.75rem}}._tbp-saved{background:var(--tbp-bg);border-radius:var(--main-radius-lg);box-shadow:var(--tbp-card-shadow);border-style:solid;border-width:1px;border-color:var(--tbp-border);overflow:hidden}._tbp-saved-toggle{width:100%;padding:var(--main-space-4) var(--main-space-5);cursor:pointer;font-size:var(--main-text-sm);color:var(--tbp-text);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:space-between;align-items:center;min-height:44px;font-family:inherit;font-weight:600;transition:background .15s;display:flex}._tbp-saved-toggle:hover{background:var(--tbp-primary-hover)}._tbp-saved-toggle>span{align-items:center;gap:var(--main-space-2);display:flex}._tbp-saved-toggle svg{color:var(--tbp-primary)}._tbp-saved-chevron{transition:transform .2s;display:flex}._tbp-saved-chevron--open{transform:rotate(180deg)}._tbp-saved-list{padding:0 var(--main-space-5) var(--main-space-5);gap:var(--main-space-2);flex-direction:column;display:flex}._tbp-saved-item{padding:var(--main-space-3);background:var(--tbp-primary-hover);border-radius:var(--main-radius);align-items:center;gap:var(--main-space-3);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s;display:flex}._tbp-saved-item:hover{background:var(--tbp-primary-light)}._tbp-saved-info{flex:1;min-width:0}._tbp-saved-name{font-size:var(--main-text-sm);color:var(--tbp-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}._tbp-saved-meta{font-size:var(--main-text-xs);color:var(--tbp-text-muted);margin-top:2px}._tbp-saved-amount{font-size:var(--main-text-sm);color:var(--tbp-primary);white-space:nowrap;font-weight:600;font-family:var(--main-font-mono)}._tbp-saved-actions{gap:var(--main-space-1);display:flex}._tbp-saved-delete{color:var(--tbp-text-muted);cursor:pointer;border-radius:var(--main-radius);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}._tbp-saved-delete:hover{color:var(--tbp-danger)}._tbp-saved-delete svg{display:block}._tbp-saved-empty{font-size:var(--main-text-sm);color:var(--tbp-text-muted);text-align:center;padding:var(--main-space-4)}._tbp-save-current-btn{justify-content:center;align-items:center;gap:var(--main-space-2);width:100%;margin-top:var(--main-space-2);background:var(--tbp-primary-light);border-radius:var(--main-radius);font-size:var(--main-text-sm);color:var(--tbp-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;min-height:44px;padding:.625rem;font-family:inherit;font-weight:500;transition:background .2s;display:flex}._tbp-save-current-btn:hover{background:var(--tbp-primary-hover-stronger)}._tbp-save-current-btn svg{display:block}@media (max-width:640px){._tbp-saved-toggle{padding:var(--main-space-3) var(--main-space-4)}._tbp-saved-list{padding:0 var(--main-space-4) var(--main-space-4)}._tbp-saved-item{gap:var(--main-space-2);flex-wrap:wrap}._tbp-saved-info{flex:calc(100% - 80px);min-width:0}._tbp-saved-amount{margin-left:auto}._tbp-saved-delete{min-width:36px;min-height:36px;padding:.5rem}}