:root{--color-primary: #fbbf24;--color-primary-hover: #f59e0b;--color-primary-light: rgba(251, 191, 36, .08);--color-secondary: #67e8f9;--color-success: #4ade80;--color-success-light: rgba(74, 222, 128, .1);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-light: rgba(239, 68, 68, .1);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .1);--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-light: #64748b;--color-bg: #0c1222;--color-bg-raised: #151d2c;--color-surface: #162032;--color-surface-hover: #1e2c42;--color-border: #2d4060;--color-text-on-bright: #18181b;--font-family: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--header-height: 4rem;--content-max-width: 1100px;--focus-ring-color: rgba(251, 191, 36, .4);--focus-ring-width: 3px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);background-image:url(/bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;caret-color:transparent}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:1.3;color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.section-header{display:flex;flex-direction:column;gap:var(--space-1)}.subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-2)}.help-text{font-size:var(--text-sm);color:var(--color-text-muted)}.caption{font-size:var(--text-xs);color:var(--color-text-muted)}.page{display:flex;flex-direction:column;gap:var(--space-8)}.page-header{display:flex;align-items:center;justify-content:space-between}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.summary-row .card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6)}.summary-row .stat-label{text-align:center}.summary-row .stat-value{text-align:center;margin-bottom:0}@media(max-width:600px){.summary-row{grid-template-columns:1fr;gap:var(--space-3)}}.finance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.finance-grid--calculated{grid-template-columns:repeat(3,1fr)}.finance-grid .card{padding:var(--space-4)}.finance-grid .stat-label{margin-bottom:var(--space-2)}.finance-grid .stat-value{font-size:var(--text-lg);margin-bottom:0}@media(max-width:600px){.finance-grid,.finance-grid--calculated{grid-template-columns:1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-4);text-align:center}.empty-state-btn{width:3rem;height:3rem;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:var(--space-5);transition:background-color var(--transition-fast)}.empty-state-btn:hover{background-color:var(--color-primary-hover)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--color-text-muted);max-width:320px}p{margin-bottom:var(--space-4);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);border-radius:var(--radius-sm)}ul,ol{list-style:none}img{max-width:100%;display:block}input,select,textarea,[contenteditable=true]{caret-color:auto}input,select,textarea{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}textarea{resize:vertical;min-height:5rem}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.form-group{display:flex;flex-direction:column}.label-optional{font-weight:var(--font-normal);color:var(--color-text-muted);font-size:var(--text-xs)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--color-warning);margin-top:var(--space-1)}.form-success{font-size:var(--text-xs);color:var(--color-success);margin-top:var(--space-1)}.password-wrapper{position:relative}.password-wrapper input{padding-right:var(--space-10)}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;display:flex;align-items:center;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-text)}button{font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}button:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}button:disabled{opacity:.5;cursor:not-allowed}input:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-raised)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}::selection{background-color:#fbbf244d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field-row{display:flex;gap:var(--space-2)}.field-row input{flex:1}.field-row select{width:auto;flex-shrink:0}.list-sections{display:flex;flex-direction:column;gap:var(--space-6)}.list-section{display:flex;flex-direction:column;gap:var(--space-4)}.list-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.list-group-label{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.list{display:flex;flex-direction:column;gap:var(--space-1)}.list-row{display:flex;align-items:center;gap:var(--space-4)}.list-row--divided{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.list-row--divided:last-child{border-bottom:none}.list-row--interactive{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.list-row--interactive:hover{background-color:var(--color-surface-hover)}.list-row-main{flex:1;min-width:0}.list-row-main--stacked{display:flex;flex-direction:column;gap:var(--space-1)}.list-row-main--inline{display:flex;align-items:center;gap:var(--space-2)}.list-row-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.list-row-icon{color:var(--color-text-light);flex-shrink:0}.list-row-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.list-row-meta{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.list-row-amount{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:70px;text-align:right}.list-row-actions{display:flex;align-items:center;gap:var(--space-1)}.list-row-delete{border-radius:var(--radius-full);font-size:var(--text-lg);transition:color var(--transition-fast)}.list-row-delete:hover{color:var(--color-danger)}.list-row.is-paused .list-row-title,.list-row.is-paused .list-row-meta,.list-row.is-paused .list-row-amount{color:var(--color-text-muted);text-decoration:line-through}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--transition-base)}.card:hover{border-color:var(--color-text-light)}.card-danger{border-color:var(--color-danger)}.card-accent-primary .stat-value{color:var(--color-primary)}.card-accent-secondary .stat-value{color:var(--color-secondary)}.card-accent-danger .stat-value{color:var(--color-danger)}.card-accent-success .stat-value{color:var(--color-success)}.card-accent-warning .stat-value{color:var(--color-warning)}.card-accent-muted .stat-value{color:var(--color-text-muted)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:0}.card-body{font-size:var(--text-sm);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-md{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-bright)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-on-bright)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-outline{background:none;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-light);transition:color var(--transition-fast)}.icon-btn:hover{color:var(--color-primary)}.icon-btn-danger:hover{color:var(--color-danger)}.icon-btn-sm{width:1.5rem;height:1.5rem}.icon-btn-md{width:2rem;height:2rem}.icon-btn-lg{width:2.25rem;height:2.25rem}@media(max-width:600px){.btn-label{display:none}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge-info{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-muted{background-color:var(--color-surface-hover);color:var(--color-text-muted)}.message{font-size:var(--text-sm);border-radius:var(--radius-md);padding:var(--space-3);text-align:center;margin-bottom:var(--space-4)}.message-error{color:var(--color-danger);background-color:var(--color-danger-light)}.message-success{color:var(--color-success);background-color:var(--color-success-light)}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);animation:modal-fade-in .2s ease}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - var(--space-8));max-width:420px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);z-index:var(--z-modal);animation:modal-fade-in .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{color:var(--color-text-muted)}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.slideover-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.slideover-backdrop.is-open{opacity:1;pointer-events:auto}.slideover{position:fixed;top:0;right:0;bottom:0;width:360px;background-color:var(--color-surface);border-left:1px solid var(--color-border);z-index:var(--z-modal);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-slow)}.slideover.is-open{transform:translate(0)}.slideover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.slideover-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.slideover-close{color:var(--color-text-muted);font-size:var(--text-xl);border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.slideover-close:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.slideover-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);overflow-y:auto;flex:1}@media(max-width:768px){.slideover{width:100%}}.spinner-container{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.spinner{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-modal)}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);animation:toast-in .3s ease,toast-out .3s ease 3.7s forwards;box-shadow:var(--shadow-md)}.toast-error{background-color:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger)}.toast-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}.progress-track{width:100%;height:6px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);background-color:var(--color-bg-raised);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.header-logo{flex:1;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.header-profile{flex:1;display:flex;justify-content:flex-end;position:relative}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.header-nav a{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted);transition:color var(--transition-fast)}.header-nav a:hover{color:var(--color-text)}.header-nav a.is-active{color:var(--color-primary);font-weight:var(--font-semibold)}.profile-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-text);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.profile-btn:hover{background-color:var(--color-surface-hover)}.profile-name{font-weight:var(--font-medium);color:var(--color-text-muted)}.profile-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:10rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:var(--space-1);z-index:var(--z-dropdown)}.profile-dropdown-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);background:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.profile-dropdown-item:hover{color:var(--color-danger);background-color:var(--color-danger-light)}.mobile-menu{display:none}.mobile-menu-btn{color:var(--color-text)}.mobile-menu-backdrop{position:fixed;inset:0;background-color:#0006;z-index:var(--z-modal-backdrop);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.mobile-menu-backdrop.is-open{opacity:1;pointer-events:auto}.mobile-menu-panel{position:fixed;top:0;left:0;bottom:0;width:16rem;background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:var(--z-modal);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-1);transform:translate(-100%);transition:transform var(--transition-base)}.mobile-menu-panel.is-open{transform:translate(0)}.mobile-menu-close{align-self:flex-end;color:var(--color-text-muted);margin-bottom:var(--space-2)}.mobile-menu-close:hover{color:var(--color-text)}.mobile-menu-panel a{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.mobile-menu-panel a:hover{color:var(--color-text)}.mobile-menu-panel a.is-active{color:var(--color-primary);font-weight:var(--font-semibold)}@media(max-width:600px){.header{padding:0 var(--space-4)}.header-logo,.header-nav{display:none}.mobile-menu{display:block}}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-6)}.app-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);font-size:var(--text-xs);color:var(--color-text-light);border-top:1px solid var(--color-border)}.app-footer-divider{width:3px;height:3px;border-radius:var(--radius-full);background-color:var(--color-text-light)}@media(max-width:600px){.main-content{padding:var(--space-4)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4)}.login-card{width:100%;max-width:480px;padding:var(--space-16) var(--space-8);box-shadow:var(--shadow-md)}.login-card:hover{border-color:var(--color-border)}.login-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login-logo-img{width:3rem;height:3rem}.login-title{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:0}.login-subtitle{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-form .btn{width:100%;justify-content:center;margin-top:var(--space-2)}.login-forgot-btn{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-xs);padding:0;cursor:pointer;align-self:flex-end;transition:color var(--transition-fast)}.login-forgot-btn:hover{color:var(--color-primary)}.login-toggle{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-6);margin-bottom:0}.login-toggle-btn{background:none;border:none;color:var(--color-primary);font-weight:var(--font-semibold);padding:0;cursor:pointer;transition:color var(--transition-fast)}.login-toggle-btn:hover{color:var(--color-primary-hover)}@media(max-width:480px){.login-card{padding:var(--space-6)}}.dashboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.dashboard-expenses-card{display:flex;flex-direction:column}.dashboard-expenses-card .card-body{flex:1}.dashboard-expenses-card .list-row{padding:var(--space-3) 0}.dashboard-finances{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-remaining{padding:var(--space-8) var(--space-6);text-align:center}.dashboard-remaining .stat-value{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.dashboard-remaining.is-positive .stat-value{color:var(--color-primary)}.dashboard-remaining.is-negative .stat-value{color:var(--color-danger)}.dashboard-upcoming-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);width:100%;padding:0;background:none;border:none;color:inherit;text-align:left;cursor:pointer}.dashboard-upcoming-toggle:disabled{cursor:default}.dashboard-upcoming-summary{display:flex;flex-direction:column}.dashboard-upcoming-summary .stat-label,.dashboard-upcoming-summary .stat-value,.dashboard-upcoming-summary .dashboard-upcoming-count{display:block}.dashboard-upcoming-chevron{color:var(--color-text-light);transition:transform var(--transition-fast),color var(--transition-fast);flex-shrink:0}.dashboard-upcoming-toggle:hover:not(:disabled) .dashboard-upcoming-chevron{color:var(--color-primary)}.dashboard-upcoming-chevron.is-open{transform:rotate(180deg)}.dashboard-upcoming-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:0}.dashboard-upcoming-list{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.goals-list{display:flex;flex-direction:column;gap:var(--space-4)}.goal-item{display:flex;flex-direction:column;gap:var(--space-2)}.goal-header{display:flex;justify-content:space-between;align-items:center}.goal-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.goal-percent{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary)}@media(max-width:900px){.dashboard-layout{grid-template-columns:1fr}}.expenses-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.expenses-section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.expenses-table{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:768px){.expenses-secondary{grid-template-columns:1fr}}@media(max-width:600px){.list-row-meta{display:none}}.savings-goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.savings-goal{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.savings-goal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.savings-goal-name{font-size:var(--text-lg);margin-bottom:var(--space-1)}.savings-goal-overview{display:flex;flex-direction:column;gap:var(--space-2)}.savings-goal-amounts{display:flex;justify-content:space-between}.savings-goal-monthly{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:0}.savings-goal-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:auto}.savings-deposit-row{display:flex;align-items:stretch;gap:var(--space-2);width:100%}.savings-deposit-input{flex:1;min-width:0}.savings-icon-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}@media(max-width:768px){.savings-goals{grid-template-columns:1fr}}.settings-section{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.settings-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:24rem}.settings-form .btn{align-self:flex-start}.settings-delete-confirm{display:flex;flex-direction:column;gap:var(--space-3);max-width:24rem}.settings-delete-actions{display:flex;gap:var(--space-3)}