@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0f1f3d;--navy-mid:#1a2f57;--navy-light:#e8edf5;--chartreuse:#dfe456;--offwhite:#f9f8f3;--ocean:#7a8499;--black:#0a0a09;--white:#fff;--border:#e2e6e6;--border-s:#c8cecd;--text-primary:var(--black);--text-secondary:#4a5252;--text-muted:var(--ocean);--surface:var(--white);--surface-alt:var(--offwhite);--font-display:"DM Serif Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #0f1f3d0f,0 1px 2px #0f1f3d0a;--shadow:0 4px 12px #0f1f3d14,0 2px 4px #0f1f3d0a;--shadow-lg:0 12px 32px #0f1f3d1f,0 4px 8px #0f1f3d0f;--nav-width:220px}html{font-size:16px}body{-webkit-font-smoothing:antialiased;background:#f9f8f3;background:var(--offwhite);color:#0a0a09;color:var(--black);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.9375rem;line-height:1.5}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body)}input,select,textarea{font-size:.9375rem}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c8cecd;background:var(--border-s);border-radius:99px}.app-shell,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:220px;margin-left:var(--nav-width)}.page-body{flex:1 1;padding:32px 40px;width:100%}.sidebar{background:#0f1f3d;background:var(--navy);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:220px;width:var(--nav-width);z-index:100}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:24px 20px 20px}.sidebar-logo-text{color:#fff;color:var(--white);font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.01em;line-height:1.2}.sidebar-logo-sub{color:#fff6;font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;margin-top:2px;text-transform:uppercase}.sidebar-nav{flex:1 1;padding:12px 0}.sidebar-section-label{color:#ffffff4d;font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.12em;padding:16px 20px 6px;text-transform:uppercase}.sidebar-link{align-items:center;border-left:3px solid #0000;color:#fff9;cursor:pointer;display:flex;font-size:.8125rem;font-weight:400;gap:10px;padding:9px 20px;transition:all .15s}.sidebar-link:hover{background:#ffffff0f;color:#fff;color:var(--white)}.sidebar-link.active{background:#dfe45614;border-left-color:#dfe456;border-left-color:var(--chartreuse);color:#dfe456;color:var(--chartreuse);font-weight:500}.sidebar-link svg{flex-shrink:0;opacity:.8}.sidebar-link.active svg{opacity:1}.sidebar-bottom{padding:0 0 12px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.page-header-left{display:flex;flex-direction:column;gap:3px}.page-title{color:#0a0a09;color:var(--black);font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-display);font-size:1.875rem;letter-spacing:-.02em;line-height:1.15}.page-subtitle{color:#7a8499;color:var(--text-muted);font-size:.875rem}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.breadcrumb{align-items:center;color:#7a8499;color:var(--text-muted);display:flex;font-size:.8rem;gap:6px;margin-bottom:6px}.breadcrumb a,.breadcrumb span.link{color:#0f1f3d;color:var(--navy);cursor:pointer}.breadcrumb a:hover,.breadcrumb span.link:hover{text-decoration:underline}.breadcrumb-sep{color:#c8cecd;color:var(--border-s)}.page-tabs{border-bottom:2px solid #e2e6e6;border-bottom:2px solid var(--border);display:flex;gap:2px;margin-bottom:24px}.page-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#7a8499;color:var(--text-muted);cursor:pointer;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:500;gap:6px;margin-bottom:-2px;padding:9px 16px;transition:all .15s}.page-tab:hover{color:#0a0a09;color:var(--black)}.page-tab.active{border-bottom-color:#0f1f3d;border-bottom-color:var(--navy);color:#0f1f3d;color:var(--navy)}.tab-bar{border-bottom:1px solid #e2e6e6;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:2px;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#7a8499;color:var(--text-muted);cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.8125rem;font-weight:500;margin-bottom:-1px;padding:8px 13px;transition:all .15s}.tab-btn:hover{color:#0a0a09;color:var(--black)}.tab-btn.active{border-bottom-color:#0f1f3d;border-bottom-color:var(--navy);color:#0f1f3d;color:var(--navy)}.view-toggle{background:#0f1f3d;background:var(--navy);border-radius:8px;border-radius:var(--radius);display:flex;gap:0;padding:3px}.view-toggle-btn{background:#0000;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.75rem;font-weight:500;padding:5px 14px;transition:all .15s}.view-toggle-btn.active{background:#fff;background:var(--white);color:#0f1f3d;color:var(--navy);font-weight:600}.view-toggle-btn:hover:not(.active){color:#fff;color:var(--white)}.btn{align-items:center;border-radius:8px;border-radius:var(--radius);display:inline-flex;font-size:.875rem;font-weight:500;gap:7px;line-height:1;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn-primary{background:#0f1f3d;background:var(--navy);color:#fff;color:var(--white)}.btn-primary:hover{background:#1a2f57;background:var(--navy-mid);box-shadow:0 1px 3px #0f1f3d0f,0 1px 2px #0f1f3d0a;box-shadow:var(--shadow-sm)}.btn-ghost{background:#0000;border:1.5px solid #c8cecd;border:1.5px solid var(--border-s);color:#4a5252;color:var(--text-secondary)}.btn-ghost:hover{background:#f9f8f3;background:var(--surface-alt);border-color:#7a8499;border-color:var(--ocean)}.btn-danger{background:#fef2f2;border:1.5px solid #fecaca;color:#b91c1c}.btn-danger:hover{background:#fee2e2}.btn-sm{font-size:.8125rem;padding:5px 11px}.btn:disabled{opacity:.45;pointer-events:none}.card{background:#fff;background:var(--white);border:1px solid #e2e6e6;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0f1f3d0f,0 1px 2px #0f1f3d0a;box-shadow:var(--shadow-sm);position:relative;transition:box-shadow .15s,border-color .15s}.card:hover{border-color:#c8cecd;border-color:var(--border-s);box-shadow:0 4px 12px #0f1f3d14,0 2px 4px #0f1f3d0a;box-shadow:var(--shadow)}.card-body{padding:18px}.card-footer{background:#f9f8f3;background:var(--surface-alt);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e2e6e6;border-top:1px solid var(--border);padding:12px 18px}.dot-menu-wrap{position:absolute;right:10px;top:10px;z-index:10}.dot-menu-btn{align-items:center;background:#fffffff2;border:1.5px solid #c8cecd;border:1.5px solid var(--border-s);border-radius:50%;color:#7a8499;color:var(--ocean);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.dot-menu-btn:hover{border-color:#0f1f3d;border-color:var(--navy);box-shadow:0 2px 6px #0f1f3d1a;color:#0f1f3d;color:var(--navy)}.dot-menu-btn:hover,.dot-menu-dropdown{background:#fff;background:var(--white)}.dot-menu-dropdown{border:1px solid #e2e6e6;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 12px 32px #0f1f3d1f,0 4px 8px #0f1f3d0f;box-shadow:var(--shadow-lg);min-width:130px;overflow:hidden;position:absolute;right:0;top:34px;z-index:20}.dot-menu-item{align-items:center;color:#4a5252;color:var(--text-secondary);cursor:pointer;display:flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.8125rem;gap:8px;padding:9px 14px;transition:background .1s}.dot-menu-item:hover{background:#f9f8f3;background:var(--surface-alt)}.dot-menu-item.danger{color:#b91c1c}.dot-menu-item.danger:hover{background:#fef2f2}.grid-homes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-rooms{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-expenses,.grid-items{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stats-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-value{color:#0a0a09;color:var(--black);font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-display);font-size:1.5rem;line-height:1}.stat-label{color:#7a8499;color:var(--text-muted);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.72rem;font-weight:500;gap:4px;padding:3px 9px;white-space:nowrap}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#4a5252;color:var(--text-secondary);font-size:.8125rem;font-weight:500}.form-input,.form-select,.form-textarea{background:#fff;background:var(--white);border:1.5px solid #e2e6e6;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#0a0a09;color:var(--black);font-size:.9375rem;padding:9px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0f1f3d;border-color:var(--navy);box-shadow:0 0 0 3px #0f1f3d14;outline:none}.form-textarea{line-height:1.5;min-height:80px;resize:vertical}.form-hint{color:#7a8499;color:var(--text-muted);font-size:.75rem}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0980;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.modal{animation:slideUp .2s ease;background:#fff;background:var(--white);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #0f1f3d1f,0 4px 8px #0f1f3d0f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:540px;overflow-y:auto;width:100%}.modal-lg{max-width:680px}.modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:24px 24px 0}.modal-title{color:#0a0a09;color:var(--black);font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-display);font-size:1.375rem;letter-spacing:-.02em}.modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 24px}.modal-close{border-radius:4px;border-radius:var(--radius-sm);color:#7a8499;color:var(--text-muted);display:flex;padding:4px;transition:color .15s}.modal-close:hover{color:#0a0a09;color:var(--black)}.settings-card{background:#fff;background:var(--white);border:1px solid #e2e6e6;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:20px;padding:0 20px}.settings-card-title{color:#7a8499;color:var(--text-muted);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;margin-bottom:4px;padding:14px 0 10px;text-transform:uppercase}.settings-card-title,.toggle-row{border-bottom:1px solid #e2e6e6;border-bottom:1px solid var(--border)}.toggle-row{align-items:center;display:flex;justify-content:space-between;padding:14px 0}.toggle-row:last-child{border-bottom:none}.toggle-label{color:#0a0a09;color:var(--black);font-size:.875rem}.toggle-desc{color:#7a8499;color:var(--text-muted);font-size:.75rem;margin-top:2px}.toggle-switch{cursor:pointer;flex-shrink:0;height:22px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-track{background:#c8cecd;background:var(--border-s);border-radius:99px;inset:0;position:absolute;transition:background .2s}.toggle-switch input:checked+.toggle-track{background:#0f1f3d;background:var(--navy)}.toggle-thumb{background:#fff;background:var(--white);border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;left:3px;pointer-events:none;position:absolute;top:3px;transition:transform .2s;width:16px}.toggle-switch input:checked~.toggle-thumb{transform:translateX(18px)}.cat-row{align-items:center;border-bottom:1px solid #e2e6e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.cat-row:last-of-type{border-bottom:none}.cat-left{align-items:center;display:flex;gap:10px}.cat-name{color:#0a0a09;color:var(--black);font-size:.875rem}.cat-custom-badge{background:#f9f8f3;background:var(--surface-alt);border:1.5px solid #c8cecd;border:1.5px solid var(--border-s);border-radius:99px;color:#7a8499;color:var(--text-muted);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.62rem;padding:2px 7px}.cat-right{align-items:center;display:flex;gap:12px}.emoji-grid{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.emoji-btn{align-items:center;background:#fff;background:var(--white);border:1.5px solid #c8cecd;border:1.5px solid var(--border-s);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;transition:all .15s;width:30px}.emoji-btn.selected,.emoji-btn:hover{background:#e8edf5;background:var(--navy-light);border-color:#0f1f3d;border-color:var(--navy)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-title{color:#7a8499;color:var(--text-muted);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.data-table-wrap{background:#fff;background:var(--white);border:1px solid #e2e6e6;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background:#f9f8f3;background:var(--surface-alt);color:#7a8499;color:var(--text-muted);font-family:DM Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.07em;padding:9px 14px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #e2e6e6;border-bottom:1px solid var(--border)}.data-table td{color:#0a0a09;color:var(--black);padding:11px 14px;vertical-align:top}.data-table tr:last-child td{border-bottom:none}.payment-row{grid-gap:14px;align-items:center;border-bottom:1px solid #e2e6e6;border-bottom:1px solid var(--border);display:grid;gap:14px;grid-template-columns:1fr auto auto auto;padding:13px 16px;transition:background .1s}.payment-row:last-child{border-bottom:none}.payment-row:hover{background:#f9f8f3;background:var(--surface-alt)}.expense-pill{align-items:center;background:#e8edf5;background:var(--navy-light);border-radius:99px;color:#0f1f3d;color:var(--navy);display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;padding:2px 9px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:64px 24px;text-align:center}.empty-icon{font-size:2.5rem;opacity:.4}.empty-title{color:#4a5252;color:var(--text-secondary);font-family:"DM Serif Display",Georgia,serif;font-family:var(--font-display);font-size:1.25rem}.empty-desc{color:#7a8499;color:var(--text-muted);font-size:.875rem;line-height:1.6;max-width:300px}.loading{font-size:.875rem;gap:10px;padding:48px}.image-upload-hint,.loading{align-items:center;color:#7a8499;color:var(--text-muted);display:flex;justify-content:center}.image-upload-hint{background:#f9f8f3;background:var(--surface-alt);border:1.5px dashed #c8cecd;border:1.5px dashed var(--border-s);border-radius:8px;border-radius:var(--radius);font-size:.8125rem;gap:6px;padding:14px}.confirm-message{color:#4a5252;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){:root{--nav-width:0px}.main-content{margin-left:0}.page-body{padding:20px 16px}.form-row,.form-row-3{grid-template-columns:1fr}.sidebar{display:none}}
/*# sourceMappingURL=main.90271cdc.css.map*/