.app-nav{padding:var(--space-2)var(--space-3)0;background:var(--color-primary-dark);display:flex}.app-link{border-radius:var(--radius)var(--radius)0 0;color:#fff;flex:1;justify-content:center;align-items:center;min-height:2.75rem;text-decoration:none;display:flex}.app-link[aria-current=page]{background:var(--color-background);color:var(--color-primary-dark);font-weight:700}@media (min-width:768px){.app-link{padding-inline:var(--space-4);flex:none}}.confirm-dialog{max-width:24rem;padding:var(--space-4);border-radius:var(--radius);border:0}.confirm-dialog p{margin-top:0}.login{align-items:center;gap:var(--space-3);padding-block:var(--space-5);flex-direction:column;display:flex}.app-header{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--color-surface);display:flex}.app-home{align-items:center;min-height:2.75rem;display:flex}.app-logo{height:2.5rem;display:block}.app-user{display:none}.app-logout:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.app-logout:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.app-logout:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.app-logout:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.app-logout:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.app-logout:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.app-env-badge{padding:var(--space-1)var(--space-2);border-radius:var(--radius);background:var(--color-secondary);color:var(--color-text);letter-spacing:.05em;font-weight:700}.app-content{width:100%;max-width:var(--content-max-width);padding:var(--space-3);flex-direction:column;flex:1;margin-left:auto;margin-right:auto;display:flex}@media (min-width:768px){.app-user{display:block}.app-user:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.app-user:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.app-user:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.app-user:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.app-user:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.app-user:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.app-logout:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.app-logout:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.app-logout:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.app-logout:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.app-logout:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.app-logout:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}}.file-image,.pdf-page{width:100%;height:auto;display:block}.file-pages{gap:var(--space-2);display:grid}.card-detail{gap:var(--space-3);background:var(--color-surface);flex-direction:column;flex:1;padding-top:var(--space-3);display:flex}.card-detail>:not(.card-file){margin-inline:var(--space-3)}.card-detail-header{gap:var(--space-3);grid-template-columns:1fr auto;align-items:start;display:grid}.card-detail h1,.card-detail p{margin:0}.card-detail h1{font-size:1.25rem;line-height:1.3}.card-detail-amount{color:var(--color-primary-dark);font-size:1.5rem;font-weight:700}.card-detail-expiration{color:var(--color-text-muted);font-size:.875rem}.card-detail-actions{gap:var(--space-2);flex-direction:column;display:flex}.card-detail-comment{padding:var(--space-3);border-radius:calc(var(--radius)/2);background:var(--color-background);white-space:pre-wrap}.card-detail .form-error:empty{display:none}.card-file{flex:1;position:relative}.card-file-open{position:absolute;top:var(--space-2)}.card-file-open:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-2)}.card-file-open:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-2)}.card-file-open:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-2)}.card-file-open:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-2)}.card-file-open:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-2)}.card-file-open:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-2)}.card-file .file-image,.card-file .pdf-page{object-fit:contain;object-position:center top}@media (min-width:768px){.card-detail{border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.card-file .file-image,.card-file .pdf-page{max-height:calc(100dvh - 12rem)}}.brand-logo{border-radius:var(--space-2);object-fit:contain;width:2.5rem;height:2.5rem;display:block}.brand-logo-initial{background:var(--color-primary);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.card-list{padding-bottom:5rem}.card-list-header{gap:var(--space-3);margin-bottom:var(--space-3);display:grid}.card-list-header h1,.card-total{margin:0}.card-total{font-size:1.25rem}.brand-filter-select{width:100%}.card-rows{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.card-row{align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;grid-template-columns:auto 1fr auto;display:grid}.card-row-current{box-shadow:0 0 0 2px var(--color-primary)}.card-logo{grid-area:1/1/span 2}.card-brand{color:var(--color-text);grid-area:1/2;font-size:1.0625rem;font-weight:600;text-decoration:none}.card-brand:hover{color:var(--color-primary-dark)}.card-amount{grid-area:1/3/span 2;font-size:1.5rem;font-weight:600}.card-amount:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.card-amount:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.card-amount:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.card-amount:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.card-amount:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.card-amount:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.card-expiration{color:var(--color-text-muted);grid-area:2/2}@media (min-width:768px){.card-list{padding-bottom:0}.card-list-header .button-floating{justify-self:start}}.cards-page{flex-direction:column;flex:1;display:flex}.cards-page-detail .cards-list-pane{display:none}.cards-detail-pane{margin:calc(var(--space-3)*-1);flex-direction:column;flex:1;display:flex}@media (min-width:768px){.cards-page{gap:var(--space-4);grid-template-columns:max(18rem,min(33.333%,380px)) 1fr;align-items:start;display:grid}.cards-page-detail .cards-list-pane{display:block}.cards-detail-pane{margin:0;display:block}}.brands-section{padding-bottom:5rem}.brand-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.brand-item{align-items:center;gap:var(--space-2);max-width:32rem;padding:var(--space-2)var(--space-3);border-radius:var(--radius);background:var(--color-surface);display:flex}.brand-logo-picker{border-radius:var(--space-2);cursor:pointer}.brand-logo-picker:hover{outline:3px solid var(--color-secondary)}.brand-logo-picker:focus-within{outline:3px solid var(--color-secondary)}.brand-name{flex:1}@media (min-width:768px){.brands-section{padding-bottom:0}.brands-section .button-floating{margin-top:var(--space-3)}}:root{--color-primary:#00897b;--color-primary-dark:#00695c;--color-secondary:#ffb300;--color-background:#f5f7fa;--color-surface:#fff;--color-text:#1c1c1e;--color-text-muted:#6b7280;--color-divider:#e5e7eb;--color-error:#e53935;--color-danger:#c62828;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--radius:1rem;--shadow-card:0 1px 3px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.06);--font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--content-max-width:70rem}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);margin:0;line-height:1.5}a{color:var(--color-primary-dark)}.button{min-height:2rem;padding:0 var(--space-4);border:1px solid var(--color-primary-dark);background:var(--color-primary-dark);color:#fff;font:inherit;letter-spacing:.01em;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button:hover{border-color:var(--color-primary);background:var(--color-primary)}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{border-color:var(--color-divider);background:var(--color-surface);color:var(--color-primary-dark)}.button-secondary:hover{border-color:var(--color-primary-dark);background:var(--color-surface)}.button-danger{border-color:color-mix(in srgb,var(--color-danger)35%,transparent);background:color-mix(in srgb,var(--color-danger)8%,var(--color-surface));color:var(--color-danger)}.button-danger:hover{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger)14%,var(--color-surface))}.button-floating{position:fixed;bottom:var(--space-3);box-shadow:0 .25rem 1rem rgba(0,0,0,.2)}.button-floating:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-3)}.button-floating:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-3)}.button-floating:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-3)}.button-floating:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-3)}.button-floating:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-3)}.button-floating:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-3)}@media (min-width:768px){.button-floating{box-shadow:none;position:static}}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.visually-hidden{-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form{gap:var(--space-3);max-width:32rem;display:grid}.form-field{gap:var(--space-1);font-weight:600;display:grid}.form-field input,.form-field select,.form-field textarea,.brand-filter-select{min-height:2.75rem;padding:var(--space-2);border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:400}.form-error{color:var(--color-error);margin:0;font-weight:600}.form-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}