:root{--oikos-brand-50:#e1f5ee;--oikos-brand-100:#9fe1cb;--oikos-brand-200:#5dcaa5;--oikos-brand-400:#1d9e75;--oikos-brand-600:#0f6e56;--oikos-brand-800:#085041;--oikos-brand:var(--oikos-brand-400);--oikos-income:#639922;--oikos-income-bg:#eaf3de;--oikos-income-text:#3b6d11;--oikos-expense:#e24b4a;--oikos-expense-bg:#fcebeb;--oikos-expense-text:#a32d2d;--oikos-bg:#fafaf8;--oikos-surface:#fff;--oikos-surface-alt:#f1f0ec;--oikos-border:#e5e4df;--oikos-text:#1a1a18;--oikos-text-muted:#6b6a64;--oikos-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--oikos-font-mono:"SF Mono", "Roboto Mono", "Consolas", monospace;--oikos-radius:8px;--oikos-radius-card:12px}[data-theme=dark]{--oikos-income:#97c459;--oikos-income-bg:#1e2c27;--oikos-income-text:#97c459;--oikos-expense:#f09595;--oikos-expense-bg:#2a1e1e;--oikos-expense-text:#f09595;--oikos-bg:#101815;--oikos-surface:#16211d;--oikos-surface-alt:#1e2c27;--oikos-border:#2a3a34;--oikos-text:#f0efea;--oikos-text-muted:#8a9691}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--oikos-font-sans);background:var(--oikos-bg);color:var(--oikos-text);-webkit-font-smoothing:antialiased;line-height:1.6}.oikos-mono{font-family:var(--oikos-font-mono);font-variant-numeric:tabular-nums}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--oikos-surface);border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius-card);width:100%;max-width:380px;padding:2rem}.login-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.login-logo-mark{border-radius:var(--oikos-radius);background:var(--oikos-brand);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:600;display:flex}.login-logo h1{color:var(--oikos-text);font-size:1.5rem;font-weight:600}.login-subtitle{text-align:center;color:var(--oikos-text-muted);margin-bottom:2rem;font-size:.9rem}.login-field{margin-bottom:1.25rem}.login-field label{color:var(--oikos-text-muted);margin-bottom:6px;font-size:.85rem;display:block}.login-field input{border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius);background:var(--oikos-bg);width:100%;color:var(--oikos-text);outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s}.login-field input:focus{border-color:var(--oikos-brand)}.login-button{color:#fff;background:var(--oikos-brand);border-radius:var(--oikos-radius);cursor:pointer;border:none;width:100%;padding:11px;font-size:.95rem;font-weight:500;transition:background .15s}.login-button:hover{background:var(--oikos-brand-600)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{background:var(--oikos-expense-bg);color:var(--oikos-expense-text);border-radius:var(--oikos-radius);margin-bottom:1.25rem;padding:10px 12px;font-size:.85rem}.login-footer{text-align:center;color:var(--oikos-text-muted);margin-top:1.5rem;font-size:.85rem}.login-footer a{color:var(--oikos-brand);text-decoration:none}.dashboard{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-logo{align-items:center;gap:10px;display:flex}.dashboard-logo-mark{border-radius:var(--oikos-radius);background:var(--oikos-brand);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.dashboard-logo span{font-size:1.25rem;font-weight:600}.dashboard-logout{border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius);color:var(--oikos-text);cursor:pointer;background:0 0;padding:8px 16px;font-size:.9rem}.dashboard-logout:hover{border-color:var(--oikos-brand)}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:2rem;display:grid}.metric-card{background:var(--oikos-surface-alt);border-radius:var(--oikos-radius-card);padding:1.25rem}.metric-label{color:var(--oikos-text-muted);margin-bottom:6px;font-size:.8rem}.metric-value{font-size:1.5rem;font-weight:600;font-family:var(--oikos-font-mono);font-variant-numeric:tabular-nums}.metric-value.income{color:var(--oikos-income)}.metric-value.expense{color:var(--oikos-expense)}.section-title{margin-bottom:1rem;font-size:1rem;font-weight:600}.category-list{background:var(--oikos-surface);border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius-card);overflow:hidden}.category-row{border-bottom:.5px solid var(--oikos-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.category-row:last-child{border-bottom:none}.category-amount{font-family:var(--oikos-font-mono);font-variant-numeric:tabular-nums;color:var(--oikos-expense);font-weight:500}.dashboard-empty{text-align:center;color:var(--oikos-text-muted);padding:2rem}.dashboard-loading{text-align:center;color:var(--oikos-text-muted);padding:4rem}.accounts{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.accounts-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.accounts-title{font-size:1.5rem;font-weight:600}.btn-primary{background:var(--oikos-brand);color:#fff;border-radius:var(--oikos-radius);cursor:pointer;border:none;padding:9px 16px;font-size:.9rem;font-weight:500}.btn-primary:hover{background:var(--oikos-brand-600)}.accounts-list{flex-direction:column;gap:10px;display:flex}.account-card{background:var(--oikos-surface);border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius-card);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.account-info{align-items:center;gap:12px;display:flex}.account-icon{border-radius:var(--oikos-radius);background:var(--oikos-brand-50);width:40px;height:40px;color:var(--oikos-brand-600);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.account-name{font-weight:500}.account-type{color:var(--oikos-text-muted);font-size:.8rem}.account-right{align-items:center;gap:16px;display:flex}.account-balance{font-family:var(--oikos-font-mono);font-variant-numeric:tabular-nums;font-weight:600}.account-actions{gap:6px;display:flex}.btn-icon{border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius);cursor:pointer;color:var(--oikos-text-muted);background:0 0;padding:6px 10px;font-size:.8rem}.btn-icon:hover{border-color:var(--oikos-brand);color:var(--oikos-brand)}.btn-icon.danger:hover{border-color:var(--oikos-expense);color:var(--oikos-expense)}.accounts-empty{text-align:center;color:var(--oikos-text-muted);background:var(--oikos-surface-alt);border-radius:var(--oikos-radius-card);padding:3rem}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--oikos-surface);border-radius:var(--oikos-radius-card);width:100%;max-width:400px;padding:1.5rem}.modal-title{margin-bottom:1.25rem;font-size:1.15rem;font-weight:600}.form-field{margin-bottom:1rem}.form-field label{color:var(--oikos-text-muted);margin-bottom:6px;font-size:.85rem;display:block}.form-field input,.form-field select{border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius);background:var(--oikos-bg);width:100%;color:var(--oikos-text);outline:none;padding:9px 12px;font-size:.9rem}.form-field input:focus,.form-field select:focus{border-color:var(--oikos-brand)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:1.5rem;display:flex}.btn-secondary{border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius);cursor:pointer;color:var(--oikos-text);background:0 0;padding:9px 16px;font-size:.9rem}.categories{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.categories-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.categories-title{font-size:1.5rem;font-weight:600}.categories-section{margin-bottom:2rem}.categories-section-title{color:var(--oikos-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.categories-list{flex-direction:column;gap:8px;display:flex}.category-item{background:var(--oikos-surface);border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius-card);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.category-left{align-items:center;gap:12px;display:flex}.category-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.category-name{font-weight:500}.category-actions{gap:6px;display:flex}.transactions{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.transactions-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.transactions-title{font-size:1.5rem;font-weight:600}.transactions-list{flex-direction:column;gap:8px;display:flex}.transaction-item{background:var(--oikos-surface);border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius-card);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.transaction-left{align-items:center;gap:12px;display:flex}.transaction-icon{border-radius:var(--oikos-radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.transaction-icon.income{background:var(--oikos-income-bg);color:var(--oikos-income-text)}.transaction-icon.expense{background:var(--oikos-expense-bg);color:var(--oikos-expense-text)}.transaction-details{flex-direction:column;display:flex}.transaction-category{font-weight:500}.transaction-meta{color:var(--oikos-text-muted);font-size:.8rem}.transaction-right{align-items:center;gap:16px;display:flex}.transaction-amount{font-family:var(--oikos-font-mono);font-variant-numeric:tabular-nums;font-weight:600}.transaction-amount.income{color:var(--oikos-income)}.transaction-amount.expense{color:var(--oikos-expense)}.transaction-actions{gap:6px;display:flex}.type-toggle{gap:8px;margin-bottom:1rem;display:flex}.type-toggle button{border-radius:var(--oikos-radius);border:.5px solid var(--oikos-border);background:var(--oikos-bg);color:var(--oikos-text-muted);cursor:pointer;flex:1;padding:9px;font-size:.9rem;font-weight:500}.type-toggle button.active-income{background:var(--oikos-income-bg);border-color:var(--oikos-income);color:var(--oikos-income-text)}.type-toggle button.active-expense{background:var(--oikos-expense-bg);border-color:var(--oikos-expense);color:var(--oikos-expense-text)}.layout{min-height:100vh;display:flex}.sidebar{background:#16211d;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;gap:10px;padding:1.25rem 1.25rem 1.5rem;display:flex}.sidebar-logo-mark{border-radius:var(--oikos-radius);background:var(--oikos-brand);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.sidebar-logo span{color:#f0efea;font-size:1.15rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.sidebar-link{border-radius:var(--oikos-radius);color:#8a9691;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{color:#c9d6d1;background:#1d9e751a}.sidebar-link.active{color:#5dcaa5;background:#1d9e752e;font-weight:500}.sidebar-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.sidebar-footer{border-top:.5px solid #2a3a34;margin-top:auto;padding:12px}.sidebar-user{align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.sidebar-avatar{color:#5dcaa5;text-transform:uppercase;background:#1d9e7533;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:600;display:flex}.sidebar-email{color:#f0efea;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.75rem;overflow:hidden}.sidebar-logout{color:#8a9691;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;font-size:1rem;display:flex}.sidebar-logout:hover{color:var(--oikos-expense)}.layout-content{background:var(--oikos-bg);flex:1;min-width:0}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-logo{justify-content:center;gap:0;padding:1.25rem 0 1.5rem}.sidebar.collapsed .sidebar-logo span,.sidebar.collapsed .sidebar-toggle{display:none}.sidebar.collapsed .sidebar-nav{padding:0 8px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-link span:not(.sidebar-icon){display:none}.sidebar.collapsed .sidebar-footer{padding:8px}.sidebar.collapsed .sidebar-user{justify-content:center;gap:0;padding:8px 0}.sidebar.collapsed .sidebar-email,.sidebar.collapsed .sidebar-logout{display:none}.sidebar-toggle{color:#8a9691;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 6px;font-size:1rem}.sidebar-toggle:hover{color:#5dcaa5}.sidebar-theme-toggle{border-radius:var(--oikos-radius);color:#8a9691;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px;font-size:.9rem;transition:background .15s,color .15s;display:flex}.sidebar-theme-toggle:hover{color:#c9d6d1;background:#1d9e751a}.sidebar.collapsed .sidebar-theme-toggle{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-theme-toggle span:not(.sidebar-icon){display:none}.budgets{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.budgets-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.budgets-title{font-size:1.5rem;font-weight:600}.budgets-list{flex-direction:column;gap:12px;display:flex}.budget-card{background:var(--oikos-surface);border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius-card);padding:1.25rem}.budget-card.exceeded{border-color:var(--oikos-expense)}.budget-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.budget-category{align-items:center;gap:8px;font-size:1.05rem;font-weight:500;display:flex}.budget-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--oikos-expense-bg);color:var(--oikos-expense-text);border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.budget-actions{gap:6px;display:flex}.budget-amounts{font-family:var(--oikos-font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.budget-spent{font-size:1.25rem;font-weight:600}.budget-limit{color:var(--oikos-text-muted);font-size:.9rem}.budget-bar{background:var(--oikos-surface-alt);border-radius:999px;height:8px;overflow:hidden}.budget-bar-fill{border-radius:999px;height:100%;transition:width .3s}.budget-remaining{color:var(--oikos-text-muted);margin-top:.6rem;font-size:.85rem}.budget-remaining.negative{color:var(--oikos-expense-text);font-weight:500}.budget-period-selector{align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.budget-period-selector select{border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius);background:var(--oikos-surface);color:var(--oikos-text);cursor:pointer;padding:7px 12px;font-size:.9rem}.register-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.register-card{background:var(--oikos-surface);border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius-card);width:100%;max-width:380px;padding:2rem}.register-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:.5rem;display:flex}.register-logo-mark{border-radius:var(--oikos-radius);background:var(--oikos-brand);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:600;display:flex}.register-logo h1{color:var(--oikos-text);font-size:1.5rem;font-weight:600}.register-subtitle{text-align:center;color:var(--oikos-text-muted);margin-bottom:2rem;font-size:.9rem}.register-field{margin-bottom:1.25rem}.register-field label{color:var(--oikos-text-muted);margin-bottom:6px;font-size:.85rem;display:block}.register-field input{border:.5px solid var(--oikos-border);border-radius:var(--oikos-radius);background:var(--oikos-bg);width:100%;color:var(--oikos-text);outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s}.register-field input:focus{border-color:var(--oikos-brand)}.register-button{color:#fff;background:var(--oikos-brand);border-radius:var(--oikos-radius);cursor:pointer;border:none;width:100%;padding:11px;font-size:.95rem;font-weight:500;transition:background .15s}.register-button:hover{background:var(--oikos-brand-600)}.register-button:disabled{opacity:.6;cursor:not-allowed}.register-error{background:var(--oikos-expense-bg);color:var(--oikos-expense-text);border-radius:var(--oikos-radius);margin-bottom:1.25rem;padding:10px 12px;font-size:.85rem}.register-footer{text-align:center;color:var(--oikos-text-muted);margin-top:1.5rem;font-size:.85rem}.register-footer a{color:var(--oikos-brand);text-decoration:none}