:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#0f3460;--accent:#e94560;--accent-green:#4ecca3;--accent-yellow:#f0c929;--text-primary:#eaeaea;--text-secondary:#a3a3b5;--text-muted:#6b6b80;--border:#2a2a4a;--radius:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.nav-bar{background:var(--bg-secondary);border-top:1px solid var(--border);padding:8px 0;padding-bottom:calc(8px + var(--safe-bottom));z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-bar a{color:var(--text-muted);flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:11px;text-decoration:none;transition:color .2s;display:flex}.nav-bar a.active{color:var(--accent)}.nav-bar a svg{width:24px;height:24px}.page{flex:1;padding:16px 16px 80px;overflow-y:auto}.page-title{margin-bottom:20px;font-size:28px;font-weight:700}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.card-value{font-size:32px;font-weight:700}.card-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.progress-bar{background:var(--border);border-radius:4px;width:100%;height:8px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.progress-fill.green{background:var(--accent-green)}.progress-fill.yellow{background:var(--accent-yellow)}.progress-fill.red{background:var(--accent)}.budget-item{border-bottom:1px solid var(--border);padding:14px 0}.budget-item:last-child{border-bottom:none}.budget-row{justify-content:space-between;align-items:center;display:flex}.budget-category{font-size:15px;font-weight:500}.budget-amount{font-size:15px;font-weight:600}.budget-amount.over{color:var(--accent)}.budget-amount.warning{color:var(--accent-yellow)}.budget-amount.ok{color:var(--accent-green)}.txn-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.txn-item:last-child{border-bottom:none}.txn-info{flex:1}.txn-merchant{font-size:15px;font-weight:500}.txn-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.txn-amount{margin-left:12px;font-size:16px;font-weight:600}.txn-amount.expense{color:var(--accent)}.txn-amount.income{color:var(--accent-green)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:active{opacity:.8}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-green{background:var(--accent-green);color:var(--bg-primary)}.input-group{margin-bottom:16px}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-group input,.input-group select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s}.input-group input:focus,.input-group select:focus{border-color:var(--accent)}.verdict{text-align:center;border-radius:var(--radius);margin:16px 0;padding:24px}.verdict.yes{border:2px solid var(--accent-green);background:#4ecca326}.verdict.caution{border:2px solid var(--accent-yellow);background:#f0c92926}.verdict.no{border:2px solid var(--accent);background:#e9456026}.verdict.maybe{border:2px solid var(--text-secondary);background:#a3a3b526}.verdict-icon{margin-bottom:12px;font-size:48px}.verdict-text{margin-bottom:8px;font-size:20px;font-weight:700}.verdict-reason{color:var(--text-secondary);font-size:14px;line-height:1.5}.auth-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-logo{color:var(--accent);margin-bottom:8px;font-size:36px;font-weight:800}.auth-tagline{color:var(--text-muted);margin-bottom:32px;font-size:14px}.auth-form{width:100%;max-width:360px}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:16px;font-size:14px}.auth-toggle a{color:var(--accent);cursor:pointer;text-decoration:none}.error-msg{color:var(--accent);text-align:center;margin-bottom:12px;font-size:13px}.sync-banner{text-align:center;background:var(--bg-card);border-radius:var(--radius);color:var(--text-secondary);margin-bottom:12px;padding:8px;font-size:13px}.stat-row{gap:12px;margin-bottom:16px;display:flex}.stat-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex:1;padding:12px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{margin-top:4px;font-size:20px;font-weight:700}.category-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.category-chip{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);text-align:center;cursor:pointer;padding:10px;font-size:13px;transition:all .2s}.category-chip.selected{border-color:var(--accent);color:var(--accent);background:#e945601a}