:root{--bg: #f2f2f7;--card: #ffffff;--text: #1c1c1e;--muted: #6c6c70;--accent: #0a7ea4;--danger: #ff3b30;--positive: #34c759;--negative: #ff3b30;--radius: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{min-height:100dvh;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));max-width:480px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-header h1{font-size:1.5rem;font-weight:700;margin:0}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000000f}.card h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 12px;font-weight:600}.card footer,.hint{font-size:.8rem;color:var(--muted);margin-top:12px;line-height:1.4}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}input,select{width:100%;font-size:1rem;padding:12px;border:1px solid #d1d1d6;border-radius:10px;margin-bottom:12px;background:#fff}button{font-size:1rem;font-weight:600;border:none;border-radius:10px;padding:14px 16px;cursor:pointer;width:100%}button.primary{background:var(--accent);color:#fff}button.primary:disabled{opacity:.5}button.ghost{background:transparent;color:var(--accent);width:auto;padding:8px}button.danger-text{background:transparent;color:var(--danger);width:auto;padding:8px}.balance{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.account-kind{font-size:.85rem;color:var(--muted)}.payment-row{padding:12px 0;border-bottom:1px solid #e5e5ea}.payment-row:last-child{border-bottom:none}.payment-top{display:flex;justify-content:space-between;gap:8px;font-weight:600}.payment-amount.positive{color:var(--positive)}.payment-amount.negative{color:var(--negative)}.payment-desc,.payment-date{font-size:.8rem;color:var(--muted);margin-top:4px}.account-pick{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:transparent;border:none;padding:12px 0;border-bottom:1px solid #e5e5ea;color:inherit}.account-pick:last-child{border-bottom:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001f;display:flex;align-items:center;justify-content:center;z-index:100}.overlay-box{background:var(--card);padding:24px 32px;border-radius:16px;box-shadow:0 8px 32px #00000026}.error-banner{background:#ffe5e5;color:#8b0000;padding:12px;border-radius:10px;margin-bottom:12px;font-size:.9rem}.empty{text-align:center;color:var(--muted);padding:24px 0}code.redirect{display:block;font-size:.75rem;word-break:break-all;background:#f2f2f7;padding:8px;border-radius:8px;margin-top:8px}