*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{color:#111827;background:#f7f5f2}html,body{width:100%;overflow-x:hidden}.auth-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:360px;padding:28px 24px;box-shadow:0 20px 40px #00000014}.auth-title{margin-bottom:20px;font-size:20px;font-weight:600}.auth-field{margin-bottom:16px}.auth-label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.auth-input{border:1px solid #e5e7eb;border-radius:10px;width:100%;height:44px;padding:0 12px;font-size:14px}.auth-input::placeholder{color:#9ca3af}.auth-input:focus{border-color:#facc15;outline:none}.auth-forgot{text-align:right;color:#6b7280;cursor:pointer;margin-top:6px;font-size:12px;text-decoration:underline;display:block}.auth-button-primary{cursor:pointer;background:0 0;border:1px solid #111827;border-radius:10px;width:100%;height:44px;font-size:14px;font-weight:500}.auth-button-primary:hover{background:#fbbf24}.auth-button-secondary{cursor:pointer;background:0 0;border:1px solid #111827;border-radius:10px;width:100%;height:44px;font-size:14px;font-weight:500}.auth-button-secondary:hover{background:#f3f4f6}.auth-button-small{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:13px;transition:background .12s,transform 60ms,box-shadow .12s;display:inline-flex}.auth-button-small:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0206170f}.auth-button-small:focus,.auth-button-small:focus-visible,.auth-button-small:hover{outline:none;box-shadow:0 6px 18px #02061714,0 0 0 4px #facc1514}.btn-income.active{color:#fff;background:#10b981;border-color:#10b98129}.btn-income:hover{color:#fff;background:#059669}.btn-income:focus-visible{box-shadow:0 6px 18px #05966914,0 0 0 4px #10b9811f}.btn-expense.active{color:#fff;background:#ef4444;border-color:#ef444429}.btn-expense:hover{color:#fff;background:#dc2626}.btn-expense:focus-visible{box-shadow:0 6px 18px #dc262614,0 0 0 4px #ef44441f}.auth-footer{text-align:center;color:#6b7280;margin-top:20px;font-size:13px}.auth-app-logo{width:100%;max-width:260px;height:auto;margin:0 auto 14px;display:block}.app-layout{width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.mobile-topbar{display:none}.mobile-menu-toggle{z-index:1001;color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:10px;transition:background-color .2s;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #00000026}.mobile-menu-toggle:hover{background:#1f2937}.mobile-menu-toggle:active{background:#374151}.mobile-overlay{z-index:999;background:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-aside{color:#fff;background:#111827;flex-direction:column;flex-shrink:0;width:280px;display:flex}.dashboard-main{background:#f7f5f2;flex:1;min-width:0}.dashboard-content{padding:24px}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-title{font-size:18px;font-weight:700}.sidebar{flex-direction:column;width:280px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:12px;display:flex}.sidebar-app-logo{width:100%;max-width:220px;height:auto;display:block}.logo-pill{color:#111827;background:#facc15;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.sidebar-title{font-size:14px;font-weight:600}.sidebar-sub{color:#9ca3af;font-size:12px}.sidebar-search{margin-top:12px}.sidebar-search input{color:#e5e7eb;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;width:100%;padding:8px 10px;font-size:13px}.sidebar-search input::placeholder{color:#9ca3af}.sidebar-nav{flex-direction:column;gap:8px;margin-top:14px;display:flex}.sidebar-button{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex;position:relative}.sidebar-button:hover{color:#fff;background:#facc150a}.sidebar-button.active{color:#111827;background:#facc15}.sidebar-button.active .icon{color:#111827}.left-indicator{background:#facc15;border-radius:0 6px 6px 0;width:4px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-badge{color:#cbd5e1;background:#ffffff08;border-radius:8px;padding:2px 8px;font-size:12px}.sidebar-list{color:#cbd5e1;max-height:56vh;margin-top:16px;padding-right:8px;font-size:14px;overflow:auto}.sidebar-item{cursor:pointer;background:#ffffff03;border-radius:8px;margin-bottom:8px;padding:10px}.sidebar-item:hover{background:#ffffff08}.sidebar-item .title{color:#fff;font-weight:600}.sidebar-item .meta{color:#9ca3af;margin-top:4px;font-size:12px}.meta-amount{color:#9ca3af;font-size:13px}.loading{color:#9ca3af}.error{color:#fca5a5}.empty{color:#9ca3af}.sidebar .icon{width:18px;height:18px;color:inherit}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.sidebar-footer-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;font-size:14px;transition:all .2s;display:flex;position:relative}.sidebar-footer-item:hover{color:#fff;background:#facc150a}.user-avatar{color:#111827;background:#facc15;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex}.user-name{color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.footer-icon-wrapper{width:18px;height:18px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.footer-icon-wrapper .icon{width:18px;height:18px}.footer-item-label{color:inherit;flex:1;font-size:14px}.dashboard-top{border-bottom:1px solid #1118270a;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.navbar{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.navbar-left{flex:none}.page-title{font-size:20px;font-weight:700}.btn-add{color:#111827;cursor:pointer;background:#facc15;border:none;border-radius:10px;margin-left:12px;padding:8px 12px;font-weight:600;transition:background-color .15s,transform 60ms}.btn-add:hover{background:#fbbf24;transform:translateY(-1px)}.btn-month{color:#111827;cursor:pointer;background:#fff;border:1px solid #0206170f;border-radius:10px;margin-left:0;padding:8px 10px;font-weight:600;transition:background-color .15s,border-color .15s,transform 60ms}.btn-month:hover{background:#f3f4f6;transform:translateY(-1px)}.month-picker{background:#fff;border-radius:8px;min-width:240px;overflow:hidden;box-shadow:0 8px 30px #0206171f}.month-picker select{border:1px solid #0206170f;border-radius:6px;padding:6px 8px}.dashboard-calendar-trigger{color:#111827;cursor:pointer;background:#facc15;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;line-height:1;display:inline-flex}.dashboard-calendar-trigger:hover{background:#fbbf24}.transactions-calendar-trigger{color:#111827;cursor:pointer;text-transform:capitalize;background:#facc15;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;line-height:1;display:inline-flex}.transactions-calendar-trigger:hover{background:#fbbf24}.transactions-calendar-popover{background:#fff;border-radius:10px;width:300px;overflow:hidden;box-shadow:0 10px 30px #0206171f}.transactions-calendar-header{color:#111827;background:#facc15;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.transactions-calendar-year{font-weight:700}.transactions-calendar-nav{color:#111827;cursor:pointer;background:#1118271f;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.transactions-calendar-nav:hover{background:#1118272e}.transactions-calendar-grid{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;display:grid}.transactions-calendar-month{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 0;font-weight:700}.transactions-calendar-month:hover{background:#f3f4f6}.transactions-calendar-month.active{color:#111827;background:#facc15}.dashboard-calendar-popover{background:#fff;border-radius:10px;width:300px;overflow:hidden;box-shadow:0 10px 30px #0206171f}.dashboard-calendar-header{color:#111827;background:#facc15;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.dashboard-calendar-year{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-weight:700}.dashboard-calendar-year:hover{background:#11182714}.dashboard-calendar-year:focus-visible{outline-offset:2px;outline:2px solid #1118272e}.dashboard-calendar-nav{color:#111827;cursor:pointer;background:#1118271f;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.dashboard-calendar-nav:hover{background:#1118272e}.dashboard-calendar-grid{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;display:grid}.dashboard-calendar-month{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 0;font-weight:700}.dashboard-calendar-month:hover{background:#f3f4f6}.dashboard-calendar-month.active{color:#111827;background:#facc15}.btn-chip{color:#e5e7eb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;height:32px;padding:0 10px;font-size:13px;font-weight:700;transition:background-color .15s,transform 60ms,border-color .15s}.btn-chip:hover{background:#facc1529;border-color:#facc153d;transform:translateY(-1px)}.btn-chip.active{color:#111827;background:#facc15;border-color:#facc1552}.navbar-search{justify-content:flex-end;align-items:center;margin-right:6px;display:flex}.navbar-search input{background:#fff;border:1px solid #0000000f;border-radius:10px;width:220px;max-width:420px;padding:8px 12px}.navbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.avatar{color:#facc15;background:#111827;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.avatar-wrap{position:relative}.avatar-btn{cursor:pointer;background:0 0;border:none;padding:0}.avatar-dropdown{color:#111827;background:#fff;border-radius:8px;min-width:160px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 10px 30px #0206171f}.avatar-dropdown .dropdown-item{cursor:pointer;padding:10px 12px;font-size:14px}.avatar-dropdown .dropdown-item:hover{background:#f3f4f6}.avatar-dropdown .logout{color:#ef4444;font-weight:600}.dashboard-content{padding-top:18px}.transactions{flex-direction:column;gap:8px;display:flex}.txn-meta{background:0 0}.dashboard-main .auth-button-secondary{color:#111827;background:#fff;border:1px solid #0206170f;border-radius:10px;justify-content:center;align-items:center;width:auto;height:44px;padding:0 16px;transition:background-color .15s,border-color .15s,transform 60ms;display:inline-flex}.dashboard-main .btn-month,.dashboard-main .btn-add{border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 16px;font-weight:600;display:inline-flex}.dashboard-main .btn-month,.dashboard-main .btn-add,.dashboard-main .auth-button-secondary{box-sizing:border-box;vertical-align:middle;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;min-height:44px;padding:0 16px;font-size:14px;line-height:1;display:inline-flex}.dashboard-main .auth-button-secondary{color:#111827;background:#fff;border:1px solid #0206170f}.dashboard-main .auth-button-secondary:hover{transform:translateY(-1px)}.dashboard-main .btn-month{color:#111827;background:#fff;border:1px solid #0206170f}.dashboard-main .btn-add{color:#111827;background:#facc15;border:none}.txn-item{padding:10px 14px;box-shadow:0 4px 12px #0206170a}.txn-left{flex-direction:column;display:flex}.txn-title{color:#111827;font-weight:600}.txn-meta{color:#6b7280;margin-top:2px;font-size:12px}.txn-right{text-align:right}.txn-amount{color:#111827;font-weight:700}.txn-type{border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.txn-type.income{color:#065f46;background:#ecfdf5;border:1px solid #bbf7d0}.txn-type.expense{color:#7f1d1d;background:#fff1f2;border:1px solid #fecaca}.goal-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.goal-status-completed{color:#065f46;background:#ecfdf5;border-color:#bbf7d0}.goal-status-cancelled{color:#7f1d1d;background:#fff1f2;border-color:#fecaca}.goal-status-pending{color:#111827;background:#facc15;border-color:#1118271f}.goal-status-inprogress,.goal-status-neutral{color:#111827;background:#f3f4f6;border-color:#e5e7eb}.goal-type-badge{white-space:nowrap;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.goal-type-short{color:#14532d;background:#dcfce7;border-color:#bbf7d0}.goal-type-medium{color:#111827;background:#facc15;border-color:#1118271f}.goal-type-long,.goal-type-neutral{color:#111827;background:#f3f4f6;border-color:#e5e7eb}.txn-header{color:#6b7280;border-bottom:1px solid #eef2f7;grid-template-columns:minmax(200px,1.5fr) 110px 110px 90px 140px 100px 80px 120px 60px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 14px;font-weight:700;display:grid}.txn-header .col{padding:4px 0}.txn-item .col{padding:8px 0}.txn-meta{color:#6b7280}.txn-item{grid-template-columns:minmax(200px,1.5fr) 110px 110px 90px 140px 100px 80px 120px 60px;align-items:center;gap:12px;display:grid}.transactions.goals-table .txn-header,.transactions.goals-table .txn-item{grid-template-columns:minmax(220px,2fr) 120px 120px 120px 110px 110px 110px 80px}.transactions.goals-table .shared-col{text-align:right}.transactions.goals-table .actions-col{text-align:left;justify-self:start}.txn-item .amount-col,.txn-header .amount-col{text-align:right}.txn-header .shared-col,.txn-item .shared-col{text-align:center}.transactions .txn-item input,.transactions .txn-item select,.transactions .txn-item textarea,.transactions .txn-item .auth-input{width:100%;color:inherit;background:0 0;border:none;margin:0;padding:0;font-size:14px;line-height:1.2}.txn-item{box-sizing:border-box;background:#fff;border-radius:10px;padding:8px 14px;position:relative;overflow:visible}.txn-item .txn-meta{color:#6b7280;margin-top:4px;font-size:13px}.txn-menu-button{cursor:pointer;background:#fff;border:1px solid #e6e9ef;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,transform 60ms;display:inline-flex}.txn-menu-button:hover{background:#f3f4f6;transform:translateY(-1px)}.txn-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;min-width:160px;padding:8px;display:flex;box-shadow:0 12px 30px #0206171f}.txn-menu-item{text-align:left;box-sizing:border-box;cursor:pointer;color:#111827;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-self:stretch;align-items:center;gap:8px;width:100%;margin:0 -8px;padding:8px 18px;font-size:14px;display:flex}.txn-menu-item:hover{background:#f3f4f6}.txn-menu-item .menu-icon{fill:currentColor;color:#6b7280;width:16px;height:16px;display:inline-block}.txn-menu-item.danger,.txn-menu-item.danger .menu-icon{color:#b91c1c}.txn-menu-item[disabled],.txn-menu-item[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.txn-menu-note{color:#6b7280;padding-top:8px;font-size:13px}.modal-overlay{z-index:1000;background:#02061773;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;padding:20px;box-shadow:0 20px 50px #02061733}.modal.modal-wide{max-width:820px}.modal h2{margin-bottom:12px}.modal .auth-input{width:100%;margin-bottom:8px}.modal-actions-wrapper{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:12px}.modal-actions{justify-content:space-between;gap:12px;width:100%;margin-top:0;display:flex}.modal-actions .auth-button-primary,.modal-actions .auth-button-secondary{width:140px}.toggle-switch{width:48px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background-color:#e5e7eb;border-radius:999px;transition:background-color .18s;position:absolute;inset:0;box-shadow:inset 0 1px 2px #0206170f}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s,box-shadow .12s;position:absolute;top:3px;left:4px;box-shadow:0 6px 14px #02061714}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch:focus-within .toggle-slider{box-shadow:0 0 0 4px #10b98114}.category-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.category-pills.modal-pills{margin-top:8px}.category-pill{cursor:pointer;color:#111827;background:#fff;border:1px solid #0206170f;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:inline-flex}.category-pill .pill-icon{color:#111827;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.category-pill.active{color:#facc15;background:#0b1220;border-color:#facc151f}.category-pill.active .pill-icon{color:#111827;background:#facc15}.side-selector{align-items:center;gap:8px;display:flex}.side-title{color:#111827;align-items:center;gap:8px;font-size:18px;font-weight:700;display:inline-flex}.side-title .side-icon{fill:currentColor;width:20px;height:20px;display:inline-block}.side-tab{cursor:pointer;color:#111827;background:#fff;border:1px solid #0206171f;border-radius:12px;padding:8px 12px;font-size:14px}.side-tab.active{color:#facc15;background:#0b1220;border-color:#facc151f}.auth-button-small .btn-icon{justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;font-size:14px;display:inline-flex}.summary-card{box-shadow:none;background:0 0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.summary-title{color:#6b7280;font-size:14px}.summary-amount{color:#111827;font-size:18px;font-weight:700}.summary-pct{color:#6b7280;margin-top:6px;font-size:13px}.summary-card .summary-left{align-items:center;gap:10px;display:flex}.summary-card .summary-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.summary-card.warn .summary-icon{background:#f59e0b}.summary-card.positive .summary-icon{background:#10b981}.summary-card.negative .summary-icon{background:#ef4444}.summary-card.warn .summary-title{color:#92400e}.summary-card.positive .summary-title{color:#065f46}.summary-card.negative .summary-title{color:#7f1d1d}.spinner{border:3px solid #00000014;border-top-color:#facc15;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.revenue-card{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-height:120px;padding:18px;display:flex;box-shadow:0 8px 24px #0206170f}.revenue-card .revenue-actions{align-items:center;gap:8px;display:flex}.summary-card{border-radius:12px;min-height:120px;padding:18px}.auth-button-inline{border-radius:10px;height:40px;padding:0 16px;font-size:14px}.mini-summary-row{gap:12px;width:100%;display:flex}.mini-summary-card{background:#fff;border-radius:12px;flex-direction:column;flex:1;justify-content:center;min-height:120px;padding:16px;display:flex;box-shadow:0 8px 24px #0206170f}.a-gastar-breakdown{flex-direction:column;gap:8px;margin-top:12px;display:flex}.breakdown-item{color:#374151;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.breakdown-label{align-items:center;gap:8px;display:flex}.breakdown-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.breakdown-pct{color:#111827;font-weight:700}.mini-summary-card .summary-title{color:#6b7280;margin-bottom:6px;font-size:13px}.mini-summary-card .summary-amount{color:#111827;font-size:18px;font-weight:700}.summary-amount-split{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.summary-amount-forecast{color:#6b7280;font-weight:600}.summary-amount-actual{color:inherit}.mini-summary-card.positive{border-left:6px solid #10b981}.mini-summary-card.negative{border-left:6px solid #ef4444}.mini-summary-card.positive .summary-amount{color:#065f46}.mini-summary-card.negative .summary-amount{color:#7f1d1d}.metas-container{align-items:flex-start;gap:20px;display:flex}.metas-left{background:#fff;border-radius:12px;flex:1;padding:20px;box-shadow:0 8px 24px #0206170f}.donut{background:conic-gradient(#7c3aed 0 25%,#0ea5e9 25% 50%,#fb7185 50% 65%,#a16207 65% 80%,#fb923c 80% 95%,#facc15 95% 100%);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 12px;display:flex;position:relative}.donut-labels{z-index:1;pointer-events:none;position:absolute;inset:0}.donut-label-text{fill:#111827;paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-linejoin:round;font-size:7px;font-weight:800}.donut:after{content:"";background:#fff;border-radius:50%;width:120px;height:120px;position:absolute}.donut-center{z-index:1;text-align:center;position:relative}.donut-center .pct{font-size:24px;font-weight:800}.donut-center .label{color:#6b7280;font-size:12px}.donut-legend{flex-direction:column;gap:8px;margin-top:14px;display:flex}.legend-item{color:#111827;align-items:center;gap:8px;font-size:13px;display:flex}.legend-swatch{border-radius:4px;width:14px;height:14px}.metas-right{background:#fff;border-radius:12px;flex:2;padding:20px;box-shadow:0 8px 24px #0206170f}.slider-row{align-items:center;gap:12px;margin:18px 0;display:flex}.slider-label{width:220px;font-weight:600}.slider-input{flex:1}.slider-input input[type=range]{width:100%}.slider-percent{text-align:right;width:60px;font-weight:700}.metas-actions{justify-content:flex-end;margin-top:18px;display:flex}.metas-save{color:#111827;cursor:pointer;background:#facc15;border:none;border-radius:8px;padding:10px 18px;font-weight:700}@media (max-width:768px){.dashboard-aside{width:220px}.sidebar{width:220px;padding:16px 12px}.sidebar-logo{flex-direction:row;gap:8px}.logo-pill{width:32px;height:32px;font-size:14px}.sidebar-title{font-size:13px}.sidebar-button,.sidebar-footer-item{gap:8px;padding:6px 8px;font-size:13px}.sidebar .icon,.footer-icon-wrapper{width:16px;height:16px}.dashboard-content{padding:16px}.metas-container{flex-direction:column;gap:16px}.metas-left,.metas-right{width:100%}.mini-summary-row{flex-direction:column;gap:12px}.mini-summary-card{width:100%}.transactions{-webkit-overflow-scrolling:touch;overflow-x:auto}.txn-header,.txn-row{min-width:800px}.transactions:not(.goals-table) .txn-header,.transactions:not(.goals-table) .txn-item{grid-template-columns:minmax(180px,1.4fr) 100px 90px 80px 120px 90px 70px 70px 56px}.transactions:not(.goals-table) .txn-header,.transactions:not(.goals-table) .txn-row{min-width:960px}.transactions:not(.goals-table) .hidden-col,.transactions:not(.goals-table) .shared-col,.transactions:not(.goals-table) .actions-col{text-align:center;justify-self:center}.category-pills{flex-wrap:wrap;gap:6px}.category-pill{padding:6px 12px;font-size:13px}.auth-button-secondary,.btn-add,.btn-month{padding:8px 12px;font-size:13px}.modal{max-width:90%;padding:20px}.modal.modal-wide{max-width:95%}}@media (max-width:576px){.mobile-topbar{z-index:999;background:#f7f5f2;border-bottom:1px solid #1118270a;align-items:center;gap:12px;height:56px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-page-title{color:#111827;font-size:18px;font-weight:700;line-height:1}.mobile-menu-toggle{z-index:auto;border-radius:10px;padding:10px;display:block;position:static;top:auto;left:auto}.mobile-overlay{z-index:1000;display:block}.app-layout{flex-direction:column}.dashboard-aside{z-index:1001;width:280px;transition:left .3s;position:fixed;top:0;bottom:0;left:-280px;box-shadow:2px 0 8px #0003}.dashboard-aside.mobile-open{left:0}.sidebar{width:280px;padding:20px 16px}.dashboard-aside .sidebar{height:100%;position:relative;top:auto;left:auto}.dashboard-main{width:100%;margin-left:0}.dashboard-content{padding:68px 12px 12px}.page-header{justify-content:flex-end!important}.page-inline-title,.page-header .side-selector{display:none!important}.page-header .transactions-top-actions{justify-content:flex-end;width:100%;margin-left:0!important}.page-header .transactions-top-actions>div{justify-content:flex-end;width:100%}.page-header .btn-add{align-self:flex-end}.auth-card{max-width:100%;margin:16px;padding:24px 16px}h2{font-size:16px!important}h3{font-size:14px!important}.summary-card{padding:12px!important}.summary-title{font-size:13px}.summary-amount{font-size:18px!important}.donut{width:200px!important;height:200px!important}.donut-center{width:140px!important;height:140px!important}.pct{font-size:32px!important}.slider-row{flex-direction:column;align-items:flex-start;gap:8px}.slider-label,.slider-percent{width:100%}.txn-header{font-size:11px}.txn-row{font-size:12px}.category-pill{padding:4px 10px;font-size:12px}.dashboard-top{flex-direction:column;gap:12px}.transactions-top-actions{width:100%}.transactions-top-actions .btn-label{display:none}.transactions-top-actions .auth-button-secondary,.transactions-top-actions .btn-add{gap:0;min-width:44px;padding:0 12px}.transactions-top-actions .btn-add{margin-left:0}.modal{max-width:95%;max-height:90vh;padding:16px;overflow-y:auto}.modal.modal-wide{max-width:95%}.modal h2{font-size:16px!important}.month-picker{width:280px;left:0!important;right:auto!important}.sidebar-footer{padding-top:12px}.sidebar-footer-item{font-size:12px}.txn-item>div{flex-wrap:nowrap}.btn-add{white-space:nowrap}}@media (max-width:400px){.auth-card{margin:8px;padding:20px 12px}.dashboard-content{padding:68px 8px 8px}.donut{width:180px!important;height:180px!important}.donut-center{width:120px!important;height:120px!important}.pct{font-size:28px!important}.summary-amount{font-size:16px!important}.modal{padding:12px}.btn-add,.btn-month{padding:6px 10px;font-size:12px}.category-pill{padding:4px 8px;font-size:11px}.month-picker{width:100%}}