:root{--hbt-primary:#6366f1;--hbt-primary-rgb:99, 102, 241;--hbt-primary-light:#6366f11a;--hbt-primary-dark:#4f46e5;--hbt-text:#1e293b;--hbt-text-secondary:#475569;--hbt-text-muted:#64748b;--hbt-bg:#fff;--hbt-bg-secondary:#f8fafc;--hbt-bg-hover:#f1f5f9;--hbt-border:#e2e8f0;--hbt-border-light:#f1f5f9;--hbt-radius:var(--main-radius,.5rem);--hbt-radius-lg:var(--main-radius-lg,.75rem);--hbt-radius-xl:1rem;--hbt-radius-full:9999px;--hbt-shadow:0 1px 3px #0000000d, 0 1px 2px #00000008;--hbt-shadow-md:0 4px 12px #00000012;--hbt-transition:.2s ease;--hbt-cat-housing:#6366f1;--hbt-cat-utilities:#f59e0b;--hbt-cat-groceries:#10b981;--hbt-cat-transport:#3b82f6;--hbt-cat-insurance:#64748b;--hbt-cat-healthcare:#ef4444;--hbt-cat-education:#8b5cf6;--hbt-cat-entertainment:#ec4899;--hbt-cat-dining:#f97316;--hbt-cat-shopping:#14b8a6;--hbt-cat-savings:#059669;--hbt-cat-other:#6b7280;--hbt-safe:#10b981;--hbt-warn:#f59e0b;--hbt-over:#ef4444}._hbt-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:640px;margin:0 auto;display:flex}._hbt-container._hbt-loading{opacity:0}._hbt-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._hbt-month-nav{align-items:center;gap:.5rem;display:flex}._hbt-nav-btn{background:var(--hbt-bg);width:32px;height:32px;color:var(--hbt-text-secondary);border-radius:var(--hbt-radius);cursor:pointer;transition:var(--hbt-transition);box-shadow:var(--hbt-shadow);border:1px solid;border-color:var(--hbt-border);justify-content:center;align-items:center;display:flex}._hbt-nav-btn svg{width:12px;height:12px}._hbt-nav-btn:hover{color:var(--hbt-primary);background:var(--hbt-bg-hover)}._hbt-month-label{background:var(--hbt-bg);color:var(--hbt-text);font-size:var(--main-text-sm,.875rem);border-radius:var(--hbt-radius);cursor:pointer;box-shadow:var(--hbt-shadow);border:1px solid;border-color:var(--hbt-border);transition:var(--hbt-transition);align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:600;display:flex}._hbt-month-label svg{width:10px;height:10px;color:var(--hbt-text-muted)}._hbt-month-label:hover{background:var(--hbt-bg-hover)}._hbt-tabs{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow);border-style:solid;border-width:1px;border-color:var(--hbt-border);gap:.25rem;padding:.25rem;display:flex}._hbt-tab{color:var(--hbt-text-muted);font-size:var(--main-text-sm,.875rem);border-radius:var(--hbt-radius);cursor:pointer;transition:var(--hbt-transition);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-weight:500;display:flex}._hbt-tab svg{flex-shrink:0;width:14px;height:14px}._hbt-tab:hover{color:var(--hbt-text-secondary);background:var(--hbt-bg-hover)}._hbt-tab-active{background:var(--hbt-primary);color:#fff;box-shadow:0 2px 6px rgba(var(--hbt-primary-rgb), .3)}._hbt-tab-active:hover{background:var(--hbt-primary);color:#fff}._hbt-view{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._hbt-section-title{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);align-items:center;gap:.375rem;margin:0;font-weight:600;display:flex}._hbt-section-title svg{width:14px;height:14px;color:var(--hbt-text-muted)}._hbt-section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}._hbt-amount-wrap{background:var(--hbt-bg);border-style:solid;border-width:1.5px;border-color:var(--hbt-border);border-radius:var(--hbt-radius);transition:var(--hbt-transition);align-items:center;display:flex;overflow:hidden}._hbt-amount-wrap:focus-within{border-color:var(--hbt-primary);box-shadow:0 0 0 3px rgba(var(--hbt-primary-rgb), .1)}._hbt-currency{background:var(--hbt-bg-secondary);color:var(--hbt-text-muted);font-weight:600;font-size:var(--main-text-sm,.875rem);border-right-style:solid;border-right-width:1px;border-right-color:var(--hbt-border);padding:.5rem .625rem;line-height:1}._hbt-amount-wrap input{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.5rem .625rem;font-weight:600}._hbt-select{border-style:solid;border-width:1.5px;border-color:var(--hbt-border);border-radius:var(--hbt-radius);width:100%;font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);background:var(--hbt-bg);cursor:pointer;transition:var(--hbt-transition);padding:.5rem .625rem}._hbt-select:focus{border-color:var(--hbt-primary);box-shadow:0 0 0 3px rgba(var(--hbt-primary-rgb), .1);outline:none}@media (max-width:768px){._hbt-container{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){._hbt-header{flex-wrap:wrap;gap:.5rem}._hbt-month-nav{flex:auto;min-width:0}._hbt-month-label{flex:1;justify-content:center;min-width:0}._hbt-month-label span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._hbt-nav-btn{flex-shrink:0;width:38px;height:38px}._hbt-tab{font-size:var(--main-text-xs,.75rem);gap:.25rem;min-height:38px;padding:.5rem .375rem}._hbt-amount-wrap input{font-size:16px}._hbt-select{padding:.625rem;font-size:16px}}@media (max-width:360px){._hbt-tab{padding:.5rem .25rem;font-size:.6875rem}._hbt-tab svg{width:12px;height:12px}}._hbt-hero{background:var(--hbt-bg);border-radius:var(--hbt-radius-xl);box-shadow:var(--hbt-shadow-md);border-style:solid;border-width:1px;border-color:var(--hbt-border);overflow:hidden}._hbt-hero-main{justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;display:flex}._hbt-hero-spent-wrap{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}._hbt-hero-label{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}._hbt-hero-spent{color:var(--hbt-text);letter-spacing:-.02em;word-break:break-word;font-size:1.75rem;font-weight:800;line-height:1.1}._hbt-hero-ring{flex-shrink:0;width:64px;height:64px;position:relative}._hbt-ring-svg{width:100%;height:100%}._hbt-ring-bg{fill:none;stroke:var(--hbt-bg-hover);stroke-width:3px}._hbt-ring-fill{fill:none;stroke:var(--hbt-safe);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray .6s,stroke .3s}._hbt-ring-fill._hbt-warn{stroke:var(--hbt-warn)}._hbt-ring-fill._hbt-over{stroke:var(--hbt-over)}._hbt-ring-pct{color:var(--hbt-text-secondary);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}._hbt-hero-details{border-top-style:solid;border-top-width:1px;border-top-color:var(--hbt-border-light);grid-template-columns:1fr 1fr;display:grid}._hbt-hero-detail{color:inherit;cursor:default;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}._hbt-hero-detail>svg{width:14px;height:14px;color:var(--hbt-text-muted);flex-shrink:0}._hbt-hero-detail-text{flex-direction:column;gap:.0625rem;min-width:0;display:flex}._hbt-hero-detail-label{color:var(--hbt-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:500}._hbt-hero-detail-value{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}._hbt-hero-budget{cursor:pointer;border-right-style:solid;border-right-width:1px;border-right-color:var(--hbt-border-light);transition:var(--hbt-transition)}._hbt-hero-budget:hover{background:var(--hbt-bg-hover)}._hbt-hero-detail-action{color:var(--hbt-text-muted);opacity:.5;justify-content:center;align-items:center;margin-left:auto;display:flex}._hbt-hero-detail-action svg{width:10px;height:10px}._hbt-hero-budget:hover ._hbt-hero-detail-action{opacity:1;color:var(--hbt-primary)}._hbt-hero-remaining._hbt-over-budget ._hbt-hero-detail-value{color:var(--hbt-over)}._hbt-quick-add{background:var(--hbt-bg);width:100%;color:var(--hbt-primary);border-style:dashed;border-width:2px;border-color:rgba(var(--hbt-primary-rgb), .3);border-radius:var(--hbt-radius-lg);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--hbt-transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;display:flex}._hbt-quick-add svg{width:18px;height:18px}._hbt-quick-add:hover{background:rgba(var(--hbt-primary-rgb), .05);border-color:var(--hbt-primary)}._hbt-budget-form{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow-md);border-style:solid;border-width:1px;border-color:var(--hbt-border);overflow:hidden}._hbt-budget-form-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--hbt-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._hbt-budget-form-title{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:600}._hbt-budget-form-close{width:28px;height:28px;color:var(--hbt-text-muted);border-radius:var(--hbt-radius);cursor:pointer;transition:var(--hbt-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._hbt-budget-form-close svg{width:14px;height:14px}._hbt-budget-form-close:hover{color:var(--hbt-over);background:#ef44441a}._hbt-budget-form-body{flex-direction:column;gap:.75rem;padding:1rem;display:flex}._hbt-budget-total-field{flex-direction:column;gap:.375rem;display:flex}._hbt-budget-total-field label{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:600}._hbt-budget-cats{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:.5rem;max-height:280px;display:flex;overflow-y:auto}._hbt-budget-cat-row{align-items:center;gap:.5rem;display:flex}._hbt-budget-cat-icon{border-radius:var(--hbt-radius);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}._hbt-budget-cat-icon svg{width:14px;height:14px}._hbt-budget-cat-name{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-secondary);flex-shrink:0;min-width:70px}._hbt-budget-cat-input{border-style:solid;border-width:1.5px;border-color:var(--hbt-border);border-radius:var(--hbt-radius);font-size:var(--main-text-xs,.75rem);color:var(--hbt-text);background:var(--hbt-bg);transition:var(--hbt-transition);flex:1;min-width:0;padding:.375rem .5rem}._hbt-budget-cat-input:focus{border-color:var(--hbt-primary);box-shadow:0 0 0 2px rgba(var(--hbt-primary-rgb), .1);outline:none}._hbt-budget-save{background:var(--hbt-primary);color:#fff;border-radius:var(--hbt-radius);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--hbt-transition);border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:600;display:flex}._hbt-budget-save svg{width:14px;height:14px}._hbt-budget-save:hover{opacity:.9}._hbt-cat-breakdown{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow);border-style:solid;border-width:1px;border-color:var(--hbt-border);padding:1rem}._hbt-cat-breakdown._hbt-hidden{display:none}._hbt-cat-breakdown ._hbt-section-title{margin-bottom:.75rem}._hbt-cat-list{flex-direction:column;gap:.625rem;display:flex}._hbt-cat-row{align-items:center;gap:.625rem;display:flex}._hbt-cat-icon{border-radius:var(--hbt-radius);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}._hbt-cat-icon svg{width:16px;height:16px}._hbt-cat-info{flex:1;min-width:0}._hbt-cat-top{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}._hbt-cat-name{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:500}._hbt-cat-amounts{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted);align-items:baseline;gap:.125rem;display:flex}._hbt-cat-spent{color:var(--hbt-text);font-weight:600}._hbt-cat-pct{color:var(--hbt-text-muted);margin-left:.25rem;font-size:.625rem;font-weight:600}._hbt-cat-bar{background:var(--hbt-bg-hover);border-radius:var(--hbt-radius-full);height:6px;overflow:hidden}._hbt-cat-bar-fill{border-radius:var(--hbt-radius-full);min-width:0;height:100%;transition:width .4s}._hbt-member-overview{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow);border-style:solid;border-width:1px;border-color:var(--hbt-border);padding:1rem}._hbt-member-overview._hbt-hidden{display:none}._hbt-member-overview ._hbt-section-title{margin-bottom:.75rem}._hbt-member-bars{flex-direction:column;gap:.625rem;display:flex}._hbt-member-bar-row{align-items:center;gap:.625rem;display:flex}._hbt-member-bar-avatar{border-radius:var(--hbt-radius-full);color:#fff;width:28px;height:28px;font-size:var(--main-text-xs,.75rem);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}._hbt-member-bar-info{flex:1;min-width:0}._hbt-member-bar-top{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}._hbt-member-bar-name{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:500}._hbt-member-bar-amount{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:600}._hbt-member-bar-track{background:var(--hbt-bg-hover);border-radius:var(--hbt-radius-full);height:6px;overflow:hidden}._hbt-member-bar-fill{border-radius:var(--hbt-radius-full);height:100%;transition:width .4s}._hbt-trend{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow);border-style:solid;border-width:1px;border-color:var(--hbt-border);padding:1rem}._hbt-trend-nav{align-items:center;gap:.5rem;display:flex}._hbt-trend-nav-btn{width:24px;height:24px}._hbt-trend-nav-btn svg{width:10px;height:10px}._hbt-trend-year{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);text-align:center;min-width:40px;font-weight:600}._hbt-trend-chart{align-items:flex-end;gap:.25rem;height:140px;padding-top:.5rem;display:flex}._hbt-trend-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:.25rem;height:100%;display:flex}._hbt-trend-bar-container{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}._hbt-trend-bar{background:rgba(var(--hbt-primary-rgb), .15);cursor:default;border-radius:3px 3px 0 0;width:100%;max-width:28px;transition:height .4s;position:relative}._hbt-trend-bar._hbt-trend-bar-active{background:var(--hbt-primary)}._hbt-trend-bar._hbt-trend-bar-has-data:hover{opacity:.8}._hbt-trend-month-label{color:var(--hbt-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.625rem}._hbt-trend-summary{border-top-style:solid;border-top-width:1px;border-top-color:var(--hbt-border-light);justify-content:center;gap:1.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}._hbt-trend-stat{text-align:center}._hbt-trend-stat-value{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:700;display:block}._hbt-trend-stat-label{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted)}@media (max-width:480px){._hbt-hero-main{gap:.75rem;padding:1rem 1rem .625rem}._hbt-hero-spent{font-size:1.375rem}._hbt-hero-ring{width:52px;height:52px}._hbt-hero-detail{min-height:48px;padding:.625rem .75rem}._hbt-quick-add{min-height:48px;padding:.875rem 1rem}._hbt-budget-form-close{width:36px;height:36px}._hbt-budget-save{min-height:44px;padding:.75rem 1rem}._hbt-trend-chart{gap:.1875rem;height:110px}._hbt-trend-bar{max-width:none}._hbt-trend-month-label{letter-spacing:0;font-size:.5625rem}._hbt-trend-nav-btn{width:36px;height:36px}._hbt-trend-summary{gap:1rem}._hbt-budget-cat-name{min-width:60px;font-size:.6875rem}._hbt-budget-cat-input{padding:.5rem .625rem;font-size:16px}}@media (max-width:360px){._hbt-hero-spent{font-size:1.25rem}._hbt-hero-details{grid-template-columns:1fr}._hbt-hero-budget{border-bottom-style:solid;border-bottom-width:1px;border-right-width:0;border-bottom-color:var(--hbt-border-light)}}._hbt-add-btn{background:var(--hbt-primary);color:#fff;border-radius:var(--hbt-radius-lg);width:100%;font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--hbt-transition);box-shadow:0 2px 8px rgba(var(--hbt-primary-rgb), .25);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;display:flex}._hbt-add-btn svg{width:16px;height:16px}._hbt-add-btn:hover{opacity:.9}._hbt-form{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow-md);border-style:solid;border-width:1px;border-color:var(--hbt-border);overflow:hidden}._hbt-form-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--hbt-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._hbt-form-title{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:600}._hbt-form-close{width:28px;height:28px;color:var(--hbt-text-muted);border-radius:var(--hbt-radius);cursor:pointer;transition:var(--hbt-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._hbt-form-close svg{width:14px;height:14px}._hbt-form-close:hover{color:var(--hbt-over);background:#ef44441a}._hbt-cat-grid{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--hbt-border-light);grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.875rem 1rem;display:grid}._hbt-cat-btn{border-radius:var(--hbt-radius-lg);cursor:pointer;transition:var(--hbt-transition);background:0 0;border:1.5px solid #0000;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .25rem;display:flex}._hbt-cat-btn:hover{background:var(--hbt-bg-hover)}._hbt-cat-btn-icon{border-radius:var(--hbt-radius);justify-content:center;align-items:center;width:40px;height:40px;display:flex}._hbt-cat-btn-icon svg{width:18px;height:18px}._hbt-cat-btn-label{color:var(--hbt-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.6875rem;font-weight:500;line-height:1.2;overflow:hidden}._hbt-cat-btn._hbt-cat-btn-active{background:rgba(var(--hbt-primary-rgb), .06);border-color:var(--hbt-primary)}._hbt-cat-btn._hbt-cat-btn-active ._hbt-cat-btn-icon{box-shadow:none}._hbt-cat-btn._hbt-cat-btn-active ._hbt-cat-btn-label{color:var(--hbt-primary);font-weight:600}._hbt-form-fields{flex-direction:column;gap:.625rem;padding:.75rem 1rem;display:flex}._hbt-field-row{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}._hbt-field label{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem;font-weight:600;display:block}._hbt-optional{text-transform:none;letter-spacing:0;font-weight:400}._hbt-field input[type=text],._hbt-field input[type=date]{border-style:solid;border-width:1.5px;border-color:var(--hbt-border);border-radius:var(--hbt-radius);width:100%;font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);background:var(--hbt-bg);transition:var(--hbt-transition);padding:.5rem .625rem}._hbt-field input[type=text]:focus,._hbt-field input[type=date]:focus{border-color:var(--hbt-primary);box-shadow:0 0 0 3px rgba(var(--hbt-primary-rgb), .1);outline:none}._hbt-date-input{cursor:pointer}._hbt-field-amount ._hbt-amount-wrap input{padding:.625rem;font-size:1.125rem}._hbt-field-amount ._hbt-currency{padding:.625rem;font-size:1rem}._hbt-save-btn{background:var(--hbt-primary);color:#fff;border-radius:var(--hbt-radius);width:100%;font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--hbt-transition);border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:600;display:flex}._hbt-save-btn svg{width:14px;height:14px}._hbt-save-btn:hover{opacity:.9}._hbt-filter{gap:.5rem;display:flex}._hbt-filter-select{font-size:var(--main-text-xs,.75rem);flex:1;padding:.375rem .5rem}@media (max-width:480px){._hbt-cat-grid{grid-template-columns:repeat(3,1fr);gap:.375rem;padding:.75rem}._hbt-cat-btn{padding:.5rem .25rem}._hbt-cat-btn-icon{width:44px;height:44px}._hbt-cat-btn-icon svg{width:20px;height:20px}._hbt-form-close{width:36px;height:36px}._hbt-add-btn,._hbt-save-btn{min-height:44px;padding:.75rem 1rem}._hbt-field-row{grid-template-columns:1fr}._hbt-filter{flex-direction:column}._hbt-filter-select{font-size:var(--main-text-sm,.875rem);min-height:40px;padding:.5rem .625rem}._hbt-field input[type=text],._hbt-field input[type=date]{padding:.625rem .75rem;font-size:16px}._hbt-field-amount ._hbt-amount-wrap input{font-size:1.125rem}}@media (max-width:360px){._hbt-cat-grid{grid-template-columns:repeat(3,1fr);gap:.25rem}._hbt-cat-btn-label{font-size:.625rem}}._hbt-entries{flex-direction:column;gap:.375rem;display:flex}._hbt-entry{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow);border-style:solid;border-width:1px;border-color:var(--hbt-border);transition:var(--hbt-transition);align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}._hbt-entry:hover{box-shadow:var(--hbt-shadow-md)}._hbt-entry-icon{border-radius:var(--hbt-radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}._hbt-entry-icon svg{width:18px;height:18px}._hbt-entry-info{flex:1;min-width:0}._hbt-entry-cat{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:500;line-height:1.3;display:block}._hbt-entry-meta{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted);align-items:center;gap:.375rem;margin-top:.125rem;display:flex}._hbt-entry-note{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}._hbt-entry-member-badge{border-radius:var(--hbt-radius-full);color:#fff;align-items:center;gap:.25rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:600;display:inline-flex}._hbt-entry-dot{color:var(--hbt-border)}._hbt-entry-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.125rem;display:flex}._hbt-entry-amount{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:700}._hbt-entry-date{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted)}._hbt-entry-actions{opacity:0;transition:var(--hbt-transition);flex-shrink:0;gap:.125rem;display:flex}._hbt-entry:hover ._hbt-entry-actions{opacity:1}._hbt-entry-action{width:28px;height:28px;color:var(--hbt-text-muted);border-radius:var(--hbt-radius);cursor:pointer;transition:var(--hbt-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._hbt-entry-action svg{width:13px;height:13px}._hbt-action-edit:hover{color:var(--hbt-primary);background:var(--hbt-primary-light)}._hbt-action-delete:hover{color:var(--hbt-over);background:#ef44441a}._hbt-empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}._hbt-empty-icon{opacity:.4;justify-content:center;align-items:center;display:flex}._hbt-empty-icon svg{width:24px;height:24px;color:var(--hbt-text-muted)}._hbt-empty-text{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text-muted)}._hbt-export-btn{background:var(--hbt-bg);width:100%;color:var(--hbt-text-secondary);border-style:solid;border-width:1px;border-color:var(--hbt-border);border-radius:var(--hbt-radius-lg);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--hbt-transition);box-shadow:var(--hbt-shadow);justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;display:flex}._hbt-export-btn svg{width:14px;height:14px}._hbt-export-btn:hover{color:var(--hbt-primary);border-color:var(--hbt-primary)}@media (max-width:480px){._hbt-entry{gap:.5rem;padding:.625rem}._hbt-entry-actions{opacity:1;gap:.25rem}._hbt-entry-action{width:36px;height:36px}._hbt-entry-action svg{width:14px;height:14px}._hbt-entry-note{max-width:100px}._hbt-export-btn{min-height:44px;padding:.75rem 1rem}}@media (max-width:360px){._hbt-entry-icon{width:32px;height:32px}._hbt-entry-icon svg{width:16px;height:16px}._hbt-entry-action{width:34px;height:34px}._hbt-entry-note{max-width:70px}}._hbt-add-member-btn{background:var(--hbt-primary);color:#fff;border-radius:var(--hbt-radius-lg);width:100%;font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--hbt-transition);box-shadow:0 2px 8px rgba(var(--hbt-primary-rgb), .25);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;display:flex}._hbt-add-member-btn svg{width:14px;height:14px}._hbt-add-member-btn:hover{opacity:.9}._hbt-member-form{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow-md);border-style:solid;border-width:1px;border-color:var(--hbt-border);overflow:hidden}._hbt-member-form-fields{flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}._hbt-member-form-fields ._hbt-field label{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem;font-weight:600;display:block}._hbt-member-form-fields ._hbt-field input[type=text]{border-style:solid;border-width:1.5px;border-color:var(--hbt-border);border-radius:var(--hbt-radius);width:100%;font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);background:var(--hbt-bg);transition:var(--hbt-transition);padding:.5rem .625rem}._hbt-member-form-fields ._hbt-field input[type=text]:focus{border-color:var(--hbt-primary);box-shadow:0 0 0 3px rgba(var(--hbt-primary-rgb), .1);outline:none}._hbt-color-grid{flex-wrap:wrap;gap:.5rem;display:flex}._hbt-color-opt{border-radius:var(--hbt-radius-full);cursor:pointer;width:28px;height:28px;transition:var(--hbt-transition);border:2px solid #0000;position:relative}._hbt-color-opt:hover{opacity:.8}._hbt-color-opt._hbt-color-active{border-color:var(--hbt-text);box-shadow:0 0 0 2px var(--hbt-bg), 0 0 0 4px currentColor}._hbt-member-list{flex-direction:column;gap:.5rem;display:flex}._hbt-member-card{background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow);border-style:solid;border-width:1px;border-color:var(--hbt-border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}._hbt-member-avatar{border-radius:var(--hbt-radius-full);color:#fff;width:36px;height:36px;font-size:var(--main-text-sm,.875rem);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}._hbt-member-details{flex:1;min-width:0}._hbt-member-name{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text);font-weight:600}._hbt-member-stats{font-size:var(--main-text-xs,.75rem);color:var(--hbt-text-muted);margin-top:.125rem}._hbt-member-total{color:var(--hbt-text-secondary);font-weight:600}._hbt-member-actions{flex-shrink:0;gap:.125rem;display:flex}._hbt-member-action{width:28px;height:28px;color:var(--hbt-text-muted);border-radius:var(--hbt-radius);cursor:pointer;transition:var(--hbt-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._hbt-member-action svg{width:13px;height:13px}._hbt-member-action:hover{color:var(--hbt-primary);background:var(--hbt-primary-light)}._hbt-member-action._hbt-action-delete:hover{color:var(--hbt-over);background:#ef44441a}._hbt-member-list-empty{text-align:center;background:var(--hbt-bg);border-radius:var(--hbt-radius-lg);box-shadow:var(--hbt-shadow);border-style:solid;border-width:1px;border-color:var(--hbt-border);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}._hbt-member-list-empty svg{width:24px;height:24px;color:var(--hbt-text-muted);opacity:.4}._hbt-member-list-empty span{font-size:var(--main-text-sm,.875rem);color:var(--hbt-text-muted)}@media (max-width:480px){._hbt-add-member-btn{min-height:44px;padding:.75rem 1rem}._hbt-color-grid{gap:.625rem}._hbt-color-opt{width:36px;height:36px}._hbt-member-card{gap:.625rem;padding:.75rem}._hbt-member-action{width:36px;height:36px}._hbt-member-action svg{width:14px;height:14px}._hbt-member-form-fields ._hbt-field input[type=text]{padding:.625rem .75rem;font-size:16px}}