:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--portal-bg:#0a0c0f;--portal-card:#12171d;--portal-surface:#181d23;--portal-surface-2:#1e2530;--portal-text:#f0f4f8;--portal-muted:#8794a5;--portal-border:#26313d;--portal-green:#00e5a0;--portal-cyan:#00bcd4;--portal-yellow:#ffd600;--portal-orange:#ff9800;--portal-red:#ff4d4d;--portal-blue:#64b5f6;font-family:Inter,Segoe UI,Arial,sans-serif}:root[data-theme=light]{--portal-bg:#f1f4f8;--portal-card:#fff;--portal-surface:#f7f9fc;--portal-surface-2:#e8edf5;--portal-text:#17202b;--portal-muted:#68778b;--portal-border:#dce3ec;--portal-green:#009b6b;--portal-cyan:#008fa1;--portal-yellow:#b88d00;--portal-orange:#c46a00;--portal-red:#d83d48;--portal-blue:#2477bc}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.portal{background:var(--portal-bg);min-height:100vh;color:var(--portal-text);padding:24px;transition:background .25s,color .25s}.portal-shell{width:min(100%,920px);margin:0 auto}.home-topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.agent-heading,.agent-name-row,.topbar-actions,.access-title,.access-card-header,.access-card-content,.balance-header,.balance-heading,.balance-controls,.transaction-heading,.feature-card,.feature-trailing,.name-edit-form{align-items:center;display:flex}.agent-heading{gap:12px;min-width:0}.agent-avatar{width:46px;height:46px;color:var(--portal-green);background:linear-gradient(135deg, color-mix(in srgb, var(--portal-green) 22%, transparent), color-mix(in srgb, var(--portal-cyan) 18%, transparent));border:1px solid color-mix(in srgb, var(--portal-green) 25%, transparent);border-radius:50%;flex:0 0 46px;place-items:center;font-size:18px;font-weight:900;display:grid}.agent-heading-text{min-width:0}.greeting{color:var(--portal-blue);margin-bottom:3px;font-size:11px;display:block}.agent-name-row{flex-wrap:wrap;gap:5px}.agent-name-row h1{letter-spacing:-.5px;margin:0;font-size:22px;font-weight:850}.verified-icon{color:#fff;background:#2196f3;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;display:grid}.icon-button,.small-icon-button{border:1px solid var(--portal-border);background:var(--portal-surface);color:var(--portal-text);cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:background .2s,border-color .2s;display:inline-flex}.icon-button{border-radius:13px;min-height:42px;padding:9px 12px;font-size:14px}.icon-button:hover,.small-icon-button:hover{border-color:var(--portal-green)}.topbar-actions{justify-content:flex-end;gap:8px}.profile-symbol{font-size:19px}.edit-name-button{min-height:27px;color:var(--portal-muted);background:0 0;border:0;padding:3px 7px}.name-edit-form{flex-wrap:wrap;gap:5px}.name-edit-form input{border:1px solid var(--portal-border);background:var(--portal-surface);width:min(190px,48vw);min-height:36px;color:var(--portal-text);border-radius:9px;padding:7px 10px}.name-edit-form button{border:1px solid var(--portal-border);background:var(--portal-surface);min-width:32px;height:34px;color:var(--portal-text);cursor:pointer;border-radius:8px}.access-card{border:1px solid color-mix(in srgb, var(--portal-green) 22%, var(--portal-border));background:linear-gradient(115deg, color-mix(in srgb, var(--portal-green) 7%, transparent), transparent 48%, color-mix(in srgb, var(--portal-cyan) 5%, transparent)), var(--portal-card);border-radius:24px;padding:21px;overflow:hidden;box-shadow:0 8px 26px #00000014}.access-card-header,.access-card-content{justify-content:space-between;gap:16px}.access-title{gap:11px}.access-icon{width:42px;height:42px;color:var(--portal-green);background:color-mix(in srgb, var(--portal-green) 12%, var(--portal-surface));border-radius:13px;place-items:center;display:grid}.access-title h2,.balance-heading h2,.transaction-heading h2,.feature-copy h2{margin:0;font-size:13px;font-weight:900}.access-title h2{letter-spacing:1.1px}.access-title p,.transaction-heading p,.feature-copy p{color:var(--portal-muted);margin:5px 0 0;font-size:11px}.status-pill,.live-badge{letter-spacing:.6px;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 10px;font-size:9px;font-weight:900;display:inline-flex}.status-active,.live-badge{color:var(--portal-green);background:color-mix(in srgb, var(--portal-green) 10%, transparent);border:1px solid color-mix(in srgb, var(--portal-green) 25%, transparent)}.status-expired{color:var(--portal-red);background:color-mix(in srgb, var(--portal-red) 10%, transparent);border:1px solid color-mix(in srgb, var(--portal-red) 25%, transparent)}.access-card-content{align-items:flex-end;margin-top:24px}.access-value{flex-direction:column;align-items:flex-start;display:flex}.access-eyebrow{color:var(--portal-green);letter-spacing:.8px;font-size:10px;font-weight:900}.token-number{letter-spacing:-1px;margin:5px 0 0;font-size:38px;font-weight:900}.countdown{letter-spacing:1px;margin-top:6px;font-family:Consolas,monospace;font-size:clamp(25px,5vw,32px);font-weight:900}.muted-text{color:var(--portal-muted);margin-top:3px;font-size:10px}.agent-code-block{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.agent-code-block>span{color:var(--portal-muted);letter-spacing:.6px;font-size:9px;font-weight:800}.agent-code-block strong{border:1px solid var(--portal-border);background:var(--portal-surface);overflow-wrap:anywhere;border-radius:9px;padding:9px 11px;font-family:Consolas,monospace;font-size:12px}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.balance-card{border:1px solid var(--portal-border);background:var(--portal-card);border-radius:22px;min-width:0;padding:14px 12px}.accent-green{--balance-accent:var(--portal-green)}.accent-yellow{--balance-accent:var(--portal-yellow)}.balance-header{justify-content:space-between;gap:7px}.balance-heading{gap:9px;min-width:0}.balance-icon{background:color-mix(in srgb, var(--balance-accent) 12%, transparent);width:34px;height:34px;color:var(--balance-accent);border-radius:11px;flex:0 0 34px;place-items:center;font-size:13px;font-weight:900;display:grid}.balance-heading h2{letter-spacing:.5px;font-size:11px}.balance-heading span{color:var(--portal-muted);letter-spacing:.4px;margin-top:3px;font-size:8px;font-weight:800;display:block}.balance-controls{gap:4px}.small-icon-button{width:30px;height:30px;color:var(--portal-muted);border-radius:50%;flex:0 0 30px;font-size:17px}.refresh-button{color:var(--portal-green)}.balance-value{min-height:29px;color:var(--balance-accent);letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:17px;font-size:clamp(17px,3.4vw,23px);font-weight:900}.balance-foot{color:var(--portal-muted);align-items:center;gap:6px;margin-top:12px;font-size:8px;font-weight:800;display:flex}.status-dot,.stat-dot{background:var(--balance-accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.transaction-section,.quick-actions{margin-top:22px}.section-heading{margin-bottom:10px}.section-kicker{color:var(--portal-muted);letter-spacing:1.5px;font-size:10px;font-weight:900}.transaction-overview{border:1px solid var(--portal-border);background:var(--portal-card);width:100%;color:var(--portal-text);text-align:left;cursor:pointer;border-radius:22px;padding:17px;transition:border-color .2s;display:block}.transaction-overview:hover{border-color:color-mix(in srgb, var(--portal-green) 40%, var(--portal-border))}.transaction-heading{justify-content:space-between;gap:12px}.transaction-heading h2{font-size:14px}.transaction-heading p{font-size:11px}.view-all{border:1px solid color-mix(in srgb, var(--portal-green) 20%, transparent);background:color-mix(in srgb, var(--portal-green) 8%, transparent);color:var(--portal-green);letter-spacing:.5px;border-radius:50px;flex-shrink:0;padding:8px 10px;font-size:9px;font-weight:900}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:17px;display:grid}.stat-item{border:1px solid color-mix(in srgb, var(--stat-color) 20%, transparent);background:color-mix(in srgb, var(--stat-color) 6%, transparent);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:12px 4px;display:flex}.stat-green{--stat-color:var(--portal-green)}.stat-red{--stat-color:var(--portal-red)}.stat-orange{--stat-color:var(--portal-orange)}.stat-blue{--stat-color:var(--portal-blue)}.stat-dot{background:var(--stat-color)}.stat-item strong{color:var(--stat-color);margin-top:7px;font-size:20px;font-weight:900}.stat-label{color:var(--portal-muted);letter-spacing:.2px;text-align:center;margin-top:4px;font-size:8px;font-weight:900}.feature-card{border:1px solid color-mix(in srgb, var(--portal-green) 18%, var(--portal-border));background:linear-gradient(100deg, color-mix(in srgb, var(--portal-green) 9%, var(--portal-card)), var(--portal-card) 70%);width:100%;color:var(--portal-text);text-align:left;cursor:pointer;border-radius:20px;gap:14px;padding:15px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--portal-green);transform:translateY(-1px)}.feature-icon{background:color-mix(in srgb, var(--portal-green) 13%, transparent);width:48px;height:48px;color:var(--portal-green);border-radius:14px;flex:0 0 48px;place-items:center;font-size:24px;display:grid}.feature-copy{flex:1;min-width:0}.feature-copy h2{font-size:15px}.feature-copy p{line-height:1.5}.feature-trailing{flex-direction:column;gap:8px}.feature-arrow{background:color-mix(in srgb, var(--portal-muted) 10%, transparent);width:24px;height:24px;color:var(--portal-muted);border-radius:50%;place-items:center;font-size:21px;display:grid}.portal-footer{color:var(--portal-muted);letter-spacing:.8px;justify-content:space-between;gap:12px;padding:24px 2px 8px;font-size:9px;font-weight:800;display:flex}@media (width>=1000px){.portal{padding-top:38px;padding-bottom:38px}.portal-shell{width:min(100%,850px)}}@media (width<=560px){.portal{padding:16px 12px}.home-topbar{align-items:flex-start;gap:10px}.agent-avatar{flex-basis:40px;width:40px;height:40px}.agent-name-row h1{font-size:19px}.topbar-actions{flex-wrap:wrap;gap:5px}.topbar-actions .icon-button{border-radius:11px;min-height:37px;padding:7px 9px}.topbar-actions .icon-button span:not(.profile-symbol){display:none}.access-card{border-radius:20px;padding:16px}.balance-grid{gap:8px}.balance-card{border-radius:18px;padding:12px 9px}.balance-heading{gap:6px}.balance-heading h2{font-size:10px}.balance-icon{flex-basis:29px;width:29px;height:29px}.small-icon-button{flex-basis:27px;width:27px;height:27px}.stats-grid{gap:5px}.stat-label{font-size:7px}.stat-item strong{font-size:18px}.transaction-overview{padding:13px 10px}.view-all{padding:7px;font-size:8px}.feature-card{gap:10px;padding:12px}.feature-icon{flex-basis:42px;width:42px;height:42px}}@media (width<=370px){.topbar-actions .icon-button{padding:6px}.access-card-content{gap:8px}.agent-code-block strong{max-width:120px;font-size:10px}.balance-controls{gap:2px}.small-icon-button{flex-basis:24px;width:24px;height:24px}}.access-value{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px;width:100%;min-width:0;display:grid}.access-balance-panel,.unlimited-access-panel{border:1px solid var(--border-color,#dbe4ee);background:linear-gradient(145deg,#10b98112,#3b82f609);border-radius:20px;min-width:0;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s}.access-balance-panel:hover,.unlimited-access-panel:hover{border-color:#10b98173;transform:translateY(-2px);box-shadow:0 12px 28px #0000000f}.access-panel-heading,.unlimited-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.access-mini-icon,.unlimited-crown{color:#059669;background:#10b9811f;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.token-balance-row{flex-wrap:wrap;align-items:baseline;gap:10px;margin:18px 0 4px;display:flex}.token-balance-row .token-number{letter-spacing:-1.8px;font-size:clamp(34px,4vw,48px);font-weight:850;line-height:1.05}.token-unit{letter-spacing:1.2px;color:#059669;font-size:10px;font-weight:800}.access-balance-panel .muted-text,.unlimited-status-copy span{color:var(--text-muted,#718096);font-size:11px;line-height:1.6;display:block}.unlimited-panel-heading h3{letter-spacing:-.4px;margin:7px 0 0;font-size:clamp(16px,2vw,20px);font-weight:800}.unlimited-status{border-radius:14px;align-items:flex-start;gap:11px;margin-top:22px;padding:13px;display:flex}.unlimited-status.active{background:#10b9811a;border:1px solid #10b98133}.unlimited-status.unavailable{background:#94a3b81a;border:1px solid #94a3b833}.status-indicator{background:#94a3b8;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.unlimited-status.active .status-indicator{background:#10b981;box-shadow:0 0 0 4px #10b9811f}.unlimited-status-copy{min-width:0}.unlimited-status-copy strong{letter-spacing:.5px;overflow-wrap:anywhere;margin-bottom:5px;font-size:11px;font-weight:850;display:block}.unlimited-status.active .unlimited-status-copy strong{color:#059669}@media (width<=600px){.access-value{grid-template-columns:minmax(0,1fr);gap:12px}.access-balance-panel,.unlimited-access-panel{border-radius:16px;padding:16px}.unlimited-status{margin-top:16px}}[data-theme=dark] .access-balance-panel,[data-theme=dark] .unlimited-access-panel{background:linear-gradient(145deg,#10b98114,#0f172a73);border-color:#94a3b82e}[data-theme=dark] .access-balance-panel:hover,[data-theme=dark] .unlimited-access-panel:hover{border-color:#10b98173}.transactions-page{width:100%;min-height:65vh;color:var(--text-primary,#f0f4f8);padding:28px 24px 120px}.transactions-workspace{width:min(100%,1120px);margin:0 auto}.transactions-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.transactions-heading{align-items:center;gap:15px;min-width:0;display:flex}.transactions-heading-icon{color:#00e5a0;background:#00e5a017;border:1px solid #00e5a030;border-radius:17px;flex:none;place-items:center;width:52px;height:52px;display:grid}.transactions-heading h1{letter-spacing:-1px;margin:0;font-size:clamp(24px,3vw,31px);font-weight:800}.transactions-heading p{color:var(--text-secondary,#8b9ba9);margin:7px 0 0;font-size:13px;line-height:1.6}.transactions-header-actions{align-items:center;gap:8px;display:flex}.transactions-icon-button{width:42px;height:42px;color:var(--text-secondary,#8b9ba9);background:var(--card-background,#12171d);border:1px solid var(--border-color,#26333d);cursor:pointer;border-radius:13px;flex:none;place-items:center;padding:0;transition:color .16s,background .16s,border-color .16s,transform .16s;display:inline-grid}.transactions-icon-button:hover,.transactions-icon-button.is-active{color:#00e5a0;background:#00e5a014;border-color:#00e5a052}.transactions-icon-button:active{transform:scale(.96)}.transactions-search-panel{min-height:54px;color:var(--text-secondary,#8b9ba9);background:var(--card-background,#12171d);border:1px solid var(--border-color,#26333d);border-radius:16px;align-items:center;gap:12px;margin-bottom:22px;padding:0 16px;animation:.18s transactions-slide-in;display:flex}.transactions-search-panel:focus-within{border-color:#00e5a080;box-shadow:0 0 0 3px #00e5a00f}.transactions-search-panel input{width:100%;min-width:0;color:var(--text-primary,#f0f4f8);font:inherit;background:0 0;border:0;outline:none;padding:15px 0;font-size:13px}.transactions-search-panel input::placeholder{color:var(--text-secondary,#8b9ba9);opacity:.75}.transactions-search-panel>button{color:var(--text-secondary,#8b9ba9);cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.transactions-status-section{margin-bottom:24px}.transactions-status-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.transactions-status-tab{min-width:0;min-height:52px;color:var(--text-secondary,#8b9ba9);background:var(--card-background,#12171d);border:1px solid var(--border-color,#26333d);cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:10px 12px;font-size:12px;font-weight:700;transition:color .16s,background .16s,border-color .16s;display:flex}.transactions-status-tab:hover{border-color:#00e5a059}.transactions-status-tab.active{color:#00e5a0;background:#00e5a013;border-color:#00e5a059}.transactions-status-tab.status-failed.active{color:#ff6b78;background:#ff536613;border-color:#ff53664d}.transactions-status-tab.status-pending.active{color:#ffbd59;background:#ffbd5913;border-color:#ffbd594d}.transactions-status-tab.status-success.active{color:#00e5a0}.transactions-tab-count{min-width:23px;height:23px;color:var(--text-secondary,#8b9ba9);background:var(--surface-background,#7f8f9e1a);border-radius:8px;place-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-grid}.transactions-status-tab.active .transactions-tab-count{color:inherit;background:#7f8f9e21}.transactions-filter-section{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:27px;display:flex}.transactions-filter-label{color:var(--text-secondary,#8b9ba9);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.transactions-date-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transactions-date-chip{min-height:34px;color:var(--text-secondary,#8b9ba9);border:1px solid var(--border-color,#26333d);cursor:pointer;background:0 0;border-radius:10px;padding:7px 13px;font-size:11px;font-weight:700;transition:color .16s,background .16s,border-color .16s}.transactions-date-chip:hover{border-color:#00e5a059}.transactions-date-chip.active{color:#00e5a0;background:#00e5a013;border-color:#00e5a04d}.transactions-results-toolbar{border-bottom:1px solid var(--border-color,#26333d);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:17px;display:flex}.transactions-results-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.transactions-results-title{align-items:center;gap:9px;display:flex}.transactions-results-title>svg{color:#00c991}.transactions-results-title h2{letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.transactions-results-count{color:var(--text-secondary,#8b9ba9);background:var(--card-background,#12171d);border:1px solid var(--border-color,#26333d);border-radius:8px;padding:5px 9px;font-size:10px;font-weight:700}.transactions-selection-actions{color:var(--text-secondary,#8b9ba9);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.transactions-text-button{color:#00c991;cursor:pointer;background:0 0;border:0;padding:5px;font-size:11px;font-weight:800}.transactions-danger-button{color:#ff6b78;cursor:pointer;background:#ff536614;border:1px solid #ff53663b;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:35px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.transactions-danger-button:disabled{opacity:.4;cursor:not-allowed}.transactions-list{flex-direction:column;gap:10px;display:flex}.transaction-item-card{background:var(--card-background,#12171d);border:1px solid var(--border-color,#26333d);border-radius:17px;grid-template-columns:4px 42px minmax(0,1fr) auto 25px;align-items:center;gap:14px;min-width:0;padding:17px 17px 17px 0;transition:border-color .16s,background .16s,transform .16s;display:grid;overflow:hidden}.transaction-item-card:hover{border-color:#00e5a045}.transaction-item-card.selected{background:#00e5a00b;border-color:#00e5a061}.transaction-status-indicator{border-radius:13px;flex:none;place-items:center;width:40px;height:40px;display:grid}.transaction-status-indicator.success{color:#00d99a;background:#00d99a1a}.transaction-status-indicator.failed{color:#ff6b78;background:#ff53661a}.transaction-status-indicator.pending{color:#ffbd59;background:#ffbd591a}.transaction-select-box{color:#00e5a0;border:1px solid var(--border-color,#26333d);cursor:pointer;background:0 0;border-radius:5px;place-items:center;width:19px;height:19px;margin-left:12px;padding:0;display:grid}.transaction-select-box.checked{color:#07120f;background:#00c991;border-color:#00c991}.transaction-card-main{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:7px;padding:0;display:flex}.transaction-customer-line{flex-wrap:wrap;align-items:center;gap:7px;max-width:100%;display:flex}.transaction-customer-name{color:var(--text-primary,#f0f4f8);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.transaction-verified-icon{color:#20a8ff;flex:none}.transaction-customer-phone{color:var(--text-secondary,#8b9ba9);align-items:center;gap:6px;font-size:11px;display:flex}.transaction-meta-line{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.transaction-mpesa-code{color:var(--text-secondary,#8b9ba9);letter-spacing:.3px;font-size:10px;font-weight:700}.transaction-mini-badge{border-radius:6px;padding:4px 6px;font-size:9px;font-weight:800}.transaction-mini-badge.alternated{color:#b89bff;background:#996fff1a}.transaction-mini-badge.scheduled{color:#69c8ff;background:#37b1ff1a}.transaction-mini-badge.dialpad{color:#ffbd59;background:#ffbd591a}.transaction-card-trailing{flex-direction:column;align-items:flex-end;gap:8px;min-width:100px;display:flex}.transaction-amount{color:var(--text-primary,#f0f4f8);white-space:nowrap;font-size:13px;font-weight:800}.transaction-status-badge{white-space:nowrap;border-radius:7px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.transaction-status-badge.success{color:#00d99a;background:#00d99a1a}.transaction-status-badge.failed{color:#ff6b78;background:#ff53661a}.transaction-status-badge.pending{color:#ffbd59;background:#ffbd591a}.transaction-status-dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.transaction-time{color:var(--text-secondary,#8b9ba9);white-space:nowrap;font-size:10px}.transaction-open-button{width:25px;height:35px;color:var(--text-secondary,#8b9ba9);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.transaction-open-button:hover{color:#00e5a0}.transactions-empty-state{text-align:center;background:var(--card-background,#12171d);border:1px dashed var(--border-color,#26333d);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:35px 22px;display:flex}.transactions-empty-icon{color:#00d99a;background:#00e5a014;border:1px solid #00e5a029;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:20px;display:grid}.transactions-empty-state h3{color:var(--text-primary,#f0f4f8);margin:0;font-size:16px;font-weight:800}.transactions-empty-state p{max-width:360px;color:var(--text-secondary,#8b9ba9);margin:10px 0 0;font-size:12px;line-height:1.8}.transactions-reset-button{color:#00e5a0;cursor:pointer;background:#00e5a014;border:1px solid #00e5a040;border-radius:10px;margin-top:20px;padding:9px 14px;font-size:11px;font-weight:800}.transactions-page-footer{color:var(--text-secondary,#8b9ba9);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:10px;display:flex}.transactions-footer-indicator{background:#00d99a;border-radius:50%;width:6px;height:6px}.transactions-footer-separator{opacity:.5}.transaction-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ad;place-items:center;padding:22px;animation:.15s transactions-fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.transaction-details-dialog{width:min(100%,510px);max-height:min(88vh,850px);color:var(--text-primary,#f0f4f8);background:var(--card-background,#12171d);border:1px solid var(--border-color,#26333d);border-radius:23px;padding:24px;animation:.18s transactions-dialog-enter;overflow-y:auto;box-shadow:0 28px 90px #0000004d}.transaction-dialog-header{border-bottom:1px solid var(--border-color,#26333d);justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:21px;display:flex}.transaction-dialog-eyebrow{color:#00c991;letter-spacing:1.7px;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.transaction-dialog-header h2{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:800}.transaction-dialog-status{background:var(--surface-background,#7f8f9e0f);border:1px solid var(--border-color,#26333d);border-radius:16px;align-items:center;gap:15px;margin:22px 0;padding:17px;display:flex}.transaction-dialog-status>div:last-child{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.transaction-dialog-amount{color:var(--text-primary,#f0f4f8);letter-spacing:-.7px;font-size:24px;font-weight:900}.transaction-dialog-date{color:var(--text-secondary,#8b9ba9);font-size:11px}.transaction-details-list{flex-direction:column;display:flex}.transaction-detail-row{border-bottom:1px solid var(--border-color,#26333d);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.transaction-detail-row>span{color:var(--text-secondary,#8b9ba9);font-size:11px}.transaction-detail-row>strong{overflow-wrap:anywhere;text-align:right;max-width:65%;color:var(--text-primary,#f0f4f8);font-size:12px;font-weight:700}.transaction-detail-value{align-items:center;gap:8px;max-width:70%;display:flex}.transaction-detail-value strong{overflow-wrap:anywhere;text-align:right;color:var(--text-primary,#f0f4f8);font-size:12px}.transaction-detail-value button{width:30px;height:30px;color:var(--text-secondary,#8b9ba9);border:1px solid var(--border-color,#26333d);cursor:pointer;background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.transaction-detail-value button:hover{color:#00e5a0;border-color:#00e5a04d}.transaction-detail-message{border-radius:12px;align-items:flex-start;gap:10px;margin-top:15px;padding:13px;display:flex}.transaction-detail-message.success{color:#00d99a;background:#00d99a12;border:1px solid #00d99a26}.transaction-detail-message.failure{color:#ff6b78;background:#ff536612;border:1px solid #ff536626}.transaction-detail-message>svg{flex:none;margin-top:1px}.transaction-detail-message strong{font-size:11px;display:block}.transaction-detail-message p{color:var(--text-secondary,#8b9ba9);overflow-wrap:anywhere;margin:6px 0 0;font-size:11px;line-height:1.7}.transaction-dialog-footer{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.transactions-dialog-close,.transactions-dialog-retry{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:800;display:inline-flex}.transactions-dialog-close{color:var(--text-primary,#f0f4f8);border:1px solid var(--border-color,#26333d);background:0 0}.transactions-dialog-retry{color:#07120f;background:#00d99a;border:1px solid #00d99a}.transactions-dialog-retry:disabled{opacity:.45;cursor:not-allowed}.transaction-dialog-note{color:var(--text-secondary,#8b9ba9);text-align:center;margin:15px 0 0;font-size:10px;line-height:1.7}@keyframes transactions-fade-in{0%{opacity:0}to{opacity:1}}@keyframes transactions-slide-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes transactions-dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}:root[data-theme=light] .transactions-page,:root[data-theme=light] .transactions-heading h1,:root[data-theme=light] .transaction-customer-name,:root[data-theme=light] .transaction-amount,:root[data-theme=light] .transactions-results-title h2,:root[data-theme=light] .transactions-empty-state h3,:root[data-theme=light] .transaction-dialog-header h2,:root[data-theme=light] .transaction-dialog-amount,:root[data-theme=light] .transaction-detail-row>strong,:root[data-theme=light] .transaction-detail-value strong{color:var(--text-primary,#18232d)}@media (width<=760px){.transactions-page{padding:23px 17px 115px}.transactions-page-header{align-items:flex-start;gap:13px}.transactions-heading{gap:11px}.transactions-heading-icon{border-radius:14px;width:45px;height:45px}.transactions-header-actions{gap:6px}.transactions-icon-button{border-radius:11px;width:37px;height:37px}.transactions-status-tabs{gap:7px}.transactions-status-tab{gap:6px;padding:9px 6px;font-size:11px}.transactions-tab-count{min-width:20px;height:20px;font-size:9px}.transaction-item-card{border-radius:14px;grid-template-columns:4px 36px minmax(0,1fr) auto 17px;gap:10px;padding:14px 10px 14px 0}.transaction-status-indicator{border-radius:11px;width:35px;height:35px}.transaction-status-indicator svg{width:18px;height:18px}.transaction-card-trailing{min-width:86px}.transaction-amount{font-size:12px}.transaction-open-button{width:17px}}@media (width<=480px){.transactions-page{padding:20px 12px 110px}.transactions-page-header{flex-wrap:wrap;margin-bottom:23px}.transactions-heading{flex:100%}.transactions-heading h1{font-size:25px}.transactions-heading p{font-size:12px}.transactions-header-actions{justify-content:flex-end;width:100%}.transactions-icon-button{width:39px;height:39px}.transactions-status-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.transactions-status-tab{justify-content:flex-start;min-height:46px;padding:9px 11px;font-size:11px}.transactions-tab-count{margin-left:auto}.transactions-filter-section{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:23px}.transactions-date-filters{gap:6px;width:100%}.transactions-date-chip{flex:auto;min-height:34px;padding:7px 9px;font-size:10px}.transactions-results-toolbar{align-items:flex-start}.transactions-results-heading{gap:8px}.transactions-results-title h2{font-size:13px}.transactions-selection-actions{width:100%}.transaction-item-card{grid-template-columns:3px 32px minmax(0,1fr) 17px;gap:9px;padding:13px 8px 13px 0}.transaction-item-card:has(.transaction-select-box){grid-template-columns:22px 3px 32px minmax(0,1fr) 17px;gap:7px}.transaction-item-card .transaction-select-box{margin-left:5px}.transaction-status-indicator{border-radius:10px;width:32px;height:32px}.transaction-status-indicator svg{width:17px;height:17px}.transaction-customer-name{max-width:100%;font-size:11px}.transaction-customer-phone{font-size:10px}.transaction-mpesa-code{font-size:9px}.transaction-mini-badge{padding:3px 5px;font-size:8px}.transaction-card-trailing{grid-area:1/4;align-items:flex-end;gap:7px;min-width:0}.transaction-card-main{grid-area:1/3}.transaction-open-button{display:none}.transaction-amount{font-size:11px}.transaction-status-badge{gap:4px;padding:4px 6px;font-size:8px}.transaction-time{font-size:9px}.transaction-details-dialog{border-radius:19px;padding:18px}.transaction-dialog-header h2{font-size:16px}.transaction-dialog-amount{font-size:21px}.transaction-detail-row{gap:10px}.transaction-detail-row>span{font-size:10px}.transaction-detail-row>strong,.transaction-detail-value strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.transactions-page *,.transaction-dialog-backdrop,.transaction-details-dialog{transition:none!important;animation:none!important}}:root[data-theme=light] .transactions-page{color:#18232d}:root[data-theme=light] .transactions-heading-icon,:root[data-theme=light] .transactions-empty-icon{background:#00be8717;border-color:#00be8733}:root[data-theme=light] .transactions-icon-button,:root[data-theme=light] .transactions-status-tab,:root[data-theme=light] .transactions-results-count,:root[data-theme=light] .transactions-search-panel,:root[data-theme=light] .transaction-item-card{background:#fff;border-color:#e1e7ed}:root[data-theme=light] .transactions-status-tab.active{background:#00be8714;border-color:#00be8759}:root[data-theme=light] .transactions-status-tab.status-failed.active{background:#ff536612;border-color:#ff53664d}:root[data-theme=light] .transactions-status-tab.status-pending.active{background:#ffbd591a;border-color:#ffbd5959}:root[data-theme=light] .transactions-date-chip{color:#536273;border-color:#dce4eb}:root[data-theme=light] .transactions-date-chip.active{color:#008f68;background:#00be8714;border-color:#00be8759}:root[data-theme=light] .transactions-search-panel input{color:#18232d}:root[data-theme=light] .transactions-search-panel input::placeholder{color:#8492a0}:root[data-theme=light] .transactions-empty-state{background:#fff;border-color:#dce4eb}:root[data-theme=light] .transactions-empty-state h3{color:#18232d}:root[data-theme=light] .transactions-empty-state p,:root[data-theme=light] .transactions-heading p,:root[data-theme=light] .transactions-filter-label,:root[data-theme=light] .transactions-results-count,:root[data-theme=light] .transactions-page-footer,:root[data-theme=light] .transaction-customer-phone,:root[data-theme=light] .transaction-time{color:#687787}:root[data-theme=light] .transaction-item-card.selected{background:#f0fbf7;border-color:#00be8766}:root[data-theme=light] .transaction-status-badge.success{background:#e6f8f1}:root[data-theme=light] .transaction-status-badge.failed{background:#fff0f1}:root[data-theme=light] .transaction-status-badge.pending{background:#fff7e8}:root[data-theme=light] .transaction-dialog-backdrop{background:#14202b6b}:root[data-theme=light] .transaction-details-dialog{color:#18232d;background:#fff;border-color:#e1e7ed}:root[data-theme=light] .transaction-dialog-status{background:#f7f9fb;border-color:#e1e7ed}:root[data-theme=light] .transaction-dialog-header,:root[data-theme=light] .transaction-detail-row{border-color:#e1e7ed}:root[data-theme=light] .transaction-detail-row>strong,:root[data-theme=light] .transaction-detail-value strong,:root[data-theme=light] .transaction-dialog-amount{color:#18232d}:root[data-theme=light] .transaction-dialog-date,:root[data-theme=light] .transaction-detail-row>span,:root[data-theme=light] .transaction-dialog-note{color:#687787}.transaction-item-card{grid-template-columns:42px minmax(0,1fr) auto 25px;align-items:center;gap:14px;min-width:0;padding:17px;overflow:hidden}.transaction-item-card:has(.transaction-select-box){grid-template-columns:24px 42px minmax(0,1fr) auto 25px;gap:12px}.transaction-status-indicator{grid-column:auto;width:40px;min-width:40px;height:40px}.transaction-card-main{width:100%;min-width:0;overflow:hidden}.transaction-customer-line,.transaction-meta-line{width:100%;min-width:0}.transaction-customer-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.transaction-customer-phone{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.transaction-mpesa-code{overflow-wrap:anywhere;word-break:break-word}.transaction-card-trailing{white-space:nowrap;flex-direction:column;justify-content:center;align-items:flex-end;gap:9px;min-width:100px;display:flex}.transaction-open-button{justify-self:end}@media (width<=700px){.transaction-item-card{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:13px}.transaction-item-card:has(.transaction-select-box){grid-template-columns:22px 34px minmax(0,1fr) auto;gap:8px}.transaction-status-indicator{width:34px;min-width:34px;height:34px}.transaction-card-trailing{gap:7px;min-width:76px}.transaction-open-button{display:none}.transaction-amount,.transaction-customer-name{font-size:12px}}@media (width<=420px){.transaction-item-card{grid-template-columns:30px minmax(0,1fr);gap:9px}.transaction-item-card:has(.transaction-select-box){grid-template-columns:20px 30px minmax(0,1fr)}.transaction-card-trailing{white-space:normal;grid-column:2;align-items:flex-start;min-width:0}.transaction-item-card:has(.transaction-select-box) .transaction-card-trailing{grid-column:3}}.transaction-inline-actions{border-top:1px solid var(--border-color,#26333d);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:9px;margin-top:2px;padding:14px 0 0;display:flex}.transaction-inline-action{border:1px solid var(--border-color,#26333d);min-height:38px;color:var(--text-primary,#f0f4f8);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:800;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.transaction-inline-action:active{transform:scale(.97)}.transaction-inline-action:disabled{opacity:.45;cursor:not-allowed}.transaction-inline-action.retry{color:#ffbd59;background:#ffbd5914;border-color:#ffbd594d}.transaction-inline-action.success{color:#00c991;background:#00c99114;border-color:#00c9914d}.transaction-inline-action.schedule{color:#55baff;background:#55baff14;border-color:#55baff4d}.transaction-inline-action.delete{color:#ff6b78;background:#ff6b7814;border-color:#ff6b784d}.transactions-action-message{color:var(--text-secondary,#8b9ba9);background:var(--card-background,#12171d);border:1px solid var(--border-color,#26333d);border-radius:10px;margin:0 0 12px;padding:11px 13px;font-size:12px;line-height:1.6}:root[data-theme=light] .transactions-action-message{color:#536273;background:#fff;border-color:#e1e7ed}@media (width<=480px){.transaction-inline-actions{gap:7px;padding-top:12px}.transaction-inline-action{flex:calc(50% - 7px);min-height:40px;padding:9px 8px}}.portal-app-shell{--nav-background:#10161d;--nav-border:#26323e;--nav-text:#718096;--nav-active:#00e676;--nav-active-background:#00e6761f;--session-background:#10161d;--session-border:#202a35;--session-text:#aab6c3;--button-background:#19212a;--button-border:#303c49;--button-text:#f0f4f8;--page-background:#0a0c0f;--page-text:#f0f4f8;background:var(--page-background);color:var(--page-text);font-family:Arial,sans-serif}html[data-theme=light] .portal-app-shell,.portal-app-shell[data-theme=light]{--nav-background:#fff;--nav-border:#e5eaf0;--nav-text:#697586;--nav-active:#008f5a;--nav-active-background:#008f5a1a;--session-background:#fff;--session-border:#e5eaf0;--session-text:#475467;--button-background:#f2f4f7;--button-border:#d0d5dd;--button-text:#344054;--page-background:#f5f7fa;--page-text:#1d2939}html[data-theme=dark] .portal-app-shell,.portal-app-shell[data-theme=dark]{--nav-background:#10161d;--nav-border:#26323e;--nav-text:#718096;--nav-active:#00e676;--nav-active-background:#00e6761f;--session-background:#10161d;--session-border:#202a35;--session-text:#aab6c3;--button-background:#19212a;--button-border:#303c49;--button-text:#f0f4f8;--page-background:#0a0c0f;--page-text:#f0f4f8}.portal-app-shell{background:var(--page-background);min-height:100vh;color:var(--page-text);box-sizing:border-box;padding-bottom:100px;font-family:Arial,sans-serif}.portal-app-shell *,.portal-app-shell :before,.portal-app-shell :after{box-sizing:border-box}.portal-session-bar{z-index:10;background:var(--session-background);border-bottom:1px solid var(--session-border);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 24px;transition:background .2s,border-color .2s;display:flex;position:relative}.portal-session-info{align-items:center;gap:10px;min-width:0;display:flex}.portal-session-indicator{background:#00e676;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 12px #00e67659}.portal-session-email{color:var(--session-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.portal-logout-button{border:1px solid var(--button-border);background:var(--button-background);color:var(--button-text);cursor:pointer;border-radius:10px;flex:none;padding:9px 15px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.portal-logout-button:hover:not(:disabled){border-color:#00b77b}.portal-logout-button:disabled{opacity:.6;cursor:not-allowed}.portal-logout-error{z-index:5;color:#f77;text-align:center;background:#32191d;margin:0;padding:12px 20px;font-size:13px;position:relative}.portal-page-content{width:100%;min-width:0}.portal-bottom-navigation{z-index:1000;min-height:82px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--nav-background);border-top:1px solid var(--nav-border);-webkit-backdrop-filter:blur(18px);border-radius:24px 24px 0 0;justify-content:center;align-items:stretch;gap:8px;transition:background .2s,border-color .2s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 35px #0000001f}.portal-nav-item{min-width:0;max-width:220px;color:var(--nav-text);cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:3px 12px;font-family:inherit;transition:color .2s,background .2s,transform .2s;display:flex}.portal-nav-item:hover{background:#7f7f7f12}.portal-nav-item:active{transform:scale(.97)}.portal-nav-icon{border-radius:12px;justify-content:center;align-items:center;width:43px;height:30px;transition:background .2s,color .2s;display:flex}.portal-nav-item.active{color:var(--nav-active)}.portal-nav-item.active .portal-nav-icon{background:var(--nav-active-background)}.portal-nav-label{letter-spacing:.1px;font-size:11px;font-weight:700}.portal-nav-item:focus-visible,.portal-logout-button:focus-visible{outline:2px solid var(--nav-active);outline-offset:3px}.app-loading{color:#f0f4f8;background:#0a0c0f;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;font-family:Arial,sans-serif;display:flex}.app-loading p{color:#aab6c3;margin:0;font-size:13px}.app-loading-spinner{border:3px solid #26333d;border-top-color:#00e5a0;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite portal-loading-spin}@keyframes portal-loading-spin{to{transform:rotate(360deg)}}@media (width<=600px){.portal-session-bar{gap:10px;min-height:58px;padding:10px 14px}.portal-session-email{max-width:65vw;font-size:11px}.portal-logout-button{padding:9px 11px;font-size:11px}.portal-bottom-navigation{gap:4px;min-height:76px;padding-left:12px;padding-right:12px}.portal-nav-item{padding-left:6px;padding-right:6px}.portal-nav-label{font-size:10px}}@media (prefers-reduced-motion:reduce){.portal-nav-item,.portal-nav-icon,.portal-logout-button,.app-loading-spinner{transition:none;animation-duration:.01ms}}