@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=DM+Serif+Display&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--surface2:#22223b;--surface3:#2a2a45;--border:#ffffff14;--border2:#ffffff24;--gold:#e8c547;--gold-dim:#e8c54721;--gold-dim2:#e8c54738;--text:#f0ece0;--text2:#f0ece09e;--text3:#f0ece059;--green:#4caf88;--green-dim:#4caf8824;--red:#e05c5c;--red-dim:#e05c5c24;--blue:#5b8dee;--blue-dim:#5b8dee24;--amber:#e8a547;--font:"DM Sans",system-ui,sans-serif;--serif:"DM Serif Display",Georgia,serif;--radius:12px;--radius-sm:8px;--radius-xs:6px;--nav-h:62px}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;background:#0f0f1a;background:var(--bg);color:#f0ece0;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5}.login-bg,body{min-height:100vh}.login-bg{align-items:center;background:radial-gradient(ellipse at 25% 35%,#e8c54712 0,#0000 55%),radial-gradient(ellipse at 75% 65%,#5b8dee12 0,#0000 55%),#0f0f1a;background:radial-gradient(ellipse at 25% 35%,#e8c54712 0,#0000 55%),radial-gradient(ellipse at 75% 65%,#5b8dee12 0,#0000 55%),var(--bg);display:flex;justify-content:center;padding:20px}.login-card{background:#1a1a2e;background:var(--surface);border:1px solid #ffffff24;border:1px solid var(--border2);border-radius:20px;max-width:360px;padding:44px 36px;text-align:center;width:100%}.login-logo{margin-bottom:18px}.login-title{color:#f0ece0;color:var(--text);font-family:"DM Serif Display",Georgia,serif;font-family:var(--serif);font-size:26px;margin-bottom:6px}.login-sub{color:#f0ece09e;color:var(--text2);font-size:14px;margin-bottom:28px}.login-error{background:#e05c5c24;background:var(--red-dim);border-radius:8px;border-radius:var(--radius-sm);color:#e05c5c;color:var(--red);font-size:13px;margin-bottom:14px;padding:10px 12px}.login-note{color:#f0ece059;color:var(--text3);font-size:12px;margin-top:18px}.google-btn{align-items:center;background:#f0ece0;background:var(--text);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#1a1a2e;cursor:pointer;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:13px 16px;transition:opacity .18s;width:100%}.google-btn:hover{opacity:.88}.google-btn:active{opacity:.76;transform:scale(.99)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{background:#1a1a2e;background:var(--surface);border-right:1px solid #ffffff14;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;overflow-y:auto;padding:22px 14px;width:220px}.sidebar-logo{align-items:center;display:flex;gap:10px;margin-bottom:28px;padding:0 6px}.sidebar-logo-text{color:#e8c547;color:var(--gold);font-family:"DM Serif Display",Georgia,serif;font-family:var(--serif);font-size:17px}.nav-section-label{color:#f0ece059;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.1em;margin:18px 0 6px 6px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#f0ece09e;color:var(--text2);cursor:pointer;display:flex;font-size:13px;gap:9px;padding:8px 10px;text-align:left;transition:background .12s,color .12s;width:100%}.nav-item:hover{background:#22223b;background:var(--surface2);color:#f0ece0;color:var(--text)}.nav-item.active{background:#e8c54738;background:var(--gold-dim2);color:#e8c547;color:var(--gold);font-weight:500}.nav-item svg{flex-shrink:0;opacity:.65}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.household-chip{background:#22223b;background:var(--surface2);border-radius:8px;border-radius:var(--radius-sm);color:#f0ece059;color:var(--text3);font-size:11px;margin-bottom:4px;padding:6px 8px}.household-chip .hh-name{color:#f0ece09e;color:var(--text2);font-weight:500;margin-bottom:2px}.household-chip .hh-code{color:#e8c547;color:var(--gold);font-family:monospace;letter-spacing:.12em}.user-chip{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:9px;padding:7px 8px}.user-avatar{background:#e8c54721;background:var(--gold-dim);border-radius:50%;flex-shrink:0;height:30px;overflow:hidden;width:30px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-name{color:#f0ece09e;color:var(--text2);flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out-btn{align-items:center;background:none;border:none;border-radius:4px;color:#f0ece059;color:var(--text3);cursor:pointer;display:flex;padding:4px;transition:color .15s}.sign-out-btn:hover{color:#e05c5c;color:var(--red)}.main-content{flex:1 1;overflow-y:auto;padding:28px 32px}.page-header{margin-bottom:24px}.page-header h1{color:#f0ece0;color:var(--text);font-family:"DM Serif Display",Georgia,serif;font-family:var(--serif);font-size:24px;margin-bottom:3px}.page-header p{color:#f0ece09e;color:var(--text2);font-size:13px}.card{background:#1a1a2e;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:18px 20px}.card+.card{margin-top:14px}.card-title{color:#f0ece059;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.kpi-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.kpi-card{background:#1a1a2e;background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:16px 18px}.kpi-label{color:#f0ece059;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.kpi-value{color:#f0ece0;color:var(--text);font-size:22px;font-weight:600;line-height:1.1}.kpi-value.green{color:#4caf88;color:var(--green)}.kpi-value.red{color:#e05c5c;color:var(--red)}.kpi-value.gold{color:#e8c547;color:var(--gold)}.kpi-value.blue{color:#5b8dee;color:var(--blue)}.kpi-sub{color:#f0ece059;color:var(--text3);font-size:11px;margin-top:4px}.grid-2{grid-gap:14px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:14px;margin-bottom:20px}.grid-3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.tx-list{display:flex;flex-direction:column}.tx-item{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;gap:11px;padding:11px 0;transition:background .1s}.tx-item:last-child{border-bottom:none;padding-bottom:0}.tx-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;width:34px}.tx-info{flex:1 1;min-width:0}.tx-desc{color:#f0ece0;color:var(--text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-meta{color:#f0ece059;color:var(--text3);font-size:11px;margin-top:1px}.tx-amount{flex-shrink:0;font-size:14px;font-weight:600}.tx-amount.income{color:#4caf88;color:var(--green)}.tx-amount.expense{color:#e05c5c;color:var(--red)}.tx-actions{display:flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity .15s}.tx-item:hover .tx-actions{opacity:1}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px}.badge.green{background:#4caf8824;background:var(--green-dim);color:#4caf88;color:var(--green)}.badge.red{background:#e05c5c24;background:var(--red-dim);color:#e05c5c;color:var(--red)}.badge.gold{background:#e8c54721;background:var(--gold-dim);color:#e8c547;color:var(--gold)}.badge.blue{background:#5b8dee24;background:var(--blue-dim);color:#5b8dee;color:var(--blue)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-group label{color:#f0ece059;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{appearance:none;background:#22223b;background:var(--surface2);border:1px solid #ffffff24;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius-sm);color:#f0ece0;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e8c547;border-color:var(--gold)}.form-group select option{background:#22223b;background:var(--surface2)}.btn,.form-group select{cursor:pointer}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:9px 16px;transition:all .14s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:#e8c547;background:var(--gold);color:#1a1a2e}.btn-primary:hover{opacity:.88}.btn-ghost{background:#0000;border:1px solid #ffffff24;border:1px solid var(--border2);color:#f0ece09e;color:var(--text2)}.btn-ghost:hover{background:#22223b;background:var(--surface2);color:#f0ece0;color:var(--text)}.btn-danger{background:#e05c5c24;background:var(--red-dim);border:1px solid #0000;color:#e05c5c;color:var(--red)}.btn-danger:hover{background:#e05c5c38}.btn-sm{font-size:12px;padding:6px 11px}.btn-icon{border-radius:6px;border-radius:var(--radius-xs);padding:7px}.modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:500}.modal{background:#1a1a2e;background:var(--surface);border:1px solid #ffffff24;border:1px solid var(--border2);border-radius:16px;max-height:92vh;max-width:480px;overflow-y:auto;padding:22px 24px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.modal-title{font-family:"DM Serif Display",Georgia,serif;font-family:var(--serif);font-size:19px}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#f0ece059;color:var(--text3);cursor:pointer;display:flex;padding:4px}.modal-close:hover{background:#22223b;background:var(--surface2);color:#f0ece0;color:var(--text)}.modal-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-top:18px;padding-top:16px}.progress-bar{background:#22223b;background:var(--surface2);border-radius:100px;height:6px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;transition:width .45s ease}.cat-list{display:flex;flex-wrap:wrap;gap:6px}.cat-pill{-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:100px;cursor:pointer;font-size:12px;font-weight:500;padding:5px 11px;transition:all .13s}.tab-bar{background:#22223b;background:var(--surface2);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:3px;padding:3px;width:fit-content}.tab-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-xs);color:#f0ece059;color:var(--text3);cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .13s}.tab-btn.active{background:#1a1a2e;background:var(--surface);box-shadow:0 1px 3px #0003;color:#f0ece0;color:var(--text)}.month-nav{gap:8px}.month-nav,.month-nav button{align-items:center;display:flex}.month-nav button{-webkit-tap-highlight-color:transparent;background:#22223b;background:var(--surface2);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:7px;color:#f0ece09e;color:var(--text2);cursor:pointer;height:30px;justify-content:center;transition:all .13s;width:30px}.month-nav button:hover{border-color:#ffffff24;border-color:var(--border2);color:#f0ece0;color:var(--text)}.month-nav button:active{transform:scale(.93)}.month-label{color:#f0ece0;color:var(--text);font-size:13px;font-weight:500;min-width:120px;text-align:center}.chart-wrap{margin-top:14px}.recharts-tooltip-wrapper{outline:none!important}.custom-tooltip{background:#22223b;background:var(--surface2);border:1px solid #ffffff24;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius-sm);font-size:12px;padding:10px 14px}.custom-tooltip .label{color:#f0ece059;color:var(--text3);font-size:11px;margin-bottom:4px}.custom-tooltip .value{color:#f0ece0;color:var(--text);font-weight:600}.empty{align-items:center;color:#f0ece059;color:var(--text3);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:36px 20px;text-align:center}.empty-icon{font-size:28px;opacity:.5}.empty p{font-size:13px}.empty .btn{margin-top:4px}.goal-item{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:14px 0}.goal-item:last-child{border-bottom:none}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.goal-name{font-size:13px;font-weight:500}.goal-amounts{color:#f0ece059;color:var(--text3);font-size:12px}.bill-item{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);padding:12px 0}.bill-item:last-child{border-bottom:none}.bill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.bill-name{font-size:13px;font-weight:500}.bill-total{font-size:13px;font-weight:600}.bill-split{color:#f0ece059;color:var(--text3);flex-wrap:wrap;font-size:11px;gap:8px}.bill-split,.fab{align-items:center;display:flex}.fab{-webkit-tap-highlight-color:transparent;background:#e8c547;background:var(--gold);border:none;border-radius:100px;bottom:28px;box-shadow:0 4px 18px #e8c54759;color:#1a1a2e;cursor:pointer;height:52px;justify-content:center;position:fixed;right:28px;transition:transform .15s,box-shadow .15s;width:52px;z-index:100}.fab:hover{box-shadow:0 6px 22px #e8c54773;transform:scale(1.06)}.fab:active{transform:scale(.95)}.inline-edit-input{background:#22223b;background:var(--surface2);border:1.5px solid #e8c547;border:1.5px solid var(--gold);border-radius:6px;font-size:13px;padding:4px 8px;text-align:right;width:90px}.inline-edit-input,.search-input{color:#f0ece0;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);outline:none}.search-input{background:#1a1a2e;background:var(--surface);border:1px solid #ffffff24;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius-sm);flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .15s}.search-input:focus{border-color:#e8c547;border-color:var(--gold)}.banner{border-radius:8px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;padding:11px 14px}.banner.success{background:#4caf8824;background:var(--green-dim);color:#4caf88;color:var(--green)}.banner.warning{background:#e8a54724;color:#e8a547;color:var(--amber)}.banner.info{background:#e8c54721;background:var(--gold-dim);color:#e8c547;color:var(--gold)}@media (max-width:768px){.app-shell{display:block;height:auto;overflow:visible}.sidebar{-webkit-overflow-scrolling:touch;background:#1a1a2e;background:var(--surface);border-right:none;border-top:1px solid #ffffff24;border-top:1px solid var(--border2);bottom:0;flex-direction:row;flex-wrap:nowrap;height:62px;height:var(--nav-h);left:0;overflow:visible;overflow-x:auto;padding:0;position:fixed;right:0;scrollbar-width:none;width:100%;z-index:400}.sidebar::-webkit-scrollbar{display:none}.nav-section-label,.sidebar-footer,.sidebar-logo{display:none}.nav-item{align-items:center;border-radius:0;border-top:2px solid #0000;flex:1 1;flex-direction:column;font-size:10px;font-weight:400;gap:3px;height:62px;height:var(--nav-h);justify-content:center;min-width:52px;padding:4px 2px 10px;text-align:center;white-space:nowrap}.nav-item svg{height:20px;opacity:.5;width:20px}.nav-item.active{background:#0000;border-top-color:#e8c547;border-top-color:var(--gold);color:#e8c547;color:var(--gold);font-weight:500}.nav-item.active svg{opacity:1}.main-content{height:auto;min-height:100vh;overflow-y:visible;padding:16px 14px 86px;padding:16px 14px calc(var(--nav-h) + 24px);width:100%}.fab{bottom:76px;bottom:calc(var(--nav-h) + 14px);height:48px;right:16px;width:48px}.form-row,.grid-2,.grid-3{gap:10px;grid-template-columns:1fr}.kpi-grid{gap:8px;grid-template-columns:1fr 1fr}.page-header{margin-bottom:16px}.page-header-row{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.month-label{font-size:12px;min-width:100px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:90vh;max-width:100%;padding:20px 18px;width:100%}.tx-split{flex-direction:column!important}.tx-sidebar{width:100%!important}.tx-cat-scroll{-webkit-overflow-scrolling:touch;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px;overflow-x:auto;padding:8px 14px 12px;scrollbar-width:none}.tx-cat-scroll::-webkit-scrollbar{display:none}.tx-cat-chip{flex-shrink:0!important;white-space:nowrap!important}.tx-type-row{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex!important;flex-direction:row!important;gap:6px;padding:10px 14px 0}.tx-type-row button{flex:1 1}.budget-summary-grid{gap:10px!important;grid-template-columns:1fr!important}.tx-actions{opacity:1!important}.card{padding:14px 16px}.kpi-card{padding:13px 14px}.kpi-value{font-size:19px}input,select,textarea{font-size:16px!important}}@media (max-width:380px){.nav-item{font-size:9px;min-width:46px;padding:4px 1px 8px}.nav-item svg{height:18px;width:18px}.kpi-grid{gap:6px;grid-template-columns:1fr 1fr}.main-content{padding-left:12px;padding-right:12px}}.nav-desktop{display:flex;flex-direction:column}.nav-mobile{display:none}.more-overlay{align-items:flex-end;background:#00000080;display:none;inset:0;position:fixed;z-index:300}.more-drawer{background:#1a1a2e;background:var(--surface);border-radius:20px 20px 0 0;border-top:1px solid #ffffff24;border-top:1px solid var(--border2);padding:12px 0 32px;width:100%}.more-drawer-handle{background:#ffffff24;background:var(--border2);border-radius:100px;height:4px;margin:0 auto 16px;width:36px}.more-drawer-title{color:#f0ece059;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.1em;padding:0 20px 10px;text-transform:uppercase}.more-drawer-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;color:#f0ece09e;color:var(--text2);cursor:pointer;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font);font-size:15px;gap:14px;padding:13px 20px;transition:background .1s;width:100%}.more-drawer-item:active,.more-drawer-item:hover{background:#22223b;background:var(--surface2)}.more-drawer-item.active{color:#e8c547;color:var(--gold);font-weight:500}.more-drawer-item.active svg{opacity:1}.more-drawer-item svg{opacity:.6}.more-drawer-divider{background:#ffffff14;background:var(--border);height:1px;margin:10px 20px}.more-drawer-household{color:#f0ece059;color:var(--text3);font-size:13px;padding:10px 20px 6px}.more-drawer-user{align-items:center;display:flex;gap:12px;padding:10px 20px}@media (max-width:768px){.nav-desktop{display:none}.nav-mobile{flex-direction:row;height:62px;height:var(--nav-h);width:100%}.more-overlay,.nav-mobile{display:flex}.nav-mobile .nav-item{align-items:center;border-radius:0;border-top:2px solid #0000;flex:1 1;flex-direction:column;font-size:10px;gap:3px;height:62px;height:var(--nav-h);justify-content:center;min-width:0;padding:0}.nav-mobile .nav-item span{line-height:1.1;max-width:56px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.nav-mobile .nav-item svg{height:22px;opacity:.55;width:22px}.nav-mobile .nav-item.active{background:#0000;border-top-color:#e8c547;border-top-color:var(--gold);color:#e8c547;color:var(--gold)}.nav-mobile .nav-item.active svg{opacity:1}}.mobile-header{display:none}@media (max-width:768px){.mobile-header{align-items:center;background:#1a1a2e;background:var(--surface);border-bottom:1px solid #ffffff24;border-bottom:1px solid var(--border2);display:flex;height:52px;justify-content:space-between;left:0;padding:0 14px;position:fixed;right:0;top:0;z-index:300}.mobile-header-logo{align-items:center;display:flex;gap:8px}.mobile-header-title{color:#e8c547;color:var(--gold);font-family:"DM Serif Display",Georgia,serif;font-family:var(--serif);font-size:16px}.mobile-header-right{align-items:center;display:flex;gap:8px}.mobile-header-avatar{border:1.5px solid #ffffff24;border:1.5px solid var(--border2);border-radius:50%;flex-shrink:0;height:28px;overflow:hidden;width:28px}.mobile-header-avatar img{height:100%;object-fit:cover;width:100%}.mobile-header-name{color:#f0ece09e;color:var(--text2);font-size:13px;font-weight:500}.mobile-header-logout{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-xs);color:#f0ece059;color:var(--text3);cursor:pointer;display:flex;padding:6px;transition:color .15s}.mobile-header-logout:active,.mobile-header-logout:hover{color:#e05c5c;color:var(--red)}.main-content{padding-top:68px}}@media (max-width:380px){.mobile-header-name{display:none}}
/*# sourceMappingURL=main.837213dd.css.map*/