.desktop-cards-workspace{display:none}
@media(min-width:751px){body[data-page=cards] .content{max-width:1520px}body[data-page=cards] .titlebar{background:transparent!important;border:0;border-radius:0;padding:0 0 24px;margin:0;box-shadow:none;min-height:0;color:var(--ink)}body[data-page=cards] .titlebar:before,body[data-page=cards] .titlebar:after{display:none}body[data-page=cards] .titlebar .eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.5px}body[data-page=cards] .titlebar h1{font:600 30px/1.3 "Geist",system-ui,sans-serif;letter-spacing:-1px;color:var(--ink);margin:8px 0}body[data-page=cards] .titlebar p{font-size:12px;line-height:1.6;color:var(--muted)!important;margin:0}body[data-page=cards] .titlebar>.btn.primary{min-height:40px;padding:10px 15px;border:1px solid #05171c40!important;background:#05171c0d!important;color:var(--brand-text)!important;border-radius:10px;font-size:12px}.desktop-cards-workspace{display:block;margin-bottom:22px;min-width:0}.desktop-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.1fr;align-items:center;padding:24px 28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);gap:24px;margin-bottom:24px}.desktop-card-metrics>div{border-right:1px solid var(--line);min-width:0}.desktop-card-metrics span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);line-height:1.5}.desktop-card-metrics strong{display:block;margin-top:8px;font:500 30px/1.1 "Geist",system-ui,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--ink)}.desktop-card-dot{width:5px;height:5px;background:#3fa77e;border-radius:50%}.desktop-card-metrics>p{margin:0;text-align:right;font-size:12px;line-height:1.6;color:var(--muted)}.desktop-card-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.desktop-card-search{display:flex;align-items:center;gap:10px;flex:1;min-width:210px;max-width:440px;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.desktop-card-search svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}.desktop-card-search input{width:100%;min-width:0;border:0;border-radius:0;background:transparent;color:var(--ink);font:400 12px/1.5 "Geist",system-ui,sans-serif;outline:none;padding:0;height:100%}.desktop-card-search:focus-within{outline:2px solid var(--brand-focus);outline-offset:2px}.desktop-card-search input:focus{outline:none;box-shadow:none}.desktop-card-search input::placeholder{color:var(--muted)}.desktop-card-status{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.desktop-card-status>span{font-size:11px;color:var(--muted)}.desktop-card-status select{font:500 12px "Geist",system-ui,sans-serif;color:var(--ink);background:transparent;border:0;max-width:170px;padding:5px 0}.desktop-card-status option{color:var(--ink);background:var(--surface)}.desktop-card-count{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--muted)}.desktop-card-empty{margin-top:24px;padding:44px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;background:var(--surface)}.desktop-card-empty[hidden]{display:none}.desktop-card-empty strong{font-size:16px;font-weight:500;color:var(--ink)}.desktop-card-empty p{font-size:12px;color:var(--muted);margin:10px 0 18px}body[data-page=cards] #cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}body[data-page=cards] #cards .cardbox{display:flex;flex-direction:column;min-width:0;max-width:none;margin:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:none;transition:border-color .15s}body[data-page=cards] #cards .cardbox[hidden]{display:none}body[data-page=cards] #cards .cardbox:hover{border-color:var(--control-border)}body[data-page=cards] #cards .cardbox.is-selected-card{outline:1px solid #05171c;outline-offset:2px}body[data-page=cards] #cards .cardinfo{order:0;margin:0 0 17px;align-items:center;gap:12px}.desktop-card-identity{flex:1;min-width:0}body[data-page=cards] #cards .desktop-card-identity strong{display:block;font:600 14px/1.5 "Geist",system-ui,sans-serif;letter-spacing:-.2px}.desktop-card-ref{display:block;font:400 10px/1.5 "Geist",system-ui,sans-serif;color:var(--muted);margin-top:4px}body[data-page=cards] #cards .cardinfo .badge{font-size:10px;line-height:1.5;padding:4px 8px;border-radius:6px;background:#3fa77e0d;white-space:nowrap}body[data-page=cards] #cards .cardinfo .badge.frozen{background:#c9a24b10}body[data-page=cards] #cards .credit-card{order:1;width:100%;height:auto;aspect-ratio:1.8;min-height:188px;max-height:224px;padding:20px 20px 24px;border-radius:14px}body[data-page=cards] #cards .credit-card-number{font-size:17px;letter-spacing:1.2px;margin-top:45px}body[data-page=cards] #cards .credit-card-top::after{top:40px}body[data-page=cards] #cards .credit-card-bottom{gap:12px;padding-top:20px}body[data-page=cards] #cards .credit-card-holder{font-size:10px;max-width:100%}body[data-page=cards] #cards .credit-card-expiry,body[data-page=cards] #cards .credit-card-cvv{font-size:11px}body[data-page=cards] #cards .credit-card-label{font-size:7px}body[data-page=cards] #cards .credit-card-wordmark{font-size:16px}body[data-page=cards] #cards .credit-card-eye{width:32px;height:32px}body[data-page=cards] #cards .cardbalance{order:2;align-items:center;margin:20px 0 0;gap:12px}body[data-page=cards] #cards .cardbalance>span{font-size:10px;line-height:1.5;max-width:45%}body[data-page=cards] #cards .cardbalance b{font:600 22px/1.4 "Geist",system-ui,sans-serif;letter-spacing:-.5px}body[data-page=cards] #cards .cardactions{order:3;margin-top:18px;padding-top:16px;gap:7px}body[data-page=cards] #cards .cardactions button{min-height:40px;border-radius:9px;font-size:11px;gap:6px;padding:10px 6px}body[data-page=cards] #cards .cardactions button[data-action=fund]{background:#05171c12!important;border-color:#05171c38!important;color:var(--brand-text)!important}body[data-page=cards] #cards .cardactions button[data-action=fund]:hover{background:#05171c20!important}body[data-page=cards] #cards .cardactions .card-manage-button{background:#05171c0d!important;border-color:#05171c38!important;color:var(--brand-text)!important}body[data-page=cards] #cards .cardactions svg{width:15px;height:15px}body[data-page=cards] .footer{margin-top:32px}
}
@media(min-width:1440px){body[data-page=cards] #cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:751px) and (max-width:1100px){body[data-page=cards] #cards{grid-template-columns:minmax(0,1fr)}body[data-page=cards] #cards .cardbox{max-width:580px}.desktop-card-metrics{padding:20px;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-card-metrics>div:last-of-type{border:0}.desktop-card-metrics>p{display:none}.desktop-card-search{max-width:none}.desktop-card-count{flex-basis:100%;margin:0}.desktop-card-status select{max-width:150px}}
@media(max-width:750px){.desktop-card-ref{display:none}}
@media(prefers-reduced-motion:reduce){body[data-page=cards] #cards .cardbox{transition:none}}