:root{--indigo: #4f46e5;--white: #ffffff;--green: #34d399;--amber: #f59e0b;--red: #ef4444;--ink: #1f2937;--surface: #f8fafc}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}.screen{min-height:100%;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),24px) 20px 24px}.login{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--indigo);color:var(--white)}.login .card{width:100%;max-width:360px}.brand{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1.5rem}input{width:100%;padding:14px 16px;margin:8px 0;border:none;border-radius:12px;font-size:1rem}button{width:100%;padding:14px 16px;margin-top:12px;border:none;border-radius:12px;background:var(--green);color:var(--ink);font-size:1rem;font-weight:600}button:disabled{opacity:.6}.error{color:#fee2e2;background:#ef444440;padding:10px 14px;border-radius:10px;margin:8px 0;font-size:.9rem}.home header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.home h1{font-size:1.4rem;margin:0}.logout{width:auto;margin:0;padding:8px 14px;background:transparent;color:var(--indigo);border:1px solid var(--indigo)}.tile{background:var(--white);border-radius:16px;padding:18px 20px;margin-bottom:14px;box-shadow:0 1px 3px #00000014}.tile .label{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.tile .value{font-size:1.3rem;font-weight:600;margin-top:4px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.dot.up{background:var(--green)}.dot.down{background:var(--red)}.tile .sub{font-size:.85rem;color:#6b7280;margin-top:6px}.sync-tile{display:flex;align-items:center;justify-content:space-between;gap:12px}button.sync{width:auto;margin:0;padding:12px 18px;background:var(--indigo);color:var(--white);white-space:nowrap}.msg{background:#4f46e514;color:var(--indigo);padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:.9rem}.section-label{margin:8px 4px;display:block}.txns{display:flex;flex-direction:column;gap:8px}.txn{background:var(--white);border-radius:14px;padding:12px 16px;box-shadow:0 1px 3px #0000000f}.txn.empty,.tile.empty{color:#6b7280}.txn-main{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}.txn-merchant{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.txn-amount{font-variant-numeric:tabular-nums}.txn-amount.neg{color:var(--ink)}.txn-amount.pos{color:var(--green);filter:brightness(.85)}.txn-sub{display:flex;justify-content:space-between;font-size:.82rem;color:#6b7280;margin-top:4px}.txn-acct{font-size:.75rem;color:#9ca3af;margin-top:2px}