.account-body{background:#f4f6f0}.initial-state{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:15px}.loading-ring{display:inline-block;width:20px;height:20px;border:2px solid #d3dcc9;border-top-color:#172018;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:24px;gap:24px}.auth-left{display:flex;flex-direction:column;padding:25px 7% 20px}.auth-brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.back-link{font-size:.875rem;color:#64725b}.auth-form-wrap{width:min(100%,420px);margin:auto;padding-block:60px}.auth-form-wrap h1{font-size:3.2rem;letter-spacing:-.055em;margin:23px 0 21px;line-height:1.12}.auth-form-wrap>.auth-description{font-size:1rem;line-height:1.8;color:#687260;margin-bottom:30px}.auth-panel{position:relative;border-radius:13px;background:#141916;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#f7f8f4;padding:40px;min-height:700px}.auth-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74}.auth-panel-top,.auth-panel-bottom{position:relative;z-index:1}.auth-panel-top{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.08em}.auth-panel-bottom{margin-top:auto;padding-top:400px}.auth-panel-bottom h2{font-size:2.7rem;max-width:390px;color:#e1ffab}.auth-panel-bottom p{margin-top:17px;font-size:.875rem;max-width:350px;color:#d0d9c8}.field-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}input[type=email],input[type=text],input[type=search]{display:block;width:100%;min-height:53px;border:1px solid #ccd4c5;border-radius:6px;padding:13px 15px;font:inherit;font-size:1rem;background:#fff;color:#141916;outline:none}input:focus{border-color:#567729;box-shadow:0 0 0 3px #97ca4930}input::placeholder{color:#99a190}input:disabled{background:#edf0e7}.form-button{width:100%;margin-top:16px;min-height:53px}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-meta{font-size:.8rem;color:#7b846f;line-height:1.7;margin-top:17px}.auth-switch{font-size:.875rem;margin-top:30px;color:#66735a}.auth-switch a{color:#182312;font-weight:600;text-decoration:underline;text-underline-offset:4px}.auth-foot{font-size:.75rem;color:#7b856f;display:flex;justify-content:space-between;gap:20px}.notice{padding:14px 17px;border-radius:6px;border:1px solid #d2dbc3;background:#eaf0dd;color:#4b5e34;font-size:.875rem;line-height:1.6;margin-block:18px}.notice.error{background:#fff0ed;color:#913c31;border-color:#eccbc5}.notice.success{background:#eef9dd;border-color:#d0e5b6;color:#3d5726}.notice:empty{display:none}.code-input{font-size:1.65rem!important;font-family:var(--display)!important;letter-spacing:.48em;text-align:center}.code-actions{display:flex;justify-content:space-between;gap:15px;margin-top:23px}.plain-button{border:0;padding:0;background:none;color:#536d31;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}.plain-button:disabled{opacity:.5;cursor:not-allowed}.workspace{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#141916;color:#f7f8f4;padding:35px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand-icon{background:var(--lime);color:var(--ink)}.sidebar .wordmark{font-size:1.8rem}.sidebar-label{margin-top:41px;font-size:.7rem;letter-spacing:.12em;color:#899a7c}.side-nav{display:flex;flex-direction:column;gap:6px;margin-top:15px}.side-nav a{display:flex;align-items:center;gap:13px;min-height:46px;padding:11px 12px;font-size:.9rem;border-radius:6px;color:#adbaa4}.side-nav a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}.side-nav a:hover{background:#202c20;color:#e3eed9}.side-nav a.active{background:#d5ff7a;color:#192313;font-weight:550}.side-footer{margin-top:auto;padding-top:30px}.side-footer>p{font-size:.8rem;color:#809174;line-height:1.75;margin-bottom:20px}.sidebar .back-link{color:#aebca3;font-size:.8rem}.workspace-main{min-width:0}.workspace-top{min-height:87px;border-bottom:1px solid #dce2d6;background:#f8faf5;display:flex;justify-content:space-between;align-items:center;padding:20px 42px;gap:22px}.workspace-top>p{font-size:.85rem;color:#727e67}.account-controls{display:flex;gap:15px;align-items:center}.account-controls .email{font-size:.8rem;color:#6f7964;overflow-wrap:anywhere}.avatar{background:#e3eccf;color:#43552e;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:600;flex-shrink:0}.signout{font-size:.8rem;border:1px solid #cdd6c3;padding:7px 12px;border-radius:5px;background:transparent;color:#4f6140}.workspace-content{padding:40px 42px 65px;max-width:1450px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:31px}.page-title h1{font-size:2.1rem;letter-spacing:-.04em;line-height:1.2;margin-bottom:9px}.page-title p{font-size:.94rem;color:#77806d}.page-title .eyebrow{margin-bottom:13px;font-size:.7rem}.pill{display:inline-flex;align-items:center;padding:5px 11px;font-size:.7rem;font-weight:550;line-height:1.5;border-radius:100px;white-space:nowrap;background:#e7eddc;color:#5f6b50}.pill.active,.pill.connected{background:#e7f2d4;color:#4e6e2a}.pill.suspended{background:#f7e4de;color:#915344}.pill.pending{background:#f1ebd7;color:#86702f}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}.metric{background:#fff;border:1px solid #dce3d4;border-radius:9px;padding:23px 26px}.metric p{font-size:.85rem;color:#738067}.metric strong{display:block;font-family:var(--display);font-size:2.7rem;line-height:1.2;letter-spacing:-.06em;margin:18px 0 8px;font-weight:550}.metric small{font-size:.75rem;color:#96a08a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px}.panel{background:#fff;border:1px solid #dce3d4;border-radius:9px;overflow:hidden}.panel-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e8ecdf}.panel-heading h2{font-size:1.1rem;letter-spacing:-.025em}.panel-heading .text-link{font-size:.8rem}.panel-content{padding:23px 24px}.data-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem;white-space:nowrap}.data-table th{font-size:.7rem;letter-spacing:.045em;color:#88917e;font-weight:500;text-transform:uppercase;background:#fafbf7;padding:15px 23px;border-bottom:1px solid #e8ecdf}.data-table td{padding:18px 23px;border-bottom:1px solid #edf0e6;color:#5d6c51}.data-table tbody tr:last-child td{border-bottom:0}.data-table td:first-child{color:#25331c}.data-table td small{display:block;font-size:.7rem;color:#98a08e;margin-top:2px}.empty-state{text-align:center;padding:48px 25px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d3dfc5;border-radius:13px;margin:0 auto 17px;font-size:1.4rem;color:#7e9268;background:#f2f7e9}.empty-state h3{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:10px}.empty-state p{font-size:.875rem;color:#879279;line-height:1.7;max-width:340px;margin:auto}.setup-item{padding-block:16px;border-bottom:1px solid #ecf0e5}.setup-item:first-child{padding-top:0}.setup-item:last-child{border-bottom:0;padding-bottom:0}.setup-item>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.setup-item h3{font:550 .9rem var(--body);letter-spacing:0}.setup-item p{font-size:.8rem;color:#88927e;margin-top:9px;line-height:1.65}.panel-note{background:#f4f8ec;border-top:1px solid #e4ecd7;padding:16px 24px;font-size:.8rem;color:#667b4e}.table-tools{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.search-form{display:flex;gap:10px;flex:1;max-width:460px}.search-form input{min-height:45px;font-size:.875rem;background:#fff}.search-form .button{min-height:45px;padding:10px 16px;font-size:.8rem}.muted-copy{font-size:.8rem;color:#86917a}.row-button{background:#f3f6ed;border:1px solid #d9e3cc;border-radius:4px;font-size:.75rem;padding:6px 10px;color:#60734a}.row-button:hover{background:#e7efda}.row-button:disabled{opacity:.5;cursor:wait}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-top:1px solid #e8ecdf;font-size:.8rem;color:#859278}.pagination>div{display:flex;gap:8px}.pagination button{font-size:.8rem;background:#f8faf3;border:1px solid #d9e3cb;border-radius:5px;padding:6px 11px;color:#52683b}.pagination button:disabled{opacity:.4;cursor:not-allowed}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.setting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.setting-row h3{font-size:1rem;margin-bottom:10px}.setting-row p{font-size:.85rem;color:#7c886e;line-height:1.75;max-width:360px}.setting-row input[type=checkbox]{appearance:none;width:44px;height:26px;background:#d5dccf;border-radius:15px;position:relative;cursor:pointer;flex-shrink:0}.setting-row input[type=checkbox]:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .2s}.setting-row input[type=checkbox]:checked{background:#718c45}.setting-row input[type=checkbox]:checked:after{transform:translateX(18px)}.settings-list{display:grid;gap:17px;margin-top:7px}.settings-list dt{font-size:.75rem;color:#8b9580}.settings-list dd{font-size:.9rem;margin:3px 0 0;color:#4f623c;overflow-wrap:anywhere}.settings-actions{margin-top:20px;display:flex;gap:15px;align-items:center}.settings-actions .button{min-height:42px;font-size:.8rem;padding:9px 15px}.app-footer{font-size:.75rem;color:#98a08e;margin-top:32px}.account-welcome{background:#d5ff7a;border-radius:10px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:26px}.account-welcome h2{font-size:2rem;max-width:520px}.account-welcome p{margin-top:15px;font-size:.95rem;color:#536d35;max-width:550px}.account-welcome>.account-star{display:block;width:4.5rem;height:4.5rem;flex-shrink:0}.account-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.card-placeholder{padding:24px;background:#182017;color:#d1ddc6;border-radius:8px;min-height:165px;display:flex;flex-direction:column;justify-content:space-between}.card-placeholder .wordmark{font-size:1.6rem}.card-placeholder p{font-size:.8rem}.privacy-copy{font-size:.875rem;color:#78896a;line-height:1.8}.account-actions{display:flex;gap:20px;margin-top:23px}.error-page{max-width:480px;padding:35px;margin:18vh auto;text-align:center}.error-page h1{font-size:2rem;margin:25px 0 15px}.error-page p{color:#728066}.error-page .button{margin-top:25px}.dialog-content .confirm-copy{color:#718162}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions .button{min-height:43px;padding:11px 18px;font-size:.85rem}.button-danger{background:#873f34;color:#fff;border-color:#873f34}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(max-width:1200px){.workspace{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-inline:20px}.workspace-content{padding-inline:28px}.workspace-top{padding-inline:28px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel:last-child .panel-content{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.setup-item{padding:0;border:0}.setup-item>div{align-items:flex-start;flex-direction:column;gap:10px}.auth-left{padding-inline:5%}}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr .75fr;gap:15px;padding:15px}.auth-left{padding:20px 5%}.auth-panel{padding:27px;min-height:650px}.auth-panel-bottom h2{font-size:2.1rem}.auth-panel-top span:last-child{display:none}.auth-form-wrap h1{font-size:2.75rem}.workspace{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:15px}.sidebar .wordmark{font-size:1.6rem}.side-nav a{font-size:.85rem;gap:10px}.metrics{gap:12px}.metric{padding:19px}.metric strong{font-size:2.3rem}.workspace-content{padding:30px 22px 50px}.workspace-top{padding-inline:22px}.workspace-top>p{display:none}.workspace-top{justify-content:flex-end}.settings-grid,.account-panels{grid-template-columns:1fr}.page-title h1{font-size:1.8rem}.account-welcome{padding:27px}.account-welcome h2{font-size:1.8rem}}
@media(max-width:680px){.auth-layout{display:block;min-height:100vh;padding:0}.auth-left{padding:27px 25px;min-height:100vh}.auth-panel{display:none}.auth-form-wrap{padding-block:65px}.auth-form-wrap h1{font-size:3.1rem}.auth-foot{font-size:.7rem}.workspace{display:block}.sidebar{position:relative;height:auto;padding:21px 20px 13px;display:block}.sidebar .wordmark{font-size:1.6rem}.sidebar-label{display:none}.side-nav{flex-direction:row;margin-top:20px;gap:7px;overflow-x:auto;padding-bottom:3px}.side-nav a{padding:9px 12px;min-height:40px;white-space:nowrap;font-size:.8rem;gap:9px}.side-nav a svg{width:16px;height:16px}.side-footer{display:none}.workspace-top{min-height:68px;padding:14px 20px}.account-controls{width:100%;gap:10px}.account-controls .email{font-size:.75rem;margin-right:auto}.workspace-content{padding:27px 20px 45px}.page-title{margin-bottom:24px;gap:15px}.page-title h1{font-size:1.85rem}.page-title p{font-size:.85rem}.page-title>.pill{display:none}.metrics{gap:10px;margin-bottom:23px}.metric{padding:15px 13px}.metric p{font-size:.75rem;min-height:35px;line-height:1.5}.metric strong{font-size:2rem;margin-top:8px}.metric small{font-size:.65rem}.panel-heading,.panel-content{padding:20px}.dashboard-grid>.panel:last-child .panel-content{display:block}.setup-item{padding-block:17px;border-bottom:1px solid #ecf0e5}.setup-item>div{flex-direction:row;align-items:center}.data-table th,.data-table td{padding-inline:20px}.table-tools{align-items:flex-start;flex-direction:column;gap:13px}.search-form{width:100%;max-width:none}.table-tools .muted-copy{font-size:.75rem}.settings-grid{gap:22px}.account-welcome{padding:25px}.account-welcome>.account-star{display:none}.account-welcome h2{font-size:1.8rem}.account-welcome p{font-size:.875rem}.settings-actions{align-items:flex-start;flex-direction:column}.pagination{padding:17px 20px}.dialog-content{padding:30px 23px}.dialog-content h2{font-size:1.6rem}.dialog-actions .button{font-size:.8rem}.app-footer{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}

.webhook-panel{grid-column:1/-1}.webhook-url{margin-top:23px}.webhook-url>div{display:flex;gap:10px}.webhook-url input{font-size:.85rem;min-height:43px;background:#f7f9f3}.webhook-url .muted-copy{margin-top:8px}.webhook-url button{padding-inline:15px}
.card-create-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:30px;align-items:start}.card-create-form{display:grid;gap:23px}.card-create-form fieldset{border:0;padding:0;margin:0}.card-create-form legend{font-weight:600;font-size:1rem}.card-create-form fieldset>.form-meta{margin:8px 0 18px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-create-form select,.card-create-form input[type=number]{width:100%;min-height:53px;border:1px solid #ccd4c5;border-radius:6px;padding:13px 15px;font:inherit;background:#fff;color:#141916}.card-create-form .form-button{margin:0}.card-create-form .form-meta{margin-top:8px}.card-create-form .notice:empty{display:none}.card-create-aside{padding:10px 0}.card-create-aside h2{font-size:1.8rem;margin:28px 0 14px}.card-create-aside>p,.card-start>p{color:#64725b;font-size:.9rem;line-height:1.8}.card-start h3{font-size:1.35rem;margin:24px 0 12px}.card-start .button{margin-top:22px}.card-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0}.card-summary strong{display:block;font-size:1.7rem;margin-top:7px}.issued-card+.issued-card{margin-top:35px;border-top:1px solid #d5ddcf;padding-top:28px}.issued-card .card-placeholder strong{font-size:1.1rem;letter-spacing:.08em;margin-top:20px;display:block}.payment-panel{margin-top:26px;max-width:810px}.payment-breakdown{margin-top:22px}.exact-payment{padding:24px;background:#eaffc7;border-radius:9px;margin:24px 0;color:#253317}.exact-payment>strong{display:block;font-size:1.7rem;margin:8px 0;overflow-wrap:anywhere}.exact-payment>p{font-size:.85rem}.payment-address{display:flex;gap:10px}.payment-address input{font-family:monospace;font-size:.875rem;min-width:0}.payment-address button{flex-shrink:0}.card-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:25px}.private-card-details dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.card-placeholder{overflow-wrap:anywhere}select:focus-visible{outline:3px solid #97ca4980;outline-offset:2px}
@media(max-width:900px){.card-create-layout{grid-template-columns:1fr}.card-create-aside{display:none}}
@media(max-width:480px){.name-fields{grid-template-columns:1fr}.exact-payment>strong{font-size:1.4rem}.payment-address{flex-direction:column}.card-form-actions{align-items:stretch;flex-direction:column}.card-create-form{gap:20px}}

.payment-destination{display:grid;grid-template-columns:216px minmax(0,1fr);align-items:center;gap:24px}.deposit-qr{margin:0;text-align:center;min-width:0}.deposit-qr svg{display:block;width:216px;max-width:100%;height:auto;margin-inline:auto;background:#fff}.deposit-qr figcaption{margin-top:8px;font-size:.875rem;color:#526147}.deposit-address-details{min-width:0}.qr-instructions{font-size:.875rem;line-height:1.7;color:#526147;margin-top:16px}#payment-copy-status:empty{display:none}
@media(max-width:680px){.payment-destination{grid-template-columns:minmax(0,1fr);gap:24px}.deposit-qr{max-width:216px;justify-self:center}}
.issued-card-actions{display:flex;flex-wrap:wrap;gap:12px}
.payment-otp-value{margin-block:20px}
.payment-otp-value[hidden]{display:none}
.payment-otp-value input{width:100%;font-family:var(--display);font-size:2rem;letter-spacing:.16em;text-align:center;padding:14px;box-sizing:border-box}
.payment-otp-value .button{margin-top:12px}
.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #d3ddc8;border-radius:50%;background:#fff;color:#25331c}
.notification-bell svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.notification-count{position:absolute;right:-4px;top:-4px;background:#d5ff7a;border:1px solid #99b861;color:#25331c;border-radius:20px;min-width:20px;padding:1px 5px;font-size:.75rem;font-weight:600;line-height:1.4}
.notification-count[hidden],.card-notifications[hidden]{display:none}
.card-notifications{margin-bottom:26px}
.payment-notification{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e8ecdf}
.payment-notification:last-child{border-bottom:0;padding-bottom:0}
.payment-notification h3{font-size:1rem;letter-spacing:-.02em;margin-bottom:5px}
.payment-notification p{font-size:.875rem;color:#60734a;overflow-wrap:anywhere}
.payment-notification .form-meta{margin-top:7px}
.payment-notification .button{flex-shrink:0;min-height:42px;padding:10px 16px}
.notification-empty{font-size:.875rem;line-height:1.7;color:#60734a;margin-top:20px}
@media(max-width:480px){.account-controls .email{max-width:calc(100vw - 190px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-notification{align-items:flex-start;flex-direction:column;gap:14px}}
.card-history{margin-top:23px;border-top:1px solid #dce3d4}
.card-history>summary{font-size:1rem;padding:20px 0;gap:16px}
.card-history>summary svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;transition:transform .2s}
.card-history[open]>summary svg{transform:rotate(180deg)}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;font-size:.875rem;color:#64725b}
.transaction-list{list-style:none;padding:0;margin:0}
.card-transaction{padding:18px 0;border-top:1px solid #e8ecdf}
.transaction-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.transaction-top h3{font-family:var(--body);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0;min-width:0;overflow-wrap:anywhere}
.transaction-amount{font-size:.9375rem;font-weight:600;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.transaction-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.875rem;color:#64725b;margin-top:8px}
.transaction-description{font-size:.875rem;color:#64725b;line-height:1.6;overflow-wrap:anywhere;margin-top:8px}
.transaction-extra>summary{font-size:.875rem;padding:12px 0 0;color:#52683b;justify-content:flex-start;text-decoration:underline;text-underline-offset:4px}
.transaction-extra dl{display:grid;gap:12px;background:#f4f7ed;border-radius:6px;padding:16px;margin-top:12px}
.transaction-extra dt{font-size:.875rem;color:#64725b}
.transaction-extra dd{font-size:.875rem;font-variant-numeric:tabular-nums;margin:3px 0 0;overflow-wrap:anywhere;line-height:1.6}
.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #e8ecdf;font-size:.875rem;color:#64725b}
.history-pagination .row-button{font-size:.875rem;min-height:38px}
.history-message,.history-timezone{font-size:.875rem;color:#64725b;line-height:1.7;margin:0 0 18px}
@media(max-width:420px){.transaction-top{flex-direction:column;gap:4px}.transaction-amount{text-align:left}.history-pagination{gap:8px}}

.wallet-panel{margin-bottom:24px}.issued-card-actions{flex-wrap:wrap}

/* Customer workspace: a quieter hierarchy with card actions kept together. */
.customer-workspace{background:#f5f6f2;grid-template-columns:218px minmax(0,1fr)}
.customer-workspace .sidebar{background:#19221c;padding:32px 22px}
.customer-workspace .sidebar-label{color:#a0aea0;font-size:.62rem;letter-spacing:.15em;margin-top:52px}
.customer-workspace .side-nav a{border-radius:9px;font-size:.84rem;padding:13px 14px;min-height:46px}
.customer-workspace .side-nav a.active{background:#dcf5ae}
.customer-workspace .workspace-top{background:#f5f6f2;min-height:76px;padding:16px 38px;border-color:#e2e6dd}
.customer-workspace .workspace-content{max-width:1280px;padding:36px 38px 56px}
.customer-workspace .page-title{margin-bottom:27px}
.customer-workspace .page-title h1{font-size:2.35rem;font-weight:500;letter-spacing:-.06em}
.customer-workspace .page-title .eyebrow{display:none}
.customer-workspace .page-title> .pill{background:transparent;border:1px solid #d7dfcd;color:#61744f;font-size:.62rem;letter-spacing:.05em}
.customer-workspace .panel{border-color:#dfe5d9;border-radius:16px;box-shadow:0 3px 12px #19221c03}
.customer-workspace .button{border-radius:8px;min-height:42px;font-size:.8rem;padding:11px 18px}
.customer-workspace .button-primary{background:#d5f49c;border-color:#d5f49c;color:#26381a}
.customer-workspace .button-primary:hover{background:#c3e982;border-color:#c3e982}
.dashboard-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;margin-bottom:32px}
.dashboard-summary .wallet-panel{margin:0;background:#fff}
.wallet-panel .panel-heading{border:0;padding:24px 26px 0}
.wallet-panel .panel-heading h2{font-size:.87rem;font-family:var(--body);font-weight:600;letter-spacing:0}
.wallet-panel .panel-heading .plain-button{font-size:.75rem;color:#687560}
.wallet-panel .panel-content{padding:14px 26px 0}
.wallet-panel .card-summary{margin:0}
.wallet-panel .card-summary .muted-copy{font-size:.75rem;color:#75816a}
.wallet-panel .card-summary strong{font-family:var(--display);font-size:2.9rem;font-weight:500;letter-spacing:-.055em;margin-top:10px;color:#202b1b;line-height:1.15;overflow-wrap:anywhere}
.wallet-panel .privacy-copy{font-size:.75rem;line-height:1.6;margin-top:12px;max-width:380px}
.wallet-actions{display:flex;gap:17px;align-items:center;padding:20px 26px 24px}
.wallet-actions>span{font-size:.7rem;color:#7b8670}
.dashboard-at-glance{background:#eaf0df;border:1px solid #e0e7d4;border-radius:16px;padding:25px 28px;display:flex;flex-direction:column;justify-content:space-between}
.summary-kicker{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.61rem;letter-spacing:.1em;color:#57684b;font-weight:600}
.dashboard-counts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:19px 0}
.dashboard-counts>div+div{border-left:1px solid #cfdbc2;padding-left:24px}
.dashboard-counts span{font-size:.76rem;color:#69795c;display:block}
.dashboard-counts strong{display:block;font-family:var(--display);font-weight:500;font-size:2.8rem;letter-spacing:-.055em;line-height:1.2;margin-top:8px}
.dashboard-at-glance>p{font-size:.77rem;line-height:1.7;color:#69795c;max-width:330px}
.cards-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}
.cards-toolbar h2{font-size:1.5rem;font-weight:500;letter-spacing:-.04em}
.cards-toolbar p{font-size:.8rem;color:#7e8974;margin-top:5px}
.customer-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.customer-card-grid>.empty-state,.customer-card-grid>.notice{grid-column:1/-1}
.customer-card-grid>.empty-state{background:white;border:1px dashed #cfd9c4;border-radius:16px}
.customer-card-grid .issued-card,.customer-card-grid .issued-card+.issued-card{margin:0;padding:20px;background:white;border:1px solid #dfe5d9;border-radius:16px;min-width:0}
.customer-card-grid .card-placeholder{background:#202e24;min-height:190px;border-radius:12px;padding:23px;color:#e4eedb;position:relative;isolation:isolate}
.customer-card-grid .card-placeholder:before{content:'';position:absolute;width:230px;height:230px;border:1px solid #b8d79618;border-radius:50%;right:-92px;top:-73px;z-index:-1;box-shadow:0 0 0 34px #b8d79607,0 0 0 68px #b8d79605}
.card-art-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}
.card-art-top img{filter:brightness(0) invert(.85);opacity:.8}
.card-art-top .wordmark{font-size:1.4rem;font-weight:600;letter-spacing:-.05em}
.customer-card-grid .card-placeholder p{font-size:.8rem;color:#c0cfb8;margin-bottom:10px}
.customer-card-grid .card-placeholder strong{font-size:.94rem;font-weight:400;letter-spacing:.1em;margin:0}
.card-art-caption{font-size:.48rem;letter-spacing:.17em;color:#91a989;margin-top:25px}
.customer-card-grid .issued-card:nth-child(even) .card-placeholder{background:#e4efcf;color:#26381a}
.customer-card-grid .issued-card:nth-child(even) .card-placeholder p{color:#5a7046}
.customer-card-grid .issued-card:nth-child(even) .card-art-caption{color:#6b8256}
.customer-card-grid .issued-card:nth-child(even) .card-art-top img{filter:none;opacity:.7}
.customer-card-grid .card-summary{margin:21px 0 18px}
.customer-card-grid .card-summary strong{font-size:1.8rem;font-family:var(--display);font-weight:500;letter-spacing:-.04em}
.customer-card-grid .muted-copy{font-size:.72rem}
.customer-card-grid .issued-card-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px}
.card-secondary-actions{display:flex;justify-content:space-between;gap:10px;margin:18px 1px 0}
.card-secondary-actions .plain-button{font-size:.73rem;color:#647657;text-decoration:none}
.card-secondary-actions .plain-button:hover{text-decoration:underline}
.customer-card-grid .card-history{margin:18px 0 0;border-top:1px solid #e5eade;border-radius:0;background:transparent}
.customer-card-grid .card-history>summary{font-size:.76rem;padding:17px 0 0}
.customer-card-grid .card-history-content{padding:14px 0 0}
.card-collection-note{font-size:.72rem;color:#86907d;margin:17px 1px 30px}
.dashboard-pending:empty{display:none}
.dashboard-pending{margin-bottom:30px}
.pending-payments-panel .panel-heading{background:#f5f5ec;padding:17px 23px}
.pending-payments-panel .panel-heading h2{font:500 .85rem var(--body)}
.pending-payments-panel .panel-content{padding:0 23px}
.pending-payments-panel .payment-notification{margin:0;border:0;border-radius:0;padding:17px 0;background:transparent}
.pending-payments-panel .payment-notification+.payment-notification{border-top:1px solid #e7ecdf}
.pending-payments-panel h3{font-size:.83rem}
.account-profile{border-top:1px solid #dce3d4;padding:22px 0;margin-top:5px}
.account-profile>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.82rem;color:#46563b}
.account-profile>summary::-webkit-details-marker{display:none}
.account-profile>summary>span+span{font-size:.74rem;color:#7d8972;overflow-wrap:anywhere;text-align:right}
.account-profile>summary>span>span{margin-left:15px;font-size:1rem}
.account-profile-content{padding-top:24px}
.account-profile .settings-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.two-factor-setting{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px;border:1px solid #dce3d4;border-radius:14px;background:#f8faf4;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.two-factor-setting:hover{border-color:#aebda2;background:#f2f7e9}
.two-factor-setting:focus-within{outline:2px solid #26351e;outline-offset:3px}
.two-factor-setting:active{transform:translateY(1px)}
.two-factor-setting h3{margin:0 0 4px;font-size:1rem}
.two-factor-setting p{margin:0;color:#7d8972;font-size:.82rem}
.two-factor-setting input[role=switch]{width:46px;height:25px;flex:0 0 auto;accent-color:#26351e}
.two-factor-qr{width:min(240px,100%);margin:20px auto;text-align:center}
.two-factor-qr svg{width:100%;height:auto;background:#fff;border-radius:12px}
.two-factor-qr figcaption{margin-top:8px;color:#64705e;font-size:.75rem}
.recovery-codes{padding:18px;border-radius:12px;background:#edf2e5;color:#182015;font:600 .95rem/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;column-count:2}
.customer-workspace .card-notifications{margin-bottom:24px}
.customer-workspace .app-footer{font-size:.68rem;margin-top:20px}
.customer-workspace .card-create-form{gap:20px}
.customer-workspace .card-create-form input,.customer-workspace .card-create-form select{border-radius:8px;font-size:.9rem}
.customer-workspace :focus-visible{outline:3px solid #7e9d4d;outline-offset:3px}
@media(min-width:1450px){.customer-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.customer-workspace{grid-template-columns:184px minmax(0,1fr)}.customer-workspace .workspace-content{padding:30px 26px}.customer-workspace .sidebar{padding-inline:16px}.dashboard-summary{grid-template-columns:1.1fr 1fr}.wallet-panel .card-summary strong{font-size:2.35rem}.wallet-actions{align-items:flex-start;flex-direction:column;gap:10px}.customer-card-grid .card-placeholder{padding:19px}.customer-card-grid .issued-card{padding:16px}.card-secondary-actions{flex-wrap:wrap}}
@media(max-width:800px){.customer-workspace{display:block}.customer-workspace .sidebar{height:auto;position:relative;padding:19px 24px;display:flex;flex-direction:row;align-items:center;gap:25px}.customer-workspace .sidebar-label,.customer-workspace .side-footer{display:none}.customer-workspace .side-nav{flex-direction:row;margin:0 0 0 auto;gap:5px}.customer-workspace .side-nav a{min-height:38px;padding:9px 12px;font-size:.75rem}.customer-workspace .side-nav a svg{display:none}.customer-workspace .workspace-top{padding:13px 24px;min-height:65px}.customer-workspace .workspace-content{padding:26px 24px 40px}.customer-workspace .workspace-top>p{display:none}.dashboard-summary{gap:16px}.dashboard-at-glance{padding:23px}.wallet-panel .panel-heading{padding:22px 23px 0}.wallet-panel .panel-content{padding:14px 23px 0}.wallet-actions{padding:18px 23px 23px}.customer-card-grid{gap:16px}.customer-workspace .page-title h1{font-size:2rem}}
@media(max-width:560px){.customer-workspace .sidebar{padding:18px 18px;gap:10px}.customer-workspace .sidebar .wordmark{font-size:1.4rem}.customer-workspace .brand-icon{display:none}.customer-workspace .side-nav a{padding:8px 10px;font-size:.7rem}.customer-workspace .workspace-content{padding:26px 18px 35px}.customer-workspace .workspace-top{padding:12px 18px}.customer-workspace .account-controls{gap:10px}.customer-workspace .account-controls .avatar{display:none}.customer-workspace .account-controls .email{font-size:.7rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-workspace .page-title> .pill{display:none}.dashboard-summary{grid-template-columns:1fr;gap:14px;margin-bottom:26px}.wallet-panel .card-summary strong{font-size:2.65rem}.wallet-actions{flex-direction:row;align-items:center;gap:15px}.dashboard-at-glance{padding:18px 22px}.summary-kicker{font-size:.56rem}.summary-kicker img{width:23px;height:23px}.dashboard-counts{margin:14px 0 0}.dashboard-counts strong{font-size:1.9rem}.dashboard-counts span{font-size:.72rem}.dashboard-at-glance>p{display:none}.customer-card-grid{grid-template-columns:1fr}.customer-card-grid .issued-card{padding:19px}.customer-card-grid .card-placeholder{min-height:185px}.cards-toolbar h2{font-size:1.35rem}.cards-toolbar .button{font-size:.75rem;padding:10px 13px}.account-profile .settings-list{grid-template-columns:1fr}.account-profile>summary>span+span{max-width:60%}.customer-workspace .card-secondary-actions{flex-wrap:nowrap}.card-collection-note{font-size:.65rem;line-height:1.8}.customer-workspace .page-title p{font-size:.83rem}.customer-workspace .issued-card+.issued-card{padding-top:19px}}

/* Keep narrow screens intrinsic-size safe instead of clipping page overflow. */
.customer-workspace,.customer-workspace .workspace-main,.customer-workspace .workspace-content,
.customer-workspace #view-content,.dashboard-summary>*,.customer-card-grid>*,
.customer-workspace .panel-content,.customer-workspace .account-controls,
.customer-workspace .card-create-layout>*{min-width:0;max-width:100%}
.customer-workspace .account-controls .email{min-width:0}
.customer-workspace .account-profile>summary>span{flex-shrink:1;min-width:0;overflow-wrap:anywhere;line-height:1.5}
.customer-workspace .wallet-actions{flex-wrap:wrap}
.customer-workspace .card-summary>div{min-width:0;overflow-wrap:anywhere}
.customer-workspace .payment-notification>div{min-width:0;overflow-wrap:anywhere}
.customer-workspace .card-create-form select,.customer-workspace .card-create-form input{max-width:100%;min-width:0}
.customer-workspace .dialog-actions{flex-wrap:wrap}
@media(max-width:800px){
 .customer-workspace .sidebar{flex-wrap:wrap}
 .customer-workspace .side-nav{min-width:0;max-width:100%;flex-wrap:wrap;overflow:visible}
 .customer-workspace .account-controls{width:100%;min-width:0;gap:10px}
 .customer-workspace .account-controls .email{flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .customer-workspace .account-controls .notification-bell,.customer-workspace .account-controls .signout{flex-shrink:0}
 .customer-workspace input,.customer-workspace select,.auth-layout input,.auth-layout select,dialog input,dialog select{font-size:16px!important}
 dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
 dialog .dialog-content{min-width:0;overflow-wrap:anywhere}
 dialog .dialog-actions{flex-wrap:wrap}
}
@media(max-width:520px){.two-factor-setting{align-items:flex-start;padding:16px}.recovery-codes{column-count:1}}
@media(max-width:560px){
 .customer-workspace .sidebar{display:block;padding:18px 18px 12px}
 .customer-workspace .side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;padding:0;gap:6px}
 .customer-workspace .side-nav a{justify-content:center;white-space:normal;min-width:0;min-height:40px;padding:9px 6px}
 .customer-workspace .account-controls .email{max-width:none}
 .wallet-actions{gap:10px 14px}
 .wallet-actions>span{flex:1 1 100%;line-height:1.5}
 .customer-workspace .wallet-panel .card-summary strong{font-size:clamp(1.9rem,8vw,2.65rem)}
 .customer-workspace .card-secondary-actions{flex-wrap:wrap;gap:12px}
 .customer-workspace .cards-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .customer-workspace .cards-toolbar>div{min-width:0}
 .customer-workspace .issued-card-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
 .customer-workspace .issued-card-actions .button{min-width:0;padding-inline:10px;gap:8px;white-space:normal}
 .customer-workspace .panel-heading{flex-wrap:wrap;gap:12px}
 .customer-workspace .payment-notification{flex-wrap:wrap;align-items:flex-start;gap:12px}
 .customer-workspace .payment-notification .button{max-width:100%}
 .customer-workspace .account-profile>summary{align-items:flex-start;gap:12px}
 .customer-workspace .account-profile>summary>span+span{flex:1 1 50%;max-width:65%}
 .customer-workspace .card-create-form #crypto-network{min-width:0}
 .customer-workspace .history-toolbar,.customer-workspace .history-pagination{flex-wrap:wrap;gap:10px}
 .customer-workspace .transaction-top{flex-wrap:wrap;gap:8px}
 .customer-workspace .transaction-amount{white-space:normal;overflow-wrap:anywhere}
}

/* Decorative rings must stay inside their card, not enlarge Safari's page. */
.customer-card-grid .card-placeholder{overflow:hidden}
.wallet-panel .card-summary strong{font-variant-numeric:tabular-nums}

.admin-sales{margin-bottom:32px;min-width:0}.admin-sales>.panel-heading{border:0;padding:0 0 20px}.admin-sales>.panel-heading h2{font-size:1.5rem}.admin-sales .form-meta{margin:7px 0 0}.sales-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.sales-metrics .metric{min-width:0}.sales-metrics .metric strong{font-size:clamp(1.5rem,3vw,2.6rem);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sales-earned{background:#e7f4d4;border-color:#cbdcb5}.sales-explainer{font-size:.875rem;line-height:1.7}.sales-explainer p{color:#718162;margin-top:5px}.sales-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 0}.sales-breakdown dt{font-size:.75rem;color:#718162}.sales-breakdown dd{margin:8px 0 0;font-size:1.2rem;font-weight:600}.sales-empty{padding:0 24px 24px;color:#718162;font-size:.875rem}.admin-sales .data-scroll{max-width:100%;overflow-x:auto}.admin-sales .panel-note{line-height:1.8}@media(max-width:800px){.sales-metrics,.sales-breakdown{grid-template-columns:1fr}.sales-metrics .metric strong{font-size:2rem}.admin-sales>.panel-heading{flex-wrap:wrap;gap:12px}.admin-workspace .workspace-content{min-width:0;max-width:100%}}

/* Secure customer-to-admin live chat. */
.chat-panel{max-width:900px;margin-inline:auto;overflow:hidden}
.chat-thread{height:min(52vh,520px);min-height:300px;overflow-y:auto;padding:24px;background:#f6f8f2;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}
.chat-message{width:min(78%,620px);padding:14px 16px;border:1px solid #dce4d4;border-radius:14px 14px 14px 4px;background:#fff;align-self:flex-start;overflow-wrap:anywhere}
.chat-message.customer{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#def8aa;border-color:#c8e795}
.chat-message>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-bottom:7px}
.chat-message strong{font-size:.78rem;color:#354629}.chat-message time{font-size:.66rem;color:#839078;white-space:nowrap}
.chat-message p{font-size:.88rem;line-height:1.65;color:#34412e}
.chat-compose{padding:20px 24px;border-top:1px solid #e1e7dc;background:#fff}
.chat-compose textarea{width:100%;resize:vertical;min-height:88px;max-height:240px;border:1px solid #ccd6c4;border-radius:9px;padding:13px 14px;font:inherit;color:#20291c;background:#fff}
.chat-compose>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.chat-compose .muted-copy{max-width:560px;line-height:1.55}.chat-compose .notice:empty{display:none}
.admin-chat-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);gap:22px;align-items:start}
.chat-conversations,.admin-chat-panel{overflow:hidden}.chat-conversations{position:sticky;top:100px}.chat-conversations>.panel-heading,.admin-chat-panel>.panel-heading{padding:20px 22px}
.conversation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #e6ebdf;color:#26351e;text-decoration:none;min-width:0}
.conversation-row:hover,.conversation-row.active{background:#eff6e4}.conversation-row>span{display:block;min-width:0}.conversation-row strong,.conversation-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row strong{font-size:.84rem}.conversation-row small{font-size:.72rem;color:#7a8870;margin-top:5px}.conversation-row b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:#d5ff7a;font-size:.7rem}
.admin-chat-panel .chat-thread{height:min(52vh,520px)}
@media(max-width:900px){.admin-chat-layout{grid-template-columns:1fr}.chat-conversations{position:static}.chat-conversations #chat-conversation-list{max-height:280px;overflow-y:auto}}
@media(max-width:560px){.customer-workspace .side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.chat-thread{height:48vh;min-height:280px;padding:16px}.chat-message{width:88%;padding:12px}.chat-message>div{display:block}.chat-message time{display:block;margin-top:3px}.chat-compose{padding:16px}.chat-compose>div{align-items:stretch;flex-direction:column}.chat-compose .button{width:100%}.admin-chat-layout{gap:16px}}