.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-trigger{border:0;cursor:pointer}.profile{cursor:pointer}.profile>div{min-width:0;overflow:hidden;text-overflow:ellipsis}.profile small{overflow:hidden;text-overflow:ellipsis}.toolbar{align-items:flex-end;gap:12px;flex-wrap:wrap}.filter-control{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#81917b}.filter-control select,.filter-control input{background:white;padding:10px 12px;font-size:11px;height:39px}.date-inputs{display:flex;align-items:flex-end;gap:9px}.date-inputs .primary{height:39px}.card-filter{min-width:190px}.period{height:39px;padding:2px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1080px}.cards-grid>.empty{grid-column:1/-1;padding:50px}.empty p{line-height:1.8}.empty-card-icon{font-size:35px;color:#abc67e;display:block;margin:10px}.bank-card{--card-color:#17674e;--card-accent:#9acba6;--card-ink:white;background:linear-gradient(115deg,var(--card-color),var(--card-color) 65%,var(--card-accent));position:relative;overflow:hidden;color:var(--card-ink);max-width:none;padding:27px;aspect-ratio:1.65;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 13px 28px #173c3314}.bank-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1}.credit-card .bank-heading strong{font:800 24px Manrope}.credit-card .bank-heading span{font:700 14px Manrope;float:none;text-align:right}.chip-line{display:flex;align-items:center;gap:10px;color:#e9e9c4;z-index:1}.chip{width:31px;height:24px;border-radius:5px;background:linear-gradient(140deg,#d4c181,#f2e1a5,#b6a365);position:relative}.chip:before,.chip:after{content:'';position:absolute;inset:7px 0;border-top:1px solid #7d754b;border-bottom:1px solid #7d754b}.chip:after{inset:0 9px;border:0;border-left:1px solid #7d754b;border-right:1px solid #7d754b}.chip-line small{margin-left:auto;color:var(--card-ink);opacity:.65;font:700 15px Manrope}.credit-card.bank-card h2{margin:0;font:500 clamp(15px,1.7vw,24px) Manrope;letter-spacing:1px;z-index:1}.credit-card.bank-card footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;z-index:1}.credit-card.bank-card footer span{font-size:8px;float:none}.credit-card.bank-card footer div{display:flex;align-items:center;gap:8px;font-size:7px}.credit-card.bank-card footer b{font-size:15px}.card-orb{position:absolute;width:220px;height:220px;right:-85px;bottom:-100px;border:35px solid #ffffff0b;border-radius:50%;pointer-events:none}.compact.bank-card{border-radius:15px;padding:21px;aspect-ratio:1.7}.compact .bank-heading strong{font-size:20px}.compact .bank-heading span{font-size:11px}.compact.bank-card h2{font-size:17px;letter-spacing:.5px}.compact .chip{width:27px;height:20px}.card-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 3px 0;font-size:11px;color:#89987f}.overview-card-select{margin-bottom:17px}.card-spending{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px}.card-spending span{font-size:10px;color:#85947b;max-width:60%}.card-spending strong{font:700 18px Manrope}.overview-cards>.text-button{margin-top:10px}.photo-picker{display:flex;align-items:center;gap:20px;margin-bottom:25px}.profile-large{width:82px;height:82px;background:#eaf1df;color:#17674e;font-size:27px}.photo-picker small{display:block;font-size:10px;color:#8a987e;margin-top:7px}.photo-picker .text-button{display:block}.upload-button{display:inline-flex!important;align-items:center;justify-content:center;background:#17674e;color:white;border-radius:8px;padding:11px 14px;font-size:10px!important;cursor:pointer;margin:0!important}.upload-button.secondary{background:#e8efdf;color:#416331}.scan-box{display:flex;gap:13px;background:#f0f5e8;border:1px dashed #c8d8b3;border-radius:13px;padding:17px;margin-bottom:20px}.scan-box>span{font-size:28px;color:#6b9152}.scan-box strong{font-size:12px}.scan-box p{font-size:10px;line-height:1.7;color:#7a8d6c;margin:8px 0}.scan-actions{display:flex;gap:9px;flex-wrap:wrap}.scan-box #scan-status{margin:12px 0 0;color:#4c7442}.scan-box input:disabled{cursor:wait}#card-dialog{width:490px;max-height:92vh}#live-card-preview{margin-bottom:22px}#live-card-preview .bank-card{max-width:320px;margin:auto}textarea{font:inherit;border:1px solid #dfe6db;background:#fafbf8;border-radius:8px;padding:12px;resize:vertical;color:#304f3c}button:disabled{opacity:.55;cursor:wait}input[type=color]{width:100%;padding:4px;height:42px}body.private .credit-card h2{filter:blur(6px)}@media(max-width:900px){.cards-grid{grid-template-columns:1fr}.bank-card{max-width:480px}.compact.bank-card h2{font-size:14px}}@media(max-width:760px){.toolbar{gap:10px}.filter-control select,.filter-control input{font-size:10px;padding:9px}.card-filter{flex:1;min-width:160px}.toolbar>.text-button{font-size:10px;padding:8px 0}.date-inputs{flex-wrap:wrap;width:100%;order:4}.date-inputs .filter-control{flex:1}.date-inputs input{width:100%}.compact.bank-card h2{font-size:19px}.credit-card.bank-card h2{font-size:20px}.cards-grid{gap:22px}.cards-grid .panel-heading{flex-wrap:wrap}.scan-box{padding:13px;gap:9px}.photo-picker{gap:14px}.card-spending strong{font-size:17px}}
.edit-transaction{border:1px solid #e3eadb;background:#f5f8ef;color:#6e8d51;border-radius:8px;width:31px;height:31px;flex-shrink:0;font-size:18px;display:grid;place-items:center}.edit-transaction:hover{background:#e9f2da}html[data-theme=dark] .edit-transaction{background:#253c29;border-color:#3b5134;color:#bfd99e}@media(max-width:760px){.edit-transaction{width:29px;height:32px;font-size:17px}.transaction .delete{padding:3px}}