html{color-scheme:light dark}body{margin:0}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.65}
#finance-now-compact{min-height:100vh}
#finance-now-compact .fn-shell{min-height:100vh;max-width:1360px;margin:auto}
#finance-now-compact .fn-main{min-width:0}
#finance-now-compact .fn-actions{display:flex;align-items:center;gap:8px}
#finance-now-compact svg{width:16px;height:16px;display:block}
#finance-now-compact [data-icon]{display:inline-flex;flex-shrink:0}
#finance-now-compact .fn-modal{position:fixed;inset:0 0 0 auto;margin:0;width:420px;max-width:100%;height:100dvh;max-height:100dvh;padding:20px 24px;border:0;background:var(--fn-surface);color:var(--fn-ink);box-shadow:-12px 0 32px var(--fn-shadow);overflow:auto}
#finance-now-compact .fn-modal::backdrop{background:var(--fn-backdrop)}
#finance-now-compact .fn-modal h2{font-size:24px;font-weight:500;margin-bottom:14px;letter-spacing:-.5px}
#finance-now-compact .fn-form{gap:14px;margin-top:16px}
#finance-now-compact .fn-field textarea{width:100%;min-height:76px;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--fn-line);border-radius:8px;background:var(--fn-soft);color:var(--fn-ink);resize:vertical}
#finance-now-compact .fn-field input[type=checkbox]{width:18px;min-height:18px}
#finance-now-compact .fn-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--fn-muted)}
#finance-now-compact .fn-menu{display:grid;gap:10px;margin-top:18px}
#finance-now-compact .fn-menu button{text-align:left}
#finance-now-compact .fn-tx{width:100%;text-align:left;color:var(--fn-ink);background:none;border-radius:0}
#finance-now-compact .fn-tx:hover{background:var(--fn-soft)}
#finance-now-compact .fn-txtitle,#finance-now-compact .fn-txmeta,#finance-now-compact .fn-transferlabel{display:block}
#finance-now-compact .fn-tx.cancelled{opacity:.55}
#finance-now-compact .fn-tx.cancelled .fn-txtitle{text-decoration:line-through}
#finance-now-compact .fn-money-pair{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--fn-line)}
#finance-now-compact .fn-note{font-size:12px;line-height:1.6;color:var(--fn-muted);margin:10px 0;overflow-wrap:anywhere}
#finance-now-compact .fn-error{color:var(--fn-danger)}
#finance-now-compact .fn-formerror{min-height:16px}
#finance-now-compact .fn-accountbalance.unknown{font-size:11px;white-space:normal;max-width:105px}
#finance-now-compact .fn-accountbalance{overflow-wrap:anywhere}
#finance-now-compact .fn-sidebarfoot button{margin-top:12px}
#finance-now-compact .fn-login-card{max-width:380px;margin:auto;padding:40px 24px}
#finance-now-compact.fn-login{display:grid;place-items:center}
#finance-now-compact .fn-login-card .fn-brand{margin-bottom:36px}
#finance-now-compact .fn-login-card h1{font-size:25px;margin-bottom:12px}
#finance-now-compact a{color:var(--fn-accent)}
#finance-now-compact .fn-history{font-size:12px;margin:14px 0;border-top:1px solid var(--fn-line);padding-top:12px}
#finance-now-compact .fn-form-section{border-top:1px solid var(--fn-line);padding-top:14px;margin-top:6px}
#finance-now-compact .fn-secondary{white-space:normal}
@media(max-width:540px){#finance-now-compact .fn-modal{width:100%;padding:18px 20px}#finance-now-compact .fn-actions{gap:6px}#finance-now-compact .fn-grouphead{cursor:pointer}#finance-now-compact .fn-group.collapsed>div:last-child{display:none}#finance-now-compact .fn-txamount{max-width:130px;white-space:normal;overflow-wrap:anywhere}#finance-now-compact .fn-total{font-size:25px}#finance-now-compact .fn-accountbalance{max-width:180px;white-space:normal}}
#finance-now-compact [hidden]{display:none!important}
#finance-now-compact #factor-form input[inputmode=numeric]{font-size:24px;letter-spacing:6px;font-variant-numeric:tabular-nums}
