:root{--ff-bg: #fdf6ec;--ff-card: #ffffff;--ff-primary: #ff7a59;--ff-primary-dark: #e85f3c;--ff-income: #2fae66;--ff-expense: #ff5a5f;--ff-text: #2c2c2c;--ff-muted: #8a8a8a;--ff-radius: 20px;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ff-bg);color:var(--ff-text)}#root{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.ff-screen{flex:1;padding:16px 16px 96px}.ff-card{background:var(--ff-card);border-radius:var(--ff-radius);padding:16px;box-shadow:0 4px 14px #0000000f;margin-bottom:12px}.ff-title{font-size:20px;font-weight:700;margin:4px 0 12px}.ff-input{width:100%;padding:12px 14px;border-radius:14px;border:2px solid #eee;font-size:16px;margin-bottom:12px;background:#fff}.ff-input:focus{outline:none;border-color:var(--ff-primary)}.ff-btn{display:block;width:100%;padding:14px;border-radius:999px;border:none;font-size:17px;font-weight:700;cursor:pointer;background:var(--ff-primary);color:#fff;transition:transform .05s ease}.ff-btn:active{transform:scale(.97)}.ff-btn.secondary{background:#fff;color:var(--ff-primary);border:2px solid var(--ff-primary)}.ff-btn.ghost{background:transparent;color:var(--ff-muted);font-weight:500}.ff-toggle-group{display:flex;gap:8px;margin-bottom:12px}.ff-toggle{flex:1;padding:12px;border-radius:14px;border:2px solid #eee;background:#fff;text-align:center;font-weight:700;cursor:pointer}.ff-toggle.active{border-color:var(--ff-primary);background:#fff1ec;color:var(--ff-primary-dark)}.ff-nav{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;max-width:480px;margin:0 auto;width:100%}.ff-nav a{flex:1;text-align:center;padding:12px 0 calc(12px + env(safe-area-inset-bottom));text-decoration:none;color:var(--ff-muted);font-size:12px;font-weight:600}.ff-nav a.active{color:var(--ff-primary-dark)}.ff-nav .icon{font-size:20px;display:block}.ff-summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.ff-summary-row .label{color:var(--ff-muted);font-size:13px}.ff-summary-row .value{font-size:20px;font-weight:700}.ff-tx-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f2f2f2}.ff-tx-row:last-child{border-bottom:none}.ff-tx-title{font-weight:600}.ff-tx-meta{font-size:12px;color:var(--ff-muted)}.ff-tx-amount.expense{color:var(--ff-expense);font-weight:700}.ff-tx-amount.income{color:var(--ff-income);font-weight:700}.ff-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#f0f0f0;font-size:11px;color:var(--ff-muted);margin-left:6px}.ff-avatar{width:40px;height:40px;border-radius:50%;background:#ffe1d1;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--ff-primary-dark);overflow:hidden}.ff-avatar img{width:100%;height:100%;object-fit:cover}.ff-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ff-error{color:var(--ff-expense);font-size:13px;margin:-6px 0 10px}.ff-empty{text-align:center;color:var(--ff-muted);padding:24px 0}.ff-attachment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.ff-attachment-thumb{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#f4f4f4}.ff-attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ff-attachment-file{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ff-text);text-decoration:none}.ff-attachment-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:12px;line-height:1;cursor:pointer}