@import url('./tokens.css?v=20261028-17');
.commerce-scene{--commerce-mint:#27f5a6;--commerce-cyan:#45dfff;--commerce-red:#ff5471;color:#dadbdf;font:14px/1.45 Inter,Arial,sans-serif;min-width:0;font-variant-numeric:tabular-nums}
.commerce-scene *,.commerce-dialog *{box-sizing:border-box}
.commerce-scene h1,.commerce-scene h2,.commerce-scene p{margin:0}
.commerce-scene button,.commerce-scene input,.commerce-scene select,.commerce-dialog button,.commerce-dialog input,.commerce-dialog select{font:inherit;color:inherit}
.commerce-scene button,.commerce-dialog button{cursor:pointer}
.commerce-scene button:focus-visible,.commerce-scene input:focus-visible,.commerce-scene select:focus-visible,.commerce-dialog button:focus-visible,.commerce-dialog input:focus-visible,.commerce-dialog select:focus-visible{outline:2px solid #45dfff;outline-offset:3px}
.commerce-scene button:disabled,.commerce-dialog button:disabled{cursor:default;opacity:.5}
.commerce-icon{width:18px;height:18px;display:inline-block;flex-shrink:0;vertical-align:middle;pointer-events:none}
.commerce-demo{display:inline-flex;align-items:center;height:20px;border:1px solid #36393d;border-radius:10px;padding:0 8px;font-size:10px;line-height:18px;letter-spacing:.2px;color:#a9aeb6;font-weight:400}
.commerce-positive{color:#27f5a6!important}.commerce-cyan{color:#45dfff!important}
.commerce-primary{border:1px solid #45dfff!important;background:#45dfff!important;color:#071114!important;font-weight:600!important}
.commerce-primary:hover{background:#75eaff!important;border-color:#75eaff!important}
.commerce-section-label{height:18px;display:flex;align-items:center;gap:12px;margin:2px 0 14px}
.commerce-active-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.commerce-active-account{width:100%;height:114px;display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;border:1px solid #35383e;border-radius:14px;background:#191919;text-align:left}
.commerce-active-account>div{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;gap:6px;min-width:0}
.commerce-active-account>div>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.commerce-active-account>strong{font-size:18px;font-weight:500;line-height:26px;margin:8px 0}
.commerce-active-account>p{font-size:11px;line-height:16px;color:#8c9096;white-space:nowrap}
.commerce-active-account>p>span{color:#27f5a6}
.commerce-status{display:inline-flex;justify-content:center;align-items:center;min-height:27px;border:1px solid #2c7c5c;border-radius:18px;padding:3px 12px;font-size:11px;line-height:18px;white-space:nowrap;color:#27f5a6;background:#10251b}
.commerce-status-challenge{min-height:22px;border:0;background:#2c2d31;color:#bfc3c8;font-size:10px;line-height:16px;padding:3px 9px}
.commerce-status-queued{color:#45dfff;border-color:#2d6d7b;background:#11252a}
.commerce-status-registered{color:#b2b8c1;border-color:#444851;background:#202226}
.commerce-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px;padding-bottom:16px}
.commerce-product{height:420px;border-radius:20px;padding:26px 16px 18px;background:linear-gradient(180deg,#238ca6 0,#183a42 60px,#191919 91px);display:flex;flex-direction:column;overflow:hidden}
.commerce-product h2{font-size:20px;font-weight:500;line-height:28px;letter-spacing:.1px;color:#fff;margin-bottom:26px}
.commerce-product-balance{font-size:28px;line-height:34px;font-weight:650;color:#45dfff;white-space:nowrap}
.commerce-product-caption{font-size:10px;line-height:15px;color:#adb1b7;letter-spacing:.2px}
.commerce-product ul{border-top:1px solid #3a3d41;margin:17px 0 0;padding:10px 0 0;list-style:none;display:flex;flex-direction:column;gap:12px}
.commerce-product li{display:flex;align-items:center;gap:12px;font-size:10px;line-height:20px;color:#969ba3;white-space:nowrap}
.commerce-product li>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #45dfff;border-radius:50%;color:#d8faff;flex-shrink:0}
.commerce-product li .commerce-icon{width:13px;height:13px}
.commerce-plan-button{height:44px;border:1px solid #45dfff;border-radius:25px;background:transparent;font-size:11px!important;line-height:18px;font-weight:600!important;color:#fff!important;margin-top:auto}
.commerce-plan-button:hover{background:#153138}
.commerce-product-price{font-size:20px;line-height:28px;color:#45dfff;font-weight:500;margin-top:20px}
.commerce-finance{display:flex;flex-direction:column;min-height:788px}
.commerce-wallet-card{width:535px;height:126px;border:1px solid #2d5059;border-radius:16px;padding:22px 24px;background:linear-gradient(110deg,#142329,#16191d)}
.commerce-wallet-label{display:flex;align-items:center;gap:9px;font-size:16px;line-height:22px}
.commerce-wallet-label>.commerce-icon{color:#909ca8;width:16px;height:16px}
.commerce-wallet-label>.commerce-demo{margin-left:auto}
.commerce-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}
.commerce-wallet-row>strong{font-size:30px;line-height:39px;font-weight:600;white-space:nowrap;letter-spacing:-.5px;color:#fff}
.commerce-wallet-row>div{display:flex;gap:12px;align-items:center;flex-shrink:0}
.commerce-wallet-row button{height:40px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid #41464c;border-radius:24px;background:#24272c;font-size:11px;color:#c1c6ce;min-width:108px}
.commerce-wallet-row button.commerce-primary{min-width:128px}
.commerce-wallet-row button .commerce-icon{height:14px;width:14px}
.commerce-finance-tabs{display:flex;align-items:center;gap:6px;padding:4px;background:#0c0c0c;border-radius:24px;align-self:flex-start;height:40px;margin-top:28px}
.commerce-finance-tabs button{height:36px;padding:0 20px;border:1px solid transparent;border-radius:24px;background:transparent;color:#8c9096;font-size:13px}
.commerce-finance-tabs .commerce-selected,.commerce-period .commerce-selected{border-color:#45dfff;color:#45dfff;background:#122830}
.commerce-filter{display:flex;align-items:stretch;gap:12px;height:48px;margin:24px 0}
.commerce-filter input,.commerce-filter select{background:transparent;border:0;outline-offset:1px;height:46px;color:#a7acb5;font-size:13px;min-width:0}
.commerce-filter input::placeholder{color:#858b94}
.commerce-search{display:flex;align-items:center;width:280px;border:1px solid #2e3035;border-radius:8px;padding:0 12px;gap:10px;flex-shrink:0}
.commerce-search input{width:100%;color:#e0e2e6}
.commerce-search .commerce-icon{color:#777d87;width:16px;height:16px}
.commerce-date-range{display:flex;align-items:center;gap:8px;border:1px solid #2e3035;border-radius:8px;padding:0 12px;width:320px;flex-shrink:0}
.commerce-date-range input{width:132px;font-size:12px}
.commerce-date-range>span{color:#7c828d}
.commerce-filter>select{width:200px;flex-shrink:0;border:1px solid #2e3035;border-radius:8px;padding:0 12px;height:48px;background:#111}
.commerce-filter option{background:#191919;color:#dadbdf}
.commerce-filter-apply{height:48px;border:1px solid #41464c;border-radius:8px;background:#191919;padding:0 18px;font-size:12px!important}
.commerce-filter-reset{height:48px;width:42px;flex-shrink:0;border:0;background:transparent;color:#818996!important}
.commerce-filter-reset .commerce-icon{width:16px;height:16px}
.commerce-table-wrap{border:1px solid #282b30;border-radius:13px;overflow:hidden;flex-shrink:0}
.commerce-table-wrap table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.commerce-table-wrap th{position:relative;height:48px;font-size:11px;font-weight:500;color:#9298a2;letter-spacing:.3px;padding:0 16px;border-bottom:1px solid #24272c;white-space:nowrap}
.commerce-table-wrap td{height:57px;font-size:12px;color:#adb3bd;padding:9px 16px;border-bottom:1px solid #24272c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.commerce-table-wrap tbody tr:nth-child(even){background:#14171b}
.commerce-table-wrap tbody tr:last-child td{border-bottom:0}
.commerce-orders-table th:nth-child(1){width:17%}.commerce-orders-table th:nth-child(2){width:28%}.commerce-orders-table th:nth-child(3){width:20%}.commerce-orders-table th:nth-child(4){width:17%}.commerce-orders-table th:nth-child(5){width:18%}
.commerce-sort{font-size:10px;line-height:7px;position:absolute;right:12px;top:19px;color:#555c66}
.commerce-column-sort{display:block;width:100%;height:48px;padding:0;border:0;background:transparent;text-align:inherit;font:inherit!important;letter-spacing:inherit;color:inherit!important}
.commerce-column-sort:hover{color:#dfe9ee!important}
.commerce-column-sort:focus-visible{outline-offset:-3px!important}
.commerce-sort-active{color:#45dfff;top:22px}
.commerce-text-button{border:0;border-radius:0;background:transparent;padding:0;text-align:left;font-size:12px!important;color:#b7bec9!important;text-decoration:underline;text-decoration-color:#4b535f;text-underline-offset:3px}
.commerce-asset{display:flex;align-items:center;gap:7px;color:#d0d5dd;white-space:nowrap}
.commerce-asset .token-logo{flex:0 0 24px;width:24px;height:24px}
.commerce-asset small{font-size:10px;color:#7f8895}
.commerce-empty{text-align:center;height:120px!important;color:#777f8b!important}
.commerce-pagination{display:flex;align-items:center;gap:8px;font-size:12px;line-height:20px;margin-top:36px;margin-bottom:32px;color:#d0d4da}
.commerce-pagination>span{color:#818896}
.commerce-pagination label{display:flex;align-items:center;gap:6px}
.commerce-pagination select{font-size:12px;background:transparent;border:0;color:#b6bdc8;padding:2px}
.commerce-pagination .commerce-reserved{margin-left:auto;color:#45dfff}
.commerce-footer{margin:auto -20px -20px;text-align:center;padding:18px 26px 14px;background:#121212;min-height:84px;font-size:12px;line-height:18px;color:#a5aab3}
.commerce-footer p{font-size:10px;line-height:15px;color:#8c9096;margin:8px auto 0;max-width:1040px}
.commerce-partner-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.commerce-partner-heading h1{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:400;line-height:22px;color:#f1f3f6}
.commerce-partner-heading h1>.commerce-icon{color:#45dfff;width:16px;height:16px}
.commerce-partner-heading>button{display:flex;align-items:center;justify-content:center;gap:8px;height:33px;min-width:151px;border:1px solid #45dfff;border-radius:8px;padding:0 14px;background:transparent;font-size:11px;color:#45dfff}
.commerce-partner-heading>button .commerce-icon{width:14px;height:14px}
.commerce-partner-top{display:grid;grid-template-columns:1fr 1.08fr;gap:36px;height:184px;margin-top:16px;padding:0 16px}
.commerce-partner-balance{padding-right:24px;border-right:2px solid #292d34;min-width:0}
.commerce-partner-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;line-height:20px;margin-bottom:6px}
.commerce-partner-line strong{font-size:14px;font-weight:400}
.commerce-bonus-card{border:1px solid #397682;border-radius:10px;padding:10px 11px;background:linear-gradient(105deg,#164653,#236676);height:79px;margin-top:8px}
.commerce-bonus-card>div{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:12px;line-height:18px;color:#e1faff}
.commerce-bonus-card small{font-size:10px;color:#c1dfe6}
.commerce-bonus-card>div+div{margin-top:7px}
.commerce-bonus-card strong{font-size:27px;line-height:30px;letter-spacing:-.5px;font-weight:400;white-space:nowrap;margin-right:auto}
.commerce-bonus-card button{border:0;border-radius:18px;background:#18333b;color:#defaff;height:32px;padding:0 12px;font-size:10px;display:flex;align-items:center;gap:9px;white-space:nowrap}
.commerce-bonus-card button .commerce-icon{width:15px;height:15px}
.commerce-bonus-reserved{display:block;color:#45dfff;font-size:10px;line-height:16px;margin-top:5px}
.commerce-invite{min-width:0}
.commerce-invite-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px;font-size:12px;color:#818a97}
.commerce-invite-label small{font-size:9px;color:#45dfff;line-height:16px;border:1px solid #295466;background:#13242c;border-radius:16px;padding:4px 10px;white-space:nowrap}
.commerce-invite-link{display:flex;align-items:center;gap:8px;margin-top:9px}
.commerce-invite-link input{height:45px;width:100%;min-width:0;flex:1;border:0;border-radius:11px;padding:0 16px;background:#20252b;color:#a8b1bc;font-size:11px}
.commerce-invite-link button{height:46px;width:125px;flex-shrink:0;border-radius:12px;font-size:12px}
.commerce-promo-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}
.commerce-promo-row>div{height:44px;border-radius:10px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;background:#20252b}
.commerce-promo-row span{display:flex;flex-direction:column;font-size:10px;line-height:14px;color:#828b98}
.commerce-promo-row strong{font-size:13px;line-height:18px;font-weight:400;color:#f0f4f8}
.commerce-promo-row button{height:30px;width:30px;border:0;border-radius:8px;background:#30363f;color:#9ba6b4;display:grid;place-items:center;padding:0}
.commerce-promo-row button .commerce-icon{width:15px;height:15px}
.commerce-invite>p{font-size:11px;line-height:18px;margin-top:9px;color:#7c8592}
.commerce-partner-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:30px}
.commerce-partner-metrics>section{height:84px;border:1px solid #333842;border-radius:10px;padding:10px}
.commerce-partner-metrics span{display:block;font-size:12px;line-height:18px;color:#e2e6ec}
.commerce-partner-metrics strong{display:block;font-size:28px;font-weight:400;line-height:35px;color:#fff;white-space:nowrap;margin-top:2px;letter-spacing:-.5px}
.commerce-period{display:flex;align-items:center;gap:8px;margin-top:16px;height:33px}
.commerce-period button{height:33px;padding:0 16px;border:1px solid #34373d;border-radius:19px;font-size:12px;background:transparent;color:#b0b6c0}
.commerce-income{height:246px;border:1px solid #373b43;border-radius:10px;margin-top:16px;padding:16px}
.commerce-income>header{display:flex;align-items:center;justify-content:space-between;height:22px}
.commerce-income h2{font-size:14px;line-height:22px;font-weight:400;color:#f1f4f8}
.commerce-income>header>span{font-size:13px;color:#27f5a6}
.commerce-income>header small{font-size:10px;color:#7e8795;margin-left:5px}
.commerce-income-plot{height:180px;border:1px dashed #2b313a;border-radius:10px;margin-top:10px;padding:1px 10px 0;display:grid;place-items:center;overflow:hidden}
.commerce-income-plot p{font-size:12px;color:#808a98}
.commerce-income-plot svg{display:block;width:100%;height:100%;overflow:visible}
.commerce-income-plot line{stroke:#2a3039;stroke-width:1;stroke-dasharray:3 4}
.commerce-income-plot text{fill:#7c8795;font:10px Inter,Arial,sans-serif}
.commerce-income-bar{fill:#27f5a6}
.commerce-partner-table-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;height:32px}
.commerce-partner-table-heading h2{font-size:15px;line-height:24px;font-weight:400}
.commerce-partner-table-heading nav{display:flex;gap:8px}
.commerce-partner-table-heading button{font-size:11px;height:30px;border:1px solid #343b46;border-radius:17px;padding:0 12px;background:transparent;color:#a1abba}
.commerce-partner-table-heading .commerce-selected{border-color:#45dfff;color:#45dfff}
.commerce-partner .commerce-filter{margin:12px 0 16px}
.commerce-partner-table th{font-size:10px;letter-spacing:0}.commerce-partner-table td{font-size:11px}
.commerce-partner-table th:nth-child(1){width:18%}.commerce-partner-table th:nth-child(2){width:25%}.commerce-partner-table th:nth-child(3){width:13%}.commerce-partner-table th:nth-child(4){width:12%}.commerce-partner-table th:nth-child(5){width:16%}.commerce-partner-table th:nth-child(6){width:16%}
.commerce-partner .commerce-footer{margin-top:24px}
.demo-dialog:has(.commerce-dialog){width:560px;padding:28px;background:#191919;border:1px solid #353e46;border-radius:16px;color:#dadbdf}
.demo-dialog:has(.commerce-dialog)>.eyebrow,.demo-dialog:has(.commerce-dialog)>.dialog-done{display:none}
.demo-dialog:has(.commerce-dialog)>h2{font-family:Inter,Arial,sans-serif;font-size:20px;line-height:28px;font-weight:600;margin:0 0 22px;letter-spacing:0;color:#fff}
.commerce-dialog{font:13px/1.5 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#dadbdf}
.commerce-steps{display:flex;align-items:center;gap:8px;height:32px;margin:18px 0 26px}
.commerce-steps>span{display:grid;place-items:center;width:31px;height:31px;border:2px solid #454a52;border-radius:50%;color:#949ba6;font-size:14px;flex-shrink:0}
.commerce-steps>.commerce-step-active{background:#45dfff;border-color:#45dfff;color:#071114}
.commerce-steps>i{display:block;height:2px;background:#3a4049;flex:1}
.commerce-field{display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:18px;color:#aeb7c2;margin-top:20px}
.commerce-field input,.commerce-field select{height:48px;border:1px solid #383f49;border-radius:12px;background:#15181c;padding:0 15px;color:#e2e9f0;font-size:13px;min-width:0}
.commerce-field input::placeholder{color:#7c8695}
.commerce-field input[readonly]{color:#8d98a7}
.commerce-dialog .commerce-field-note{font-size:11px;line-height:18px;color:#86919f;margin:10px 0 0}
.commerce-dialog .commerce-dialog-lead{font-size:14px;line-height:22px;color:#e1eaf3;margin:0 0 18px}
.commerce-summary{margin:20px 0 0;padding:0}
.commerce-summary>div{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:10px 0;border-bottom:1px solid #333a43}
.commerce-summary dt{font-size:12px;line-height:18px;color:#98a3b1}
.commerce-summary dd{font-size:13px;line-height:20px;color:#eef5fc;margin:0;text-align:right}
.commerce-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin-top:22px}
.commerce-dialog-actions button{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:48px;min-width:0;border:1px solid #626d7b;border-radius:12px;background:transparent;color:#f2f7fc;padding:12px 10px;font-size:13px;line-height:18px;text-align:center;white-space:normal;overflow-wrap:anywhere}
.commerce-dialog .commerce-form-error{min-height:0;margin:12px 0 0;font-size:12px;line-height:18px;color:#ff5471}
.commerce-form-error:empty{display:none}
.commerce-dialog .commerce-success{display:flex;align-items:center;gap:10px;color:#27f5a6;font-size:16px;line-height:24px;margin:0 0 16px}
.commerce-success .commerce-icon{width:22px;height:22px}

.commerce-network-select{display:block;position:relative}.commerce-network-select>.token-logo{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}.commerce-field .commerce-network-select>select{padding-left:48px;width:100%}

.commerce-sort-note{font-size:10px;color:#8c929b;font-weight:400;margin-left:10px}

/* Amounts and counts align on the same right edge as their headers. */
.commerce-finance table th:nth-child(4),.commerce-finance table td:nth-child(4),.commerce-finance table:has(th:nth-child(6)) th:nth-child(5),.commerce-finance table:has(th:nth-child(6)) td:nth-child(5),.commerce-partner-table th:nth-child(n+4),.commerce-partner-table td:nth-child(n+4){text-align:right;padding-right:28px;font-variant-numeric:tabular-nums}