@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--sheet-blue-header: #99B8D0;--sheet-blue-subhead: #E5F0F9;--sheet-pink-header: #EFD1D1;--sheet-pink-subhead: #FBEFF3;--sheet-title-bg: #F4E8DB;--sheet-note-bg: #FFFDFBF6;--sheet-guide-navy: #1F497D;--sheet-guide-accent: #D6E7F8;--sheet-guide-green: #D9EAD3;--sheet-border: #D1D5DB;--sheet-border-light: #E5E7EB;--sheet-border-dark: #9CA3AF;--sheet-text: #383838;--sheet-text-muted: #6B7280;--sheet-text-dark: #111827;--bg-app: #ECEFF1;--bg-sheet: #FFFFFF;--bg-tab-bar: #E0E4E8;--success-text: #059669;--danger-text: #DC2626;--font-sheet: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sheet);background-color:var(--bg-app);color:var(--sheet-text);min-height:100vh;padding:1rem 1.5rem 3rem;line-height:1.4;-webkit-font-smoothing:antialiased}input,select,button,textarea{font-family:var(--font-sheet)!important}.spreadsheet-app-container{max-width:1560px;margin:0 auto;background:var(--bg-sheet);box-shadow:0 4px 20px #0000001f;border-radius:6px;overflow:hidden;border:1px solid var(--sheet-border)}.sheet-workspace{padding:1.25rem 1.5rem;background:var(--bg-sheet);min-height:800px}.sheet-title-banner{background:var(--sheet-title-bg);border:1px solid var(--sheet-border);padding:.75rem 1.25rem;font-size:1.45rem;font-weight:800;color:#1f2937;letter-spacing:-.01em;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.dashboard-top-section{display:grid;grid-template-columns:1fr 1fr 340px;gap:1rem;margin-bottom:1.5rem;align-items:stretch}@media(max-width:1200px){.dashboard-top-section{grid-template-columns:1fr 1fr}}@media(max-width:800px){.dashboard-top-section{grid-template-columns:1fr}}.metric-table{width:100%;border-collapse:collapse;border:1px solid var(--sheet-border);height:100%}.metric-table td{border:1px solid var(--sheet-border);padding:.65rem .85rem;font-size:.88rem}.metric-label-cell{background:var(--sheet-blue-header);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;width:55%}.metric-value-cell{background:#fff;font-family:var(--font-sheet);font-weight:700;font-size:1.05rem;text-align:right;color:var(--sheet-text-dark)}.amount-left-card{border:1px solid var(--sheet-border);display:flex;flex-direction:column;height:100%}.amount-left-header{background:var(--sheet-blue-header);color:#fff;font-weight:700;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem .85rem;text-align:center}.amount-left-body{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:.85rem;font-family:var(--font-sheet);font-size:1.95rem;font-weight:800}.amount-left-footer{background:var(--sheet-blue-header);color:#fff;font-size:.78rem;font-weight:500;padding:.45rem .75rem;text-align:center}.reference-calendar-card{border:1px solid var(--sheet-border);display:flex;flex-direction:column}.ref-cal-header{background:var(--sheet-blue-header);color:#fff;font-weight:700;font-size:.95rem;padding:.45rem .75rem;text-align:center;letter-spacing:.05em}.ref-cal-table{width:100%;border-collapse:collapse;text-align:center;flex:1}.ref-cal-table th{background:var(--sheet-blue-subhead);color:var(--sheet-text);font-size:.75rem;font-weight:600;padding:.35rem .15rem;border:1px solid var(--sheet-border-light)}.ref-cal-table td{border:1px solid var(--sheet-border-light);font-size:.78rem;padding:.3rem .15rem;color:var(--sheet-text);height:24px}.ref-cal-table td.cal-day-active{background:var(--sheet-blue-subhead);font-weight:700}.dashboard-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:1100px){.dashboard-main-grid{grid-template-columns:1fr}}.dashboard-left-col{display:flex;flex-direction:column;gap:1.5rem}.sheet-section-header{padding:.65rem 1rem;font-size:1.05rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sheet-border);border-left:1px solid var(--sheet-border);border-right:1px solid var(--sheet-border)}.header-blue{background:var(--sheet-blue-header);color:#fff}.header-pink{background:var(--sheet-pink-header);color:#111827}.sheet-data-table{width:100%;border-collapse:collapse;border:1px solid var(--sheet-border);background:#fff;font-size:.85rem}.sheet-data-table th{padding:.55rem .65rem;font-weight:700;font-size:.78rem;border:1px solid var(--sheet-border);text-align:left}.subhead-blue th{background:var(--sheet-blue-subhead);color:#111827}.subhead-pink th{background:var(--sheet-pink-subhead);color:#111827}.sheet-data-table td{padding:.4rem .55rem;border:1px solid var(--sheet-border);color:var(--sheet-text);background:#fff}.sheet-data-table tr:hover td{background:#f9fafb}.sheet-input{width:100%;border:1px solid #CBD5E1;padding:.3rem .4rem;font-family:var(--font-sheet);font-size:.85rem;background:#fff;color:var(--sheet-text-dark);border-radius:3px}.sheet-input:focus{border-color:#3b82f6;background:#eff6ff;outline:none}.sheet-input-currency{width:100%;border:1px solid #CBD5E1;padding:.3rem .4rem;font-family:var(--font-sheet);font-size:.88rem;background:#fff;color:var(--sheet-text-dark);border-radius:3px;text-align:right}.sheet-input-currency:focus{border-color:#3b82f6;background:#eff6ff;outline:none}.sheet-select{width:100%;border:1px solid #CBD5E1;padding:.25rem .35rem;font-family:var(--font-sheet);font-size:.82rem;background:#fff;color:var(--sheet-text-dark);border-radius:3px}.sheet-select:focus{border-color:#3b82f6;outline:none}.sheet-table-total-row td{background:#f3f4f6;font-family:var(--font-sheet);font-weight:700;border-top:2px solid var(--sheet-border-dark)}.btn-sheet{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;font-family:var(--font-sheet);font-size:.82rem;font-weight:600;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;transition:background .15s ease}.btn-sheet:hover{background:#fff3}.btn-sheet-primary{background:#2563eb;border-color:#1d4ed8;color:#fff!important}.month-ledger-table{width:100%;border-collapse:collapse;border:1px solid var(--sheet-border);background:#fff;font-size:.88rem}.month-ledger-table th{background:#f3f4f6;color:#1f2937;font-weight:700;font-size:.82rem;padding:.65rem .75rem;border:1px solid var(--sheet-border);position:sticky;top:0;z-index:5}.month-ledger-table td{padding:.45rem .75rem;border:1px solid var(--sheet-border);color:var(--sheet-text);font-family:var(--font-sheet)}.month-ledger-table tr.beginning-balance-row td{background:#f9fafb;font-weight:700;color:#1f2937}.month-ledger-table tr.ledger-row-checked td{background:#f0fdf4;opacity:.85}.month-ledger-table tr.ledger-row-checked td.item-cell .ledger-item-name{text-decoration:line-through;opacity:.65}.sheet-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#2563EB}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.modal-content,.modal-sheet-card{width:100%;max-width:520px;background:#fff!important;border:2px solid #CBD5E1;border-radius:8px;padding:2rem;box-shadow:0 20px 50px #0006;position:relative;color:#1f2937;font-family:var(--font-sheet)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:10000}.sheet-toast{background:#1f2937;color:#fff;padding:.75rem 1.25rem;border-radius:4px;font-size:.85rem;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:.5rem;font-family:var(--font-sheet)}.analytics-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;align-items:start}@media(max-width:800px){.analytics-top-grid{grid-template-columns:1fr}}.envelopes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}@media(max-width:480px){.envelopes-grid{grid-template-columns:1fr}}@media(max-width:768px)and (pointer:coarse){.sheet-input,.sheet-input-currency,.sheet-select{font-size:16px!important}}.mobile-rotation-popup{display:none;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);width:90%;max-width:320px;background:#fff;border:2px solid #3B82F6;border-radius:10px;box-shadow:0 10px 30px #00000040;padding:1rem;z-index:99999}.mobile-tip-card{display:none;background:#fffbeb;border:1px solid #FEF3C7;color:#92400e;padding:.65rem 1rem;border-radius:6px;font-size:.78rem;line-height:1.4;margin-bottom:1rem;box-shadow:0 2px 4px #d977060d}@media(max-width:960px)and (orientation:portrait){.mobile-tip-card{display:block}.mobile-rotation-popup:not(.is-dismissed){display:none}}body.mobile-mode{padding:0!important;margin:0!important;background-color:#eceff1!important;min-height:100vh}body.mobile-mode #app{max-width:100%!important;width:100%!important;margin:0!important;box-shadow:none!important;border:none!important;border-radius:0!important}.mobile-app-container{min-height:100vh;display:flex;flex-direction:column;background:#eceff1;color:var(--sheet-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding-bottom:76px}.mobile-header{background:#fff;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;border-bottom:1px solid var(--sheet-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #00000008}.mobile-brand{display:flex;align-items:center;gap:.5rem}.mobile-logo-container{width:26px;height:26px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--sheet-border)}.mobile-logo-img{width:100%;height:100%;object-fit:cover;transform:scale(2.1)}.mobile-title{font-size:.95rem;font-weight:800;color:var(--sheet-text-dark);letter-spacing:-.01em}.mobile-beta-badge{font-size:.55rem;background:#3b82f6;color:#fff;padding:.08rem .3rem;border-radius:3px;font-weight:800;letter-spacing:.02em}.mobile-month-switcher{display:flex;align-items:center;justify-content:space-between;background:#f1f5f9;border-radius:6px;padding:.3rem .65rem;border:1px solid var(--sheet-border)}.mobile-month-btn{background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem}.mobile-month-btn:active{color:#3b82f6}.mobile-month-label{font-size:.82rem;font-weight:700;color:var(--sheet-text-dark)}.mobile-workspace-content{flex:1;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background:#e0e4e8;border-top:1px solid var(--sheet-border-dark);display:flex;align-items:center;justify-content:space-around;z-index:1000;box-shadow:0 -2px 10px #0000000f}.mobile-nav-item{background:none;border:none;color:#556070;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;font-size:.65rem;font-weight:700;flex:1;height:100%;justify-content:center;transition:all .15s ease}.mobile-nav-item.active{color:var(--sheet-guide-navy)}.mobile-nav-item i{width:20px;height:20px}.mobile-floating-add{position:fixed;bottom:76px;right:16px;width:54px;height:54px;border-radius:50%;background:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #ef444459;cursor:pointer;z-index:999;transition:transform .1s ease}.mobile-floating-add:active{transform:scale(.92)}.mobile-summary-card{background:var(--sheet-title-bg);border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 2px 6px #0000000d;border:1px solid var(--sheet-border)}.mobile-summary-title{font-size:.75rem;text-transform:uppercase;font-weight:700;color:#7e6b5a;letter-spacing:.05em}.mobile-summary-amount{font-size:1.85rem;font-weight:800}.mobile-summary-caption{font-size:.78rem;color:#4b5563}.mobile-section-title{font-size:.88rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.mobile-envelope-card{background:#fff;border:1px solid var(--sheet-border);border-radius:8px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px #0000000a}.mobile-envelope-header{display:flex;align-items:center;justify-content:space-between}.mobile-envelope-icon-circle{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-envelope-name{font-size:.85rem;font-weight:700;color:var(--sheet-text-dark)}.mobile-envelope-value{font-size:.85rem;font-weight:700;color:#059669}.mobile-envelope-value.negative{color:#dc2626}.mobile-progress-wrapper{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.mobile-progress-bar{height:100%;transition:width .3s ease}.mobile-envelope-footer{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--sheet-text-muted);font-weight:600}.mobile-savings-card{background:#fff;border:1px solid var(--sheet-border);border-radius:8px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 1px 3px #0000000a}.mobile-savings-header{display:flex;align-items:center;justify-content:space-between}.mobile-savings-name{font-size:.82rem;font-weight:700;color:var(--sheet-text-dark)}.mobile-savings-value{font-size:.82rem;font-weight:700;color:var(--sheet-guide-navy)}.mobile-savings-footer{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--sheet-text-muted)}.mobile-tx-list{display:flex;flex-direction:column;gap:.65rem}.mobile-tx-item{background:#fff;border-radius:8px;border:1px solid var(--sheet-border);padding:.75rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;box-shadow:0 1px 3px #0000000a}.mobile-tx-item-name{font-size:.82rem;font-weight:700;color:var(--sheet-text-dark)}.mobile-tx-item-meta{font-size:.68rem;color:var(--sheet-text-muted);margin-top:.1rem}.mobile-tx-item-desc{font-size:.68rem;color:#475569;margin-top:.25rem;font-style:italic}.mobile-tx-item-amount{font-size:.85rem;font-weight:800;white-space:nowrap}.mobile-tx-delete-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.mobile-tx-delete-btn:active{opacity:.5}.mobile-placeholder-card{background:#fff;border:1px solid var(--sheet-border);border-radius:10px;padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;box-shadow:0 1px 3px #0000000a}.mobile-placeholder-icon{width:72px;height:72px;border-radius:50%;background:#e5f0f9;border:2px solid var(--sheet-guide-navy);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.mobile-placeholder-title{font-size:1.15rem;font-weight:800;color:var(--sheet-text-dark)}.mobile-placeholder-body{font-size:.8rem;color:var(--sheet-text-muted);line-height:1.45}.mobile-placeholder-notice{background:#f8fafc;border-radius:8px;padding:1rem;border:1px solid var(--sheet-border);font-size:.78rem;color:#475569;text-align:left;line-height:1.45;margin-top:.5rem;width:100%}.mobile-profile-card{background:#fff;border:1px solid var(--sheet-border);border-radius:8px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}.mobile-profile-avatar{width:38px;height:38px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;border:1px solid var(--sheet-border)}.mobile-profile-email{font-size:.85rem;font-weight:700;color:var(--sheet-text-dark);word-break:break-all}.mobile-profile-status{margin-top:.2rem}.mobile-badge-local{font-size:.65rem;background:#e2e8f0;color:#475569;padding:.1rem .4rem;border-radius:4px;font-weight:600}.mobile-badge-synced{font-size:.65rem;background:#0596691a;color:#059669;padding:.1rem .4rem;border-radius:4px;font-weight:600;display:inline-flex;align-items:center;gap:.25rem}.mobile-badge-dot{width:5px;height:5px;border-radius:50%;background:#059669;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #059669b3}70%{transform:scale(1);box-shadow:0 0 0 4px #05966900}to{transform:scale(.95);box-shadow:0 0 #05966900}}.mobile-action-btn{border:none;border-radius:6px;padding:.75rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s ease}.mobile-action-btn.primary{background:var(--sheet-guide-navy);color:#fff}.mobile-action-btn.primary:active{background:#143054}.mobile-action-btn.danger{background:#ef4444;color:#fff}.mobile-action-btn.danger:active{background:#dc2626}.mobile-action-btn.secondary{background:#f1f5f9;color:#334155;border:1px solid var(--sheet-border)}.mobile-action-btn.secondary:active{background:#e2e8f0}.mobile-collapsible-guide{background:#fff;border:1px solid var(--sheet-border);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.mobile-guide-trigger{width:100%;background:none;border:none;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;color:#334155;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit}.mobile-guide-trigger:active{background:#f1f5f9}.mobile-guide-content{padding:.5rem 1rem 1.25rem;border-top:1px solid var(--sheet-border);background:#fffdfbf6;max-height:400px;overflow-y:auto;color:var(--sheet-text)}.mobile-guide-content h1,.mobile-guide-content h2,.mobile-guide-content h3{color:var(--sheet-guide-navy)!important}.mobile-guide-content p,.mobile-guide-content li{color:var(--sheet-text)!important}@media(min-width:961px)and (max-width:1280px){body:not(.mobile-mode){padding:.5rem .75rem 2rem!important}body:not(.mobile-mode) .sheet-workspace{padding:.75rem 1rem!important}body:not(.mobile-mode) .dashboard-main-grid{gap:.75rem!important}body:not(.mobile-mode) .sheet-data-table td{padding:.2rem .3rem!important;font-size:.76rem!important}body:not(.mobile-mode) .sheet-data-table th{padding:.3rem .4rem!important;font-size:.74rem!important}body:not(.mobile-mode) .sheet-input,body:not(.mobile-mode) .sheet-input-currency,body:not(.mobile-mode) .sheet-select{padding:.15rem .25rem!important;font-size:.76rem!important}body:not(.mobile-mode) .ref-cal-table td{height:20px!important;font-size:.7rem!important;padding:.15rem .1rem!important}body:not(.mobile-mode) .ref-cal-table th{padding:.2rem .1rem!important;font-size:.68rem!important}}@media(min-width:1281px){html,body{height:100dvh!important;width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;touch-action:none!important}body:not(.mobile-mode){position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:var(--bg-app)!important;touch-action:none!important}#app{height:100%!important;width:100%!important;margin:0!important;padding:0!important;touch-action:none!important}body:not(.mobile-mode) .spreadsheet-app-container{position:absolute!important;top:.75rem!important;bottom:.75rem!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 2.5rem)!important;max-width:1560px!important;display:flex!important;flex-direction:column!important;border-radius:6px!important;box-shadow:0 4px 20px #0000001f!important;border:1px solid var(--sheet-border)!important;overflow:hidden!important}body:not(.mobile-mode) #navbar-container,body:not(.mobile-mode) #footernav-container{flex-shrink:0!important;touch-action:none!important}body:not(.mobile-mode) .sheet-workspace{flex:1!important;overflow-y:auto!important;min-height:0!important;touch-action:pan-y!important}}