.pot-tone-0{--pot-surface:#edf6f2;--pot-border:#c8dfd5;--pot-icon-bg:#d9eee5;--pot-ink:#257e6c}.pot-tone-1{--pot-surface:#eef3fa;--pot-border:#cbd9e9;--pot-icon-bg:#dde9f7;--pot-ink:#3f71a2}.pot-tone-2{--pot-surface:#f4f0fa;--pot-border:#d9cde7;--pot-icon-bg:#e6e0f1;--pot-ink:#745594}.finance-theme .pot-card,.finance-theme .fire-planner .fp-pot-grid .pot-card{background:linear-gradient(135deg,var(--pot-surface),color-mix(in srgb,var(--pot-surface) 45%,#fff));border:1px solid var(--pot-border);box-shadow:0 4px 18px -14px #25455540}.finance-theme .pot-icon{background:var(--pot-icon-bg);width:36px;height:36px;color:var(--pot-ink);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.finance-theme .pot-card input,.finance-theme .pot-card select{border-color:var(--pot-border);background:#ffffff8c}.finance-theme .pot-card .fp-investment-name input{background:0 0}.finance-theme .pot-add-card{box-shadow:none;border-style:dashed}@media(max-width:767px){.pot-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.pot-grid-compact .pot-card{border-radius:14px}.pot-compact{gap:4px;min-width:0;padding:12px;display:grid}.pot-compact-head{align-items:center;gap:8px;min-width:0;min-height:32px;padding-right:32px;display:flex}.pot-compact-head .pot-icon{border-radius:9px;width:28px;height:28px}.pot-compact-head .pot-icon svg{width:16px;height:16px}.pot-compact-head strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.pot-compact-amount{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:4px;font-size:20px;font-weight:700;line-height:1.2}.pot-compact-detail{color:#526176;font-size:12px;line-height:1.3}.pot-compact-track{background:#e2e8f0;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.pot-compact-track>div{background:#0b3d5e;border-radius:999px;height:100%}.pot-grid-compact .pot-card button.absolute[aria-label^=Edit]{top:2px;right:2px}}
