.fx-app{display:block}.fx-hero{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);border-radius:20px;margin-bottom:12px;padding:20px 16px;box-shadow:0 12px 28px #2563eb38}.fx-hero h1{letter-spacing:-.4px;margin-bottom:8px;font-size:23px;line-height:1.25}.fx-hero p{color:#ffffffeb;margin:0;font-size:14px;line-height:1.65}.fx-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.fx-big-btn{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:88px;padding:14px;display:flex;box-shadow:0 2px 10px #0f172a0d}.fx-big-btn:active{background:#f8fafc;transform:scale(.98)}.fx-big-btn strong{color:var(--brand);font-size:18px}.fx-big-btn span{color:#64748b;font-size:13px;line-height:1.35}.fx-view{display:none}.fx-view.active{display:block}.fx-page-title{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 12px;display:flex}.fx-page-title h2{margin:0;font-size:20px}.fx-small-btn,.fx-primary-btn,.fx-danger-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800}.fx-primary-btn{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 8px 18px #2563eb2e}.fx-danger-btn{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.fx-form{gap:12px;display:grid}.fx-field label{color:var(--brand);margin-bottom:7px;font-size:14px;font-weight:800;display:block}.fx-input{background:#fff;border:1px solid #dbe2ea;border-radius:14px;outline:none;width:100%;height:52px;padding:0 13px;font-size:17px}.fx-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.fx-result-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:14px}.fx-result-box span{color:#64748b;font-size:13px}.fx-result-box strong{color:#1d4ed8;margin-top:4px;font-size:28px;display:block}.fx-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.fx-filter-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.fx-filter-row-single{grid-template-columns:1fr}.fx-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.fx-stat{background:#fff;border:1px solid #eceef3;border-radius:16px;padding:12px;box-shadow:0 1px 4px #0000000a}.fx-stat span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.fx-stat strong{color:var(--brand);word-break:break-all;font-size:18px}.fx-list{gap:10px;display:grid}.fx-record{background:#fff;border:1px solid #eceef3;border-radius:16px;padding:12px;box-shadow:0 1px 4px #0000000a}.fx-record-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.fx-record-date{color:var(--brand);font-weight:900}.fx-record-meta{color:#64748b;font-size:13px;line-height:1.6}.fx-record-money{color:#2563eb;font-size:18px;font-weight:900}.fx-record-actions{gap:8px;margin-top:10px;display:flex}.fx-chip-btn{color:#334155;background:#f1f5f9;border:0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.fx-empty{text-align:center;color:#71717a;background:#fff;border:1px dashed #d4d4d8;border-radius:16px;padding:28px 12px}.fx-tools-grid{grid-template-columns:1fr;gap:10px;display:grid}.fx-action-btn{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:12px 16px;display:flex;box-shadow:0 2px 10px #0f172a0d}.fx-action-btn:active{background:#f8fafc;transform:scale(.99)}.fx-action-btn strong{color:var(--brand);font-size:17px;font-weight:900}.fx-action-btn span{color:#64748b;font-size:13px;line-height:1.35}.fx-action-btn.fx-action-primary{background:#eff6ff;border-color:#bfdbfe}.fx-action-btn.fx-action-primary strong{color:#1d4ed8}.fx-sheet-backdrop{z-index:300;padding:16px 12px calc(16px + env(safe-area-inset-bottom));background:#0f172a61;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.fx-sheet-backdrop.open{display:flex}.fx-action-sheet{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:min(520px,100vw - 24px);padding:16px;box-shadow:0 24px 60px #0f172a47}.fx-action-sheet h3{color:var(--brand);margin:0 0 6px;font-size:18px}.fx-action-sheet p{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.55}.fx-sheet-grid{grid-template-columns:1fr;gap:10px;display:grid}.fx-sheet-grid button,.fx-sheet-grid label{min-height:48px;color:var(--brand);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.fx-sheet-grid .primary{color:#fff;background:#2563eb;border-color:#2563eb}.fx-sheet-grid .cancel{color:#64748b;background:#f8fafc}.fx-help{color:#64748b;margin-top:8px;font-size:13px;line-height:1.65}.fx-safety-note{color:#92400e;background:linear-gradient(135deg,#fffbeb 0%,#fff7ed 100%);border:1px solid #fde68a;border-radius:16px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex;box-shadow:0 1px 4px #f59e0b14}.fx-safety-note svg{color:#d97706;flex:none;width:19px;height:19px;margin-top:2px}.fx-safety-note strong{color:#78350f;margin-bottom:4px;font-size:14px;display:block}.fx-safety-note p{color:#92400e;margin:0;font-size:13px;line-height:1.65}.fx-tools-home-link{color:#1d4ed8;-webkit-tap-highlight-color:transparent;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;min-height:48px;font-size:14px;font-weight:900;display:flex;box-shadow:0 4px 14px #2563eb14}.fx-tools-home-link:active{background:#dbeafe;transform:scale(.99)}.fx-title-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.fx-type-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.fx-type-btn{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;min-height:34px;padding:0 12px;font-size:13px;font-weight:900}.fx-type-btn.active[data-type-value=add]{color:#fff;background:#2563eb;box-shadow:0 6px 14px #2563eb2e}.fx-type-btn.active[data-type-value=subtract]{color:#fff;background:#dc2626;box-shadow:0 6px 14px #dc26262e}.fx-negative{color:#dc2626!important}.fx-type-badge{color:#1d4ed8;vertical-align:middle;background:#eff6ff;border-radius:999px;align-items:center;height:24px;margin-left:8px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.fx-type-badge.subtract{color:#dc2626;background:#fef2f2}.fx-input-warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:7px;padding:8px 10px;font-size:13px;font-weight:700;line-height:1.45;display:none}.fx-input-warning.show{display:block}@media (width<=360px){.fx-home-grid,.fx-summary,.fx-filter-row,.fx-actions{grid-template-columns:1fr}.fx-big-btn{min-height:76px}}.fx-seo-card h2{color:var(--brand);margin-bottom:10px;font-size:18px}.fx-seo-card h3{color:var(--brand);margin:14px 0 6px;font-size:15px}.fx-seo-card p{color:#52525b;margin-bottom:9px;font-size:14px;line-height:1.8}.fx-seo-card .faq-item{border-top:1px solid #eef2f7;margin-top:10px;padding-top:10px}.fx-seo-card .faq-item:first-of-type{border-top:0;padding-top:0}.fx-share-card{cursor:pointer;text-align:left;width:100%;color:inherit;-webkit-tap-highlight-color:transparent;background:linear-gradient(90deg,#eff6ff 0%,#fff 52%,#f0f9ff 100%);border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:12px;margin:16px 0 14px;padding:16px;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0f172a14,0 10px 24px #2563eb14}.fx-share-card:hover{border-color:#bfdbfe;box-shadow:0 12px 28px #0f172a1f,0 2px 8px #2563eb14}.fx-share-card:active{transform:scale(.99)}.fx-share-icon{color:#2563eb;background:#fff;border:1px solid #dbeafe;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 1px 3px #0f172a1a,0 8px 18px #2563eb1a}.fx-share-icon svg{width:18px;height:18px}.fx-share-text{flex:1;min-width:0}.fx-share-text strong{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.25;display:block}.fx-share-text span{color:#64748b;font-size:12px;line-height:1.65;display:block}.fx-share-arrow{color:#60a5fa;flex:none;width:18px;height:18px;transition:transform .2s}.fx-share-card:hover .fx-share-arrow{transform:translate(2px)}