:root{--bg: #f4f6fb;--surface: #ffffff;--surface-hover: #f4f6fb;--input-bg: #ffffff;--track: #eef1f8;--text: #1c2333;--text-soft: #5b6478;--border: #e3e8f2;--primary: #4f46e5;--primary-dark: #4338ca;--primary-soft: #eef2ff;--primary-contrast: #ffffff;--danger: #dc2626;--danger-dark: #b91c1c;--danger-soft: #fee2e2;--danger-text: #991b1b;--danger-border: #fecaca;--on-danger: #ffffff;--success: #15803d;--success-soft: #dcfce7;--success-text: #15803d;--success-border: #bbf7d0;--overlay: rgba(28, 35, 51, .45);--radius: 14px;--shadow: 0 1px 3px rgba(28, 35, 51, .06), 0 4px 14px rgba(28, 35, 51, .05);--shadow-strong: 0 20px 50px rgba(28, 35, 51, .25);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.dark{--bg: #0f1420;--surface: #181f2e;--surface-hover: #1f2737;--input-bg: #141a28;--track: #232b3d;--text: #e7eaf3;--text-soft: #9aa3b8;--border: #2a3347;--primary: #818cf8;--primary-dark: #6366f1;--primary-soft: rgba(129, 140, 248, .14);--primary-contrast: #10132a;--danger: #f87171;--danger-dark: #ef4444;--danger-soft: rgba(248, 113, 113, .12);--danger-text: #fca5a5;--danger-border: rgba(248, 113, 113, .35);--on-danger: #450a0a;--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--success-text: #86efac;--success-border: rgba(74, 222, 128, .35);--overlay: rgba(5, 8, 16, .65);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .35);--shadow-strong: 0 20px 50px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:28px 20px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.55rem;letter-spacing:-.02em}.page-subtitle{margin:2px 0 0;color:var(--text-soft);font-size:.92rem}.navbar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.navbar-inner{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:10px;font:inherit}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--primary);color:var(--primary-contrast);font-weight:700;border-radius:10px;font-size:1.05rem}.brand-name{font-size:1.18rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.nav-links{display:flex;gap:6px}.nav-link{border:none;background:transparent;font:inherit;font-weight:500;color:var(--text-soft);padding:8px 14px;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--primary-soft);color:var(--primary)}.nav-link.active{background:var(--primary);color:var(--primary-contrast)}.btn{font:inherit;font-weight:600;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:0 2px 8px #4f46e540}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-icon{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:5px 8px;cursor:pointer;font-size:.85rem;transition:background .15s ease,border-color .15s ease}.btn-icon:hover{background:var(--primary-soft);border-color:var(--primary)}.btn-icon-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.link-button{background:none;border:none;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-card{padding:18px 20px}.summary-label{margin:0;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.summary-value{margin:6px 0 0;font-size:1.7rem;font-weight:700;letter-spacing:-.02em}.summary-hint{margin:2px 0 0;font-size:.85rem;color:var(--text-soft)}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}.panel{padding:20px}.panel-title{margin:0 0 14px;font-size:1rem;font-weight:700}.panel-empty{color:var(--text-soft);font-size:.92rem;margin:0}.recent-list{list-style:none;margin:0;padding:0}.recent-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.recent-item:last-child{border-bottom:none}.recent-info{display:flex;flex-direction:column;gap:3px;min-width:0}.recent-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-soft)}.recent-amount{font-weight:700;white-space:nowrap}.category-summary{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.category-summary-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.category-amount{font-weight:700}.category-bar{height:8px;background:var(--track);border-radius:99px;overflow:hidden}.category-bar-fill{height:100%;background:var(--primary);border-radius:99px;transition:width .3s ease}.category-badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-0{background:#e0e7ff;color:#4338ca}.badge-1{background:#dcfce7;color:#15803d}.badge-2{background:#ffedd5;color:#c2410c}.badge-3{background:#fce7f3;color:#be185d}.badge-4{background:#cffafe;color:#0e7490}.badge-5{background:#fef9c3;color:#a16207}.badge-6{background:#ede9fe;color:#6d28d9}.badge-7{background:#e2e8f0;color:#475569}.dark .badge-0{background:#6366f12e;color:#a5b4fc}.dark .badge-1{background:#22c55e29;color:#86efac}.dark .badge-2{background:#f9731629;color:#fdba74}.dark .badge-3{background:#ec489929;color:#f9a8d4}.dark .badge-4{background:#06b6d429;color:#67e8f9}.dark .badge-5{background:#eab30829;color:#fde047}.dark .badge-6{background:#8b5cf62e;color:#c4b5fd}.dark .badge-7{background:#94a3b82e;color:#cbd5e1}.toolbar{display:flex;gap:10px;padding:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar-search{flex:2 1 220px}.toolbar select{flex:1 1 150px}input,select,textarea{font:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:9px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.expense-form{padding:20px;margin-bottom:20px}.form-title{margin:0 0 14px;font-size:1.1rem}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:.85rem;font-weight:600;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.field-error{margin:5px 0 0;color:var(--danger);font-size:.82rem;font-weight:500}.inline-error{background:var(--danger-soft);color:var(--danger-text);border:1px solid var(--danger-border);border-radius:10px;padding:10px 14px;font-size:.88rem;margin:0 0 14px}.success-toast{background:var(--success-soft);color:var(--success-text);border:1px solid var(--success-border);border-radius:10px;padding:10px 14px;font-size:.88rem;font-weight:600;margin:0 0 16px}.expense-list{display:flex;flex-direction:column;gap:12px}.expense-card{padding:16px 18px;transition:border-color .15s ease,box-shadow .15s ease}.expense-card:hover{border-color:var(--primary);box-shadow:0 4px 18px #4f46e51f}.expense-main{display:flex;justify-content:space-between;gap:14px}.expense-info{min-width:0}.expense-title{margin:0 0 6px;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.82rem;color:var(--text-soft)}.expense-notes{margin:8px 0 0;font-size:.88rem;color:var(--text-soft)}.expense-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.expense-amount{font-weight:700;font-size:1.05rem;white-space:nowrap}.expense-actions{display:flex;gap:6px}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:var(--text-soft)}.spinner{width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;align-items:center;gap:14px;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius);padding:16px 18px;margin:8px 0;flex-wrap:wrap}.error-icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:var(--danger);color:var(--on-danger);border-radius:50%;font-weight:800}.error-title{margin:0;font-weight:700;color:var(--danger-text)}.error-message{margin:2px 0 0;color:var(--danger-text);font-size:.88rem}.error-state .btn{margin-left:auto}.empty-state{text-align:center;padding:48px 20px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.empty-icon{font-size:2.2rem;margin-bottom:8px}.empty-state h3{margin:0 0 6px}.empty-state p{margin:0 auto 18px;color:var(--text-soft);max-width:380px}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;max-width:400px;width:100%;box-shadow:var(--shadow-strong)}.modal h3{margin:0 0 8px}.modal p{margin:0 0 18px;color:var(--text-soft);font-size:.92rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.footer{border-top:1px solid var(--border);background:var(--surface);text-align:center;padding:14px;color:var(--text-soft);font-size:.85rem}.footer p{margin:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.05rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.theme-toggle:hover{background:var(--primary-soft);border-color:var(--primary)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer}.hamburger span{display:block;height:2px;width:100%;border-radius:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:flex;flex-direction:column;gap:4px;max-height:0;overflow:hidden;padding:0 14px;border-bottom:1px solid transparent;background:var(--surface);transition:max-height .25s ease,padding .25s ease}.mobile-menu.open{max-height:200px;padding:10px 14px 14px;border-bottom-color:var(--border)}.mobile-link{border:none;background:transparent;font:inherit;font-weight:500;text-align:left;color:var(--text-soft);padding:12px 14px;border-radius:10px;cursor:pointer}.mobile-link:hover{background:var(--primary-soft);color:var(--primary)}.mobile-link.active{background:var(--primary);color:var(--primary-contrast)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:1440px){.main,.navbar-inner{max-width:1200px}}@media(max-width:768px){.nav-links{display:none}.hamburger{display:inline-flex}.dashboard-grid{grid-template-columns:1fr}}@media(min-width:769px){.mobile-menu{display:none}}@media(max-width:640px){.main{padding:20px 14px 40px}.navbar-inner{padding:10px 14px}.page-header{flex-direction:column;align-items:stretch}.page-header .btn{width:100%}.form-grid{grid-template-columns:1fr}.expense-main{flex-direction:column}.expense-side{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.modal{padding:18px 16px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.toolbar{padding:10px}.toolbar select,.toolbar-search{flex-basis:100%}.summary-card{padding:16px}.summary-value{font-size:1.45rem}}@media(max-width:400px){.brand-name{font-size:1.05rem}.btn-icon{padding:9px 13px}}