:root{--bg-base:#0a0e1a;--bg-surface:#161b26;--bg-elevated:#1f2531;--bg-muted:#11151f;--border:#2a313e;--border-strong:#3a4252;--text-primary:#f1f3f7;--text-secondary:#9ca3b1;--text-muted:#5d6473;--gold:#c9a961;--gold-bright:#e8c170;--gold-muted:#8a7544;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--positive:var(--success);--negative:var(--danger);--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--transition-fast:.15s ease;--transition-base:.25s ease;--nav-height:64px;--bottom-nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);min-height:100dvh;overflow-x:hidden}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-mono{font-family:var(--font-mono)}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.app-main{padding:var(--space-md);padding-bottom:calc(var(--bottom-nav-height) + var(--space-md) + env(safe-area-inset-bottom,0px));flex:1;width:100%;max-width:1200px;margin:0 auto}@media (min-width:769px){.app-layout{flex-direction:row}.app-main{padding-bottom:var(--space-lg);margin-left:240px}}.bottom-nav{height:var(--bottom-nav-height);background:var(--bg-surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100;-webkit-backdrop-filter:blur(12px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{padding:var(--space-xs) var(--space-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:.625rem;font-weight:500;display:flex}.bottom-nav-item svg,.bottom-nav-item .nav-icon{width:22px;height:22px;transition:color var(--transition-fast)}.bottom-nav-item.active{color:var(--gold)}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:2px;right:-4px}@media (min-width:769px){.bottom-nav{display:none}}.sidebar{display:none}@media (min-width:769px){.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);width:240px;padding:var(--space-lg) 0;z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{padding:0 var(--space-lg);margin-bottom:var(--space-xl);align-items:center;gap:var(--space-sm);display:flex}.sidebar-logo h1{color:var(--gold);font-size:1.125rem;font-weight:700}.sidebar-nav{padding:0 var(--space-sm);flex-direction:column;gap:2px;display:flex}.sidebar-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-item.active{color:var(--gold);background:#c9a9611a}.sidebar-item svg,.sidebar-item .nav-icon{flex-shrink:0;width:18px;height:18px}.sidebar-user{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);align-items:center;gap:var(--space-sm);margin-top:auto;display:flex}.sidebar-avatar{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.sidebar-user-name{color:var(--text-secondary);font-size:.8125rem}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.card-value{font-size:1.75rem;font-weight:700;font-family:var(--font-mono)}.card-change{font-size:.8125rem;font-weight:600;font-family:var(--font-mono)}.card-change.up{color:var(--positive)}.card-change.down{color:var(--negative)}.card-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.card-grid{grid-template-columns:repeat(3,1fr)}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gold);color:#0a0e1a;border-color:var(--gold)}.btn-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{color:var(--danger);background:#f871711a;border-color:#f8717133}.btn-danger:hover{background:#f8717133}.btn-lg{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:1rem}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-primary);font-size:.9375rem;font-family:var(--font-sans);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9a96126}.label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.8125rem;font-weight:600;display:block}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#4ade801f}.badge-warning{color:var(--warning);background:#fbbf241f}.badge-danger{color:var(--danger);background:#f871711f}.badge-info{color:var(--info);background:#60a5fa1f}.badge-gold{color:var(--gold);background:#c9a9611f}.tx-icon{border-radius:var(--radius-sm);background:var(--bg-elevated);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.tx-category{color:var(--text-muted);font-size:.75rem}.tx-amount{font-family:var(--font-mono);text-align:right;white-space:nowrap;font-size:.875rem;font-weight:600}.tx-date{color:var(--text-muted);text-align:right;font-size:.6875rem}.account-group{margin-bottom:var(--space-lg)}.account-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);padding-left:var(--space-xs);font-size:.75rem;font-weight:600}.account-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.account-card:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.account-logo{border-radius:var(--radius-sm);background:var(--bg-elevated);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.account-name{font-size:.875rem;font-weight:500}.account-balance{font-family:var(--font-mono);text-align:right;font-size:.9375rem;font-weight:600}.login-page{min-height:100dvh;padding:var(--space-lg);background:var(--bg-base);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;width:100%;max-width:400px}.login-brand{color:var(--gold);margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.875rem}.login-btn{width:100%;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);font-size:1rem;font-weight:600;display:flex}.login-btn:hover{background:var(--bg-surface);border-color:var(--gold-muted)}.login-btn svg{width:20px;height:20px}.login-error{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--danger);background:#f871711a;font-size:.8125rem}.banner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:.8125rem;font-weight:500;display:flex}.banner-warning{color:var(--warning);background:#fbbf241a;border:1px solid #fbbf2433}.banner-danger{color:var(--danger);background:#f871711a;border:1px solid #f8717133}.banner-info{color:var(--info);background:#60a5fa1a;border:1px solid #60a5fa33}.banner-gold{color:var(--gold);background:#c9a96114;border:1px solid #c9a96126}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-surface) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.account-group{padding:var(--space-sm) 0}.account-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600}.account-card{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);transition:background var(--transition-fast);display:flex}.account-card:last-child{border-bottom:none}.account-card:hover{background:var(--bg-elevated);border-radius:var(--radius-sm);padding-left:var(--space-sm);padding-right:var(--space-sm);margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm))}.account-logo{background:var(--bg-elevated);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.account-info{flex:1;min-width:0}.account-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:500;display:flex;overflow:hidden}.account-mask{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.account-balance{font-family:var(--font-mono);white-space:nowrap;font-size:.875rem;font-weight:600}.tx-list{flex-direction:column;display:flex}.tx-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);transition:background var(--transition-fast);display:flex}.tx-item:last-child{border-bottom:none}.tx-item:hover{background:var(--bg-elevated);border-radius:var(--radius-sm);padding-left:var(--space-sm);padding-right:var(--space-sm);margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm))}.tx-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.tx-details{flex:1;min-width:0}.tx-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.tx-category{color:var(--text-muted);align-items:center;gap:var(--space-xs);font-size:.75rem;display:flex}.tx-amount{font-family:var(--font-mono);white-space:nowrap;font-size:.875rem;font-weight:600}.tx-amount.inflow{color:var(--positive)}.tx-amount.outflow{color:var(--text-primary)}.tx-date{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.form-group{margin-bottom:var(--space-md)}.label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600;display:block}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a96126}.input::placeholder{color:var(--text-muted)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%235d6473' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;padding-right:calc(var(--space-xl) + var(--space-sm));background-repeat:no-repeat;background-size:1.25rem}.banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);border:1px solid #0000;font-size:.875rem}.banner-gold{color:var(--gold-bright);background:#c9a9611a;border-color:#c9a96140}.banner-danger{color:var(--danger);background:#f871711a;border-color:#f8717140}.banner-warning{color:var(--warning);background:#fbbf241a;border-color:#fbbf2440}.tx-checkbox{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.tx-item.tx-selected{background:#c9a9610f}.tx-select-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.tx-select-header:hover{background:var(--bg-elevated)}.bulk-bar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--gold-muted);border-radius:var(--radius-md);flex-wrap:wrap;animation:.15s fadeSlideDown;display:flex}.bulk-count{color:var(--gold);white-space:nowrap;font-size:.8rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-md);background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:560px;max-height:80vh;animation:.2s fadeSlideDown;display:flex;box-shadow:0 20px 60px #0006}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:1.1rem}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);display:flex}.suggestions-list{max-height:50vh;padding:var(--space-sm);overflow-y:auto}.suggestion-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background var(--transition-fast);border:1px solid #0000;display:flex}.suggestion-item:hover{background:var(--bg-elevated)}.suggestion-item.selected{background:#c9a9610d;border-color:#c9a96126}.confidence-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin:0 4px 0 8px;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-hero{gap:var(--space-md);align-items:stretch;display:flex}.hero-card{flex-direction:column;flex:1;justify-content:center;display:flex;padding:var(--space-xl)!important}.hero-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600}.hero-value{font-size:2.5rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.1}.hero-sub{margin-top:var(--space-sm);font-size:.8rem}.action-card{align-items:center;gap:var(--space-md);cursor:pointer;color:inherit;min-width:180px;transition:border-color var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:flex;padding:var(--space-lg) var(--space-xl)!important;border:1px solid var(--warning)!important;background:#fbbf240d!important}.action-card:hover{transform:translateY(-2px);border-color:var(--gold)!important}.action-icon{font-size:1.5rem}.action-content{flex:1}.action-count{font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--warning)}.action-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.action-arrow{color:var(--text-muted);font-size:1.25rem}.dashboard-charts{gap:var(--space-md);display:flex;overflow:hidden}.dashboard-charts>*{min-width:0}.progress-bar{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}@media (max-width:768px){.dashboard-hero{flex-direction:column}.hero-value{font-size:2rem}.dashboard-charts{flex-direction:column}.action-card{min-width:unset}}.text-positive{color:var(--positive)}.text-negative{color:var(--negative)}.text-gold{color:var(--gold)}.month-back-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition-fast);font-size:.8rem;text-decoration:none;display:inline-flex}.month-back-btn:hover{border-color:var(--gold);color:var(--gold)}.sort-pills{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);gap:4px;padding:3px;display:flex}.sort-pill{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:4px 12px;font-size:.7rem;font-weight:500}.sort-pill:hover{color:var(--text-primary)}.sort-pill.active{background:var(--gold);color:var(--bg-base);font-weight:600}.month-categories{gap:var(--space-sm);flex-direction:column;display:flex}.month-cat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.month-cat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.month-cat-card.expanded{border-color:var(--gold-muted);box-shadow:0 0 0 1px #d4af371a}.month-cat-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.month-cat-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.month-cat-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.month-cat-meta{color:var(--text-muted);font-size:.7rem}.month-cat-amount{font-size:1rem;font-weight:700;font-family:var(--font-mono)}.month-cat-pct{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.month-cat-txlist{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border);gap:var(--space-xs);flex-direction:column;animation:.2s fadeSlideDown;display:flex}.month-cat-tx{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.month-cat-tx:hover{background:var(--bg-elevated)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sort-pills{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.month-cat-card{padding:var(--space-sm) var(--space-md)}}