:root{color-scheme:dark;--bg:#252525;--panel:#303030;--row:#3b3b3b;--line:#555;--text:#dbdbdb;--soft:#d1d1d1;--blue:#85c7f2;--green:#89d9a2;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.topbar{min-height:60px;padding:10px 2%;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;border-radius:0 0 16px 16px}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.brand strong{font-size:17px;letter-spacing:-.04em}.brand small{font-size:9px;letter-spacing:.15em;color:var(--soft)}.spark{color:var(--blue);font-size:21px;font-weight:400}.topbar nav{display:flex;align-items:center;gap:3px}.topbar button{background:transparent;color:var(--text);border:0;border-radius:12px;padding:9px 12px;font-weight:650}.topbar button:hover,.topbar button.selected{background:#555;color:var(--blue)}.signout{margin-left:auto!important;font-size:11px}.main{width:100%;max-width:1800px;margin:auto;padding:26px 2% 60px}.heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:17px}.heading h1{font-size:clamp(25px,3vw,37px);letter-spacing:-.05em;line-height:1.1;margin:0}.heading-meta{color:var(--soft);font-size:11px;text-align:right}.board{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.tools{display:flex;align-items:center;gap:8px;padding:12px}.tools input,.tools select{height:34px;background:#595959;border:1px solid #696969;border-radius:12px;color:var(--text);padding:0 12px;outline:none}.tools input::placeholder{color:var(--soft)}.search{flex:0 1 270px;position:relative}.search span{position:absolute;left:12px;top:5px;font-size:19px}.search input{width:100%;padding-left:32px}.tools select{min-width:145px}.count{margin-left:auto;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--soft);white-space:nowrap}.table-head,.row{display:grid;grid-template-columns:112px minmax(155px,1.3fr) minmax(145px,2fr) 145px 70px 70px 65px;align-items:center;gap:10px}.table-head{background:#606060;padding:10px 16px;font-size:9px;letter-spacing:.17em;font-weight:750;color:var(--soft)}.rows{padding:4px 8px 8px}.row{width:100%;border:0;border-radius:11px;background:var(--row);color:var(--text);text-align:left;margin-top:4px;padding:8px;min-height:48px;transition:background .24s,box-shadow .24s}.row:nth-child(2n){background:#444}.row:hover,.row:focus-visible{background:#606060;box-shadow:inset 3px 0 var(--blue)}.posted{font-size:11px;font-weight:700}.bank{display:flex;align-items:center;gap:8px;min-width:0}.logo{display:grid;place-items:center;width:27px;height:27px;min-width:27px;background:var(--blue);color:#252525;border-radius:9px;font-size:9px;font-weight:800}.bank span{display:flex;flex-direction:column;min-width:0}.bank strong,.bank small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bank strong{font-size:11px}.bank small{font-size:9px;color:var(--soft)}.vendor{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount{text-align:right;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.amount.credit,.detail-amount.credit{color:var(--green)}.unavailable{text-align:center;color:#aaa}.empty{min-height:170px;padding:36px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:var(--soft);text-align:center}.empty strong{color:var(--text);font-size:15px}.note{color:#aaa;font-size:10px;margin:10px 3px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.card-top{display:flex;justify-content:space-between;align-items:center}.card .logo{width:36px;height:36px;font-size:11px}.card h2{font-size:18px;letter-spacing:-.03em;margin:15px 0 3px}.card p{color:var(--soft);margin:0 0 17px}.pill{border-radius:99px;padding:6px 9px;font-size:9px;letter-spacing:.06em;font-weight:800}.pill.ok{color:var(--green);background:#264132}.pill.wait{color:#f1cb80;background:#4c4130}.card-foot{border-top:1px solid var(--line);padding-top:12px;color:var(--soft);font-size:11px;line-height:1.7}.checkline{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.checkline b{font-size:11px;color:var(--soft);font-weight:600;text-align:right}dialog{width:min(450px,calc(100vw - 24px));padding:0;background:#dbdbdb;color:#303030;border:0;border-radius:20px;box-shadow:0 25px 90px #0009;animation:in .24s ease-out}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding:15px 20px}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{background:#d1d1d1;border:0;border-radius:10px;width:30px;height:30px;font-size:20px;color:#303030}#detailBody{padding:20px}.detail-amount{font-size:25px;font-weight:800;margin-bottom:15px}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ccc;padding:9px 0}dt{color:#636363}dd{margin:0;text-align:right;font-weight:650}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.table-head,.row{grid-template-columns:90px minmax(115px,1fr) minmax(90px,1.3fr) 105px}.table-head span:nth-child(n+5),.row>span:nth-child(n+5){display:none}}@media(max-width:600px){.topbar{gap:5px;padding:8px}.brand small{display:none}.topbar nav{gap:0}.topbar button{padding:7px;font-size:10px}.signout{font-size:9px!important}.main{padding:15px 6px 40px}.heading{align-items:start}.heading h1{font-size:25px}.heading-meta{font-size:9px;max-width:110px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.search{grid-column:1/-1}.tools select{min-width:0;width:100%;font-size:10px}.count{grid-column:1/-1;margin:0;text-align:right}.table-head{display:none}.rows{padding:4px}.row{grid-template-columns:24px minmax(58px,.9fr) minmax(85px,1.4fr) auto;gap:5px;min-height:38px;padding:5px}.row .posted{grid-column:2;grid-row:2;font-size:8px;color:var(--soft)}.row .bank{grid-column:1/3;grid-row:1}.bank .logo{width:23px;height:23px;min-width:23px;font-size:8px}.bank strong{display:none}.bank small{font-size:9px}.row .vendor{grid-column:3;grid-row:1/3;font-size:10px}.row .amount{grid-column:4;grid-row:1/3;font-size:10px}.note{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,calc(100vw - 30px));background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:32px;text-align:center;box-shadow:0 24px 70px #0004}.login-card .spark{font-size:35px}.login-card h1{font-size:27px;letter-spacing:-.05em;margin:8px 0}.login-card p{color:var(--soft);margin:8px 0 25px}.login-card #googleButton{display:flex;justify-content:center}.login-card #loginError{min-height:18px;color:#f2a9a9;font-size:12px;margin:18px 0 0}
.account-mini{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:9px 0;font-size:11px}.account-mini>div{display:flex;flex-direction:column;min-width:0}.account-mini strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-mini small{font-size:10px;color:var(--soft)}.account-mini>span{font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap}
.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:start}.connection-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:background .22s,border-color .22s,box-shadow .22s}.connection-card:hover{background:#383838;border-color:#6a6a6a}.connection-card[open]{grid-column:span 2;border-color:#66849a;box-shadow:0 8px 28px #0003}.connection-card summary{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 11px;cursor:pointer;list-style:none}.connection-card summary::-webkit-details-marker{display:none}.connection-card summary::marker{content:""}.connection-card summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.connection-card .logo{width:30px;height:30px;min-width:30px;font-size:9px}.card-identity{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.25}.card-identity strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-identity small{font-size:10px;color:var(--soft)}.card-state{width:7px;height:7px;min-width:7px;border-radius:50%;background:#e8be74;box-shadow:0 0 0 3px #e8be7422}.card-state.ok{background:var(--green);box-shadow:0 0 0 3px #89d9a222}.expand-lines{display:flex;flex-direction:column;justify-content:center;gap:3px;width:15px;height:20px;margin-left:1px;opacity:.75;transition:transform .25s,opacity .25s}.expand-lines i{display:block;width:15px;height:1.5px;border-radius:2px;background:var(--blue)}.expand-lines i:nth-child(2){width:11px}.expand-lines i:nth-child(3){width:7px}.connection-card[open] .expand-lines{transform:rotate(90deg);opacity:1}.card-detail{padding:0 13px 12px;animation:in .25s ease-out}.card-section-label{margin:12px 0 4px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.account-list{max-height:170px;overflow:auto;scrollbar-width:thin}.account-mini{padding:6px 0}.recent-list{max-width:100%}.recent-tx{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding:7px 0;font-size:10px}.recent-tx>span{color:var(--soft);font-size:9px}.recent-tx strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-tx b{white-space:nowrap;font-variant-numeric:tabular-nums}.recent-tx b.credit{color:var(--green)}.mini-empty{padding:8px 0;color:var(--soft);font-size:11px}.card-detail .card-foot{margin-top:10px}.card-detail .checkline{padding:7px 0}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:1fr;gap:6px}.connection-card[open]{grid-column:span 1}.connection-card summary{min-height:49px;padding:7px 10px;gap:8px}.connection-card .logo{width:27px;height:27px;min-width:27px}.card-identity strong{font-size:11px}.card-identity small{font-size:9px}.card-detail{padding:0 11px 10px}.recent-tx{grid-template-columns:68px minmax(0,1fr) auto;gap:5px;font-size:9px}.recent-tx>span{font-size:8px}}
.connect-tools{margin:0 0 15px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.connect-actions,.connect-progress{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.connect-actions>span{margin-right:auto;color:var(--soft);font-size:11px}.connect-tools button,.connect-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid #779cb4;border-radius:11px;background:#394c59;color:#b9e2ff;font-size:11px;font-weight:700;transition:background .2s,opacity .2s}.connect-tools button:hover,.connect-tools a:hover{background:#50677a}.connect-tools button:disabled{opacity:.5;cursor:default}.connect-progress{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.connect-progress>span{margin-right:auto;color:var(--soft);font-size:11px}.connect-tools p{margin:9px 2px 0;color:var(--soft);font-size:11px}@media(max-width:600px){.connect-actions>span,.connect-progress>span{width:100%;margin-right:0}.connect-tools button,.connect-tools a{flex:1;white-space:nowrap;font-size:10px;padding:7px}}
.table-head,.row{grid-template-columns:100px minmax(145px,1.3fr) minmax(160px,2fr) 125px 90px 72px minmax(95px,1fr)}.vendor{display:flex;flex-direction:column;min-width:0}.vendor strong,.vendor small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor small{font-size:9px;font-weight:500;color:var(--soft)}.account-mask,.currency-code,.mcc{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcc{display:flex;flex-direction:column}.mcc small{font-size:9px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:950px){.table-head,.row{grid-template-columns:90px minmax(115px,1fr) minmax(90px,1.3fr) 105px}.table-head span:nth-child(n+5),.row>span:nth-child(n+5){display:none}}@media(max-width:600px){.row{grid-template-columns:24px minmax(58px,.9fr) minmax(85px,1.4fr) auto}.row .vendor{grid-column:3;grid-row:1/3}.row .vendor small{display:none}}
.country-flag{font-size:21px;text-align:center;line-height:1}.mobile-country-flag{display:none}@media(max-width:950px){.mobile-country-flag{display:inline-block;margin-left:5px;font-size:14px;vertical-align:-1px}}
.table-head,.row{grid-template-columns:78px minmax(175px,220px) 90px minmax(170px,1fr) 125px 60px minmax(120px,150px)}
@media(max-width:950px){.table-head,.row{grid-template-columns:78px minmax(115px,1fr) 70px minmax(90px,1.3fr) 105px}.table-head span:nth-child(5),.row>span:nth-child(5){display:block}}
@media(max-width:600px){.row{grid-template-columns:24px minmax(58px,.9fr) minmax(85px,1.4fr) auto}.row>span:nth-child(3){display:none}.row>span:nth-child(5){display:block}.row .amount{grid-column:4;grid-row:1/3}}
.logo.has-image,.bank .logo.has-image{display:grid;place-items:center;background:transparent;overflow:hidden}.logo.has-image img{display:block;width:100%;height:100%;object-fit:cover}
.bank .account-title{display:flex;flex-direction:row;align-items:baseline;min-width:0;overflow:hidden}.bank .account-title span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank .account-title b{flex:none;white-space:nowrap;font-weight:650}
/* Analytics */
.analytics-filters{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap}.analytics-filters label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--soft)}.analytics-caption{color:var(--soft);font-size:11px;margin:10px 3px 18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric,.analytics-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.metric h2{font-size:12px;font-weight:600;color:var(--soft);margin:0 0 13px}.metric>strong{font-size:clamp(21px,2.4vw,34px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--blue)}.metric p,.analytics-panel p{font-size:11px;color:var(--soft);margin:6px 0 0}.refund-metric>strong{color:var(--green)}.analytics-panel{margin-bottom:16px}.analytics-panel h2{font-size:17px;letter-spacing:-.02em;margin:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.legend{display:flex;gap:16px;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:3px}.spend-dot{background:var(--blue)}.refund-dot{background:var(--green)}.spend-fill{fill:var(--blue)}.refund-fill{fill:var(--green)}.track{fill:#454545}.trend{width:100%;display:block;margin-top:18px}.trend text{fill:var(--soft);font-size:12px}.gridline{stroke:#555;stroke-dasharray:3 5}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ranking{list-style:none;padding:0;margin:20px 0 0}.ranking li{margin-bottom:17px}.ranking li:last-child{margin-bottom:0}.ranking li>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:7px}.ranking span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ranking b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.ranking svg{display:block;width:100%;height:7px}.chart-empty{padding:24px 0}.chart-data{border-top:1px solid var(--line);font-size:11px;padding-top:12px}.chart-data summary{cursor:pointer;color:var(--blue);width:fit-content}.chart-table-scroll{overflow:auto;max-height:280px}.chart-data table{border-collapse:collapse;width:100%;margin-top:12px;text-align:right;white-space:nowrap}.chart-data th,.chart-data td{padding:8px;border-bottom:1px solid var(--line)}.chart-data th:first-child{text-align:left}.chart-data tbody th{font-weight:500}.chart-data summary:focus-visible{outline:2px solid var(--blue)}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters .count{width:100%;text-align:right}.analytics-filters label{flex:1}.analytics-filters select{min-width:0;flex:1}}
@media(max-width:600px){.topbar{flex-wrap:wrap}.topbar .brand{margin-right:auto}.topbar nav{order:3;width:100%;justify-content:space-between;margin-top:4px}.topbar nav button{font-size:12px;flex:1;padding:9px 7px}.topbar .signout{margin-left:0!important}.analytics-filters{display:flex;gap:10px}.analytics-filters label{flex-basis:100%;justify-content:space-between}.analytics-filters select{max-width:75%;font-size:12px}.metrics{gap:8px}.metric,.analytics-panel{padding:15px;border-radius:15px}.metric>strong{font-size:21px}.metric h2{margin-bottom:9px}.metric p{font-size:10px}.analytics-grid{grid-template-columns:1fr;gap:0}.chart-heading{align-items:start;flex-direction:column;gap:10px}.trend-scroll{overflow-x:auto}.trend{min-width:560px}.analytics-caption{font-size:10px}.ranking li>div{font-size:11px}}
/* Explore the transactions behind every total and chart. */
button.metric{text-align:left;color:var(--text);font:inherit;transition:border-color .2s,background .2s}.metric-title{display:block;font-size:12px;font-weight:600;color:var(--soft);margin-bottom:13px}.metric-caption{display:block;font-size:11px;color:var(--soft);margin-top:6px}.metric:hover,.metric:focus-visible{border-color:var(--blue);background:#393d40}.ranking-button{display:block;width:100%;border:0;background:transparent;color:var(--text);padding:9px 7px;border-radius:10px;text-align:left;transition:background .2s}.ranking-button:hover,.ranking-button:focus-visible{background:#444}.ranking-label{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:7px}.ranking .ranking-label>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.ranking li{margin-bottom:6px}.interactive-bar{cursor:pointer;outline:none}.bar-hit{fill:transparent}.interactive-bar:hover .bar-hit,.interactive-bar:focus-visible .bar-hit{fill:#85c7f21a;stroke:var(--blue);stroke-width:1}.interactive-bar:hover .spend-fill,.interactive-bar:hover .refund-fill,.interactive-bar:focus-visible .spend-fill,.interactive-bar:focus-visible .refund-fill{filter:brightness(1.2)}.chart-value{border:0;background:none;color:var(--blue);text-decoration:underline;text-underline-offset:3px;padding:6px;white-space:nowrap}.credit,.chart-value.credit{color:var(--green)}.analytics-tooltip{position:fixed;bottom:22px;right:22px;max-width:min(440px,calc(100vw - 30px));padding:13px 17px;border:1px solid var(--blue);border-radius:13px;background:#202a31;color:#e2f2ff;box-shadow:0 10px 35px #0007;font-size:12px;z-index:20;pointer-events:none}.analytics-tooltip[hidden]{display:none}#analyticsDetails{width:min(900px,calc(100vw - 24px));max-height:85dvh;background:var(--panel);color:var(--text)}#analyticsDetails .dialog-head{position:sticky;top:0;z-index:1;background:var(--panel);border-color:var(--line)}#analyticsDetails .dialog-head h2{font-size:19px;min-width:0;overflow-wrap:anywhere}#analyticsDetails .dialog-head button{flex-shrink:0}#analyticsDetailBody{padding:18px}.drill-description{margin:0 0 14px;font-size:12px;color:var(--soft)}.drill-totals{display:flex;flex-wrap:wrap;gap:8px 20px;background:#3a3a3a;padding:14px;border-radius:12px;font-size:12px}.drill-totals b{font-variant-numeric:tabular-nums}.drill-hint{font-size:11px;color:var(--soft);margin:13px 0}.drill-row{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:13px 10px;text-align:left;border:0;border-top:1px solid var(--line);background:none;color:var(--text);border-radius:9px}.drill-row:hover,.drill-row:focus-visible{background:#454545}.drill-row>span{display:flex;flex-direction:column;min-width:0;gap:3px}.drill-row strong{overflow-wrap:anywhere;font-size:13px}.drill-row small{font-size:10px;color:var(--soft)}.drill-row>b{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.drill-row>b>span{color:var(--blue);margin-left:5px}
@media(max-width:600px){.metric-title{margin-bottom:9px}.metric-caption{font-size:10px}.ranking-label{font-size:11px}.analytics-tooltip{bottom:12px;right:12px}.drill-row{padding:12px 4px;gap:8px}.drill-row>b{font-size:11px}#analyticsDetailBody{padding:12px}#analyticsDetails .dialog-head{padding:14px}#analyticsDetails .dialog-head h2{font-size:16px}}
/* Mobile board: align identity and amount above merchant and posted date. */
@media(max-width:600px){
  .main{padding:16px 10px 40px}
  .heading{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin-bottom:12px}
  .heading h1{font-size:clamp(23px,7vw,30px)}
  .heading-meta{max-width:none;text-align:left;font-size:10px;line-height:1.35}
  .board{border-radius:16px}
  .tools{gap:7px;padding:9px 8px 7px}
  .tools input,.tools select{height:37px}
  .count{padding:2px 3px 0}
  .rows{padding:2px 6px 8px}
  .row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;row-gap:2px;min-height:58px;margin-top:5px;padding:8px 10px;align-items:center}
  .row .bank{grid-column:1;grid-row:1;gap:7px;min-width:0}
  .row .bank .logo{width:25px;height:25px;min-width:25px}
  .row .bank>span:last-child{min-width:0}
  .row .bank small{font-size:11px;font-weight:650}
  .row .amount{grid-column:2;grid-row:1;text-align:right;font-size:11px;align-self:center}
  .row .vendor{grid-column:1;grid-row:2;padding-left:32px;font-size:11px;min-width:0}
  .row .posted{grid-column:2;grid-row:2;text-align:right;font-size:9px;font-weight:600;color:var(--soft)}
  .row .mobile-country-flag{font-size:13px;margin-left:3px}
  .account-mini{align-items:flex-start}
  .account-mini strong{white-space:normal;overflow-wrap:anywhere}
  .account-mini>span{flex-shrink:0}
  #detailBody dl div{align-items:flex-start}
  #detailBody dd{min-width:0;overflow-wrap:anywhere}
}

.dialog-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dialog-actions #viewCardTransactions{display:grid;place-items:center;background:#41474b;color:var(--blue);transition:background .2s}.dialog-actions #viewCardTransactions:hover{background:#53616b}.dialog-actions #viewCardTransactions[hidden]{display:none}
.card-picker{position:relative;min-width:180px;max-width:360px;flex:0 1 300px;font-size:12px}.card-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;padding:0 12px;background:#595959;border:1px solid #696969;border-radius:12px;cursor:pointer;list-style:none}.card-picker>summary::-webkit-details-marker{display:none}.card-picker>summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-picker>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card-picker[open]>summary{border-color:var(--blue)}.card-picker-panel{position:absolute;top:calc(100% + 7px);left:0;width:min(430px,calc(100vw - 35px));padding:8px;background:#303030;border:1px solid #707070;border-radius:14px;box-shadow:0 15px 40px #0007;z-index:12}.card-picker-actions{display:flex;gap:7px;padding:3px 4px 10px;border-bottom:1px solid var(--line)}.card-picker-panel button{border:1px solid #657986;background:#3c4b55;color:var(--blue);border-radius:8px;padding:6px 10px;font-size:11px;white-space:nowrap}.card-picker-panel button:hover{background:#53616b}.card-picker-list{max-height:min(350px,55dvh);overflow:auto;overscroll-behavior:contain}.card-picker-row{display:flex;align-items:center;gap:8px;padding:9px 4px;border-bottom:1px solid #464646}.card-picker-row:last-child{border-bottom:0}.card-picker-row>label{display:flex;flex:1;align-items:center;gap:10px;min-width:0;cursor:pointer}.tools .card-picker input[type=checkbox]{appearance:auto;accent-color:var(--blue);width:17px;height:17px;min-width:17px;padding:0;margin:0}.card-picker-row label>span{display:flex;flex-direction:column;min-width:0}.card-picker-row strong{font-size:12px;font-weight:600;white-space:normal}.card-picker-row small{font-size:10px;color:var(--soft)}.analytics-filters .card-picker-row label{flex:1;justify-content:initial}.board:has(.card-picker[open]){overflow:visible}.analytics-filters .card-picker{max-width:360px}
@media(max-width:600px){.tools .card-picker{min-width:0;max-width:none;width:100%}.card-picker>summary{font-size:11px}.analytics-filters .card-picker{flex-basis:100%;max-width:none}.analytics-filters .card-picker-row label{flex-basis:auto}.card-picker-panel{max-width:calc(100vw - 35px)}}