:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:#30313d;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;--purple: #635bff;--purple-dark: #5145cd;--series: #6250d6;--line: #ebeef1;--muted: #687385;--ink: #30313d;--surface: #fff;--sidebar: 232px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b2adff;outline-offset:3px}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .15s,border-color .15s}input,select{min-width:0}input{border:1px solid #d5dbe1;border-radius:6px;padding:10px 12px;background:#fff;color:var(--ink)}input:focus{border-color:#a29bfe;outline:none;box-shadow:0 0 0 3px #635bff15}.button{display:inline-flex;gap:7px;align-items:center;justify-content:center;background:#fff;border:1px solid #d5dbe1;box-shadow:0 1px 2px #1a1f3610;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:550;white-space:nowrap;line-height:1.45}.button:hover{background:#f6f8fa;border-color:#b8c0cc}.button.primary{background:var(--purple);border-color:var(--purple);color:#fff}.button.primary:hover{background:var(--purple-dark)}.button.small{font-size:12px;padding:5px 9px;gap:5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:5px;padding:7px;color:#687385}.icon-button:hover{background:#e9edf2;color:#30313d}.text-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--purple-dark);font-size:13px;font-weight:550;padding:4px 0}.text-button:hover{color:#38319a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.refresh-once{animation:spin .5s ease-out}.refreshing{opacity:.5;pointer-events:none;transition:opacity .15s}.brand-icon{font-family:Arial,sans-serif;font-style:italic;font-weight:900;background:var(--purple);color:#fff;border-radius:6px;font-size:25px;line-height:28px;width:28px;height:28px;text-align:center;display:inline-block;flex-shrink:0;letter-spacing:-3px;padding-right:4px}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:#f5f6f8;border-right:1px solid #e8ebef;display:flex;flex-direction:column;z-index:30;padding:16px 12px 0}.brand{display:flex;align-items:center;gap:9px;padding:0 12px;font-size:18px;letter-spacing:-.6px;font-weight:700;white-space:nowrap}.workspace-switch{width:100%;display:flex;align-items:center;gap:9px;border:1px solid #e3e8ee;border-radius:6px;background:#fff;padding:10px;margin:25px 0 22px;text-align:left;box-shadow:0 1px 2px #1a1f3605}.workspace-switch:hover{background:#fafbfc}.workspace-icon{height:30px;width:30px;border-radius:5px;background:#e3e8ee;color:#4f566b;font-weight:650;display:grid;place-items:center;font-size:14px}.workspace-switch>span:nth-child(2){flex:1}.workspace-switch strong{font-size:12px;display:block;font-weight:600}.workspace-switch small{display:block;font-size:11px;color:#687385;margin-top:3px}.workspace-switch>svg{color:#687385}.nav-caption{font-size:11px;color:#697386;padding:23px 12px 9px;font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;padding:9px 12px;gap:11px;font-size:14px;font-weight:500;color:#4f566b;border-radius:6px;min-height:36px}.sidebar nav a:hover{background:#eceff3}.sidebar nav a.active{background:#e9e6fc;color:#533bd3;font-weight:650}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-help{display:flex;align-items:center;gap:9px;border:0;background:transparent;font-size:12px;color:#596579;border-radius:5px;padding:10px 12px;width:100%;text-align:left}.sidebar-help:hover{background:#eceff3}.sidebar-help svg:last-child{margin-left:auto}.account-row{display:flex;align-items:center;gap:9px;border-top:1px solid #e3e8ee;margin-top:12px;padding:17px 9px}.account-avatar,.top-avatar{background:#e3e8ee;color:#4f566b;border-radius:50%;font-size:11px;display:grid;place-items:center;width:30px;height:30px;font-weight:650}.account-row>span:nth-child(2){flex:1}.account-row strong{font-size:12px;display:block;font-weight:550}.account-row small{font-size:11px;color:#687385;display:block;margin-top:3px}.main-shell{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#687385}.breadcrumb svg{color:#a3acb9}.breadcrumb strong{color:#414552;font-weight:550}.topbar-right{display:flex;align-items:center;gap:12px}.mode-badge{font-size:11px;border-radius:4px;display:flex;align-items:center;gap:6px;padding:4px 7px;background:#fff4d6;color:#805b15;font-weight:550}.mode-badge>span{width:5px;height:5px;border-radius:50%;background:currentColor}.mode-badge.live{background:#e3f4e9;color:#217044}.topbar-separator{height:18px;width:1px;background:#e3e8ee}.mobile-menu{display:none}.demo-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 32px;background:#fffaeb;border-bottom:1px solid #f2e8c9;color:#795b21;font-size:12px}.demo-banner>span{display:flex;gap:8px;align-items:center}.demo-dot{width:5px;height:5px;background:#b07812;border-radius:50%;flex-shrink:0}.demo-banner button{display:flex;gap:5px;align-items:center;color:#795b21;font-size:12px;border:0;background:transparent;white-space:nowrap;font-weight:550}.content{max-width:1600px;margin:auto;padding:28px 36px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading h1{font-size:28px;font-weight:650;letter-spacing:-.6px;line-height:1.4;color:#1a1f36}.page-heading p{font-size:12px;color:#687385;margin-top:6px;line-height:1.6}.date-caption{font-size:12px;color:#687385;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#24945d;flex-shrink:0}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.segmented{display:flex;align-items:center;border:1px solid #d5dbe1;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #1a1f3608}.segmented button{font-size:12px;background:transparent;color:#4f566b;border:0;border-right:1px solid #d5dbe1;padding:7px 16px}.segmented button:last-child{border-right:0}.segmented button:hover{background:#f6f8fa}.segmented button.selected{background:#efedff;color:#5145cd;font-weight:600}.filter-right{display:flex;align-items:center;gap:12px;font-size:11px;color:#687385}.filter-right select{border:1px solid #d5dbe1;background:#fff;border-radius:6px;padding:7px 9px;font-size:12px;color:#414552}.overview-middle{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:32px;margin-bottom:32px;align-items:start}.performance-panel{min-width:0}.performance-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;gap:12px}.performance-heading h2{font-size:15px;font-weight:600;color:#1a1f36}.performance-heading>span{color:#687385;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.stat-card{background:#fff;padding:14px 12px;min-width:0;border:1px solid #e3e8ee;border-radius:6px;text-align:left;transition:border-color .15s,box-shadow .15s}.stat-card:hover{border-color:#a9a1ed}.stat-card.featured{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple);background:#fff}.stat-top{color:#4f566b;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:4px}.stat-top svg{color:#8792a2;opacity:0}.stat-card:hover .stat-top svg,.stat-card:focus-visible .stat-top svg{opacity:1}.stat-icon{display:none}.stat-value{display:block;font-size:clamp(18px,1.55vw,25px);font-weight:600;letter-spacing:-.7px;margin-top:9px;white-space:nowrap;color:#1a1f36}.stat-note{display:none}.card{border:1px solid #e3e8ee;background:#fff;border-radius:8px;min-width:0;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:12px}.card-heading h2{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;color:#1a1f36}.card-heading p{font-size:12px;color:#687385;margin-top:6px}.card-heading>svg{color:#8792a2}.revenue-card{border:0;border-radius:0 0 8px 8px}.revenue-card .card-heading{padding:24px 0 8px}.revenue-card .card-heading h2{font-size:13px}.revenue-card .card-heading p{font-size:11px}.chart-wrap{height:260px;padding:0;margin-left:-12px}.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#687385;padding:16px 0 0}.chart-footer>span{display:flex;align-items:center;gap:6px}.chart-footer strong{font-weight:550;color:#414552}.legend-line{display:inline-block;height:2px;width:14px;background:var(--series);border-radius:2px}.subtle{color:#687385;font-size:12px}.chart-footer .subtle{font-size:10px}.chart-table{height:250px;overflow:auto}.balance-overview{padding:0 0 0 24px;display:flex;flex-direction:column;border:0;border-left:1px solid #e3e8ee;border-radius:0;min-height:350px;margin-top:0}.balance-overview .card-heading{padding:0 0 24px;min-height:36px}.balance-label{font-size:12px;color:#687385;display:flex;gap:7px;align-items:center}.balance-label span{font-size:10px;background:#f0f2f5;padding:2px 4px;border-radius:3px;color:#4f566b}.balance-hero{font-size:27px;font-weight:600;letter-spacing:-.8px;margin-top:10px;color:#1a1f36}.balance-state{font-size:11px;color:#217044;display:flex;align-items:center;gap:6px;margin-top:9px}.pending-row{display:flex;justify-content:space-between;gap:8px;padding-top:24px;margin-top:28px;border-top:1px solid var(--line);font-size:12px;color:#687385}.pending-row strong{color:#30313d;font-size:14px;font-weight:550}.pending-note{display:flex;align-items:flex-start;gap:5px;font-size:11px;color:#687385;margin-top:11px;line-height:1.7}.pending-note svg{flex-shrink:0;margin-top:2px}.balance-link{width:100%;margin-top:26px;font-size:12px;color:#5145cd;justify-content:space-between}.balance-foot{display:flex;align-items:center;gap:6px;margin-top:4px;padding:20px 0 0;font-size:11px;color:#687385}.count-pill{color:#4f566b;background:#ebeef2;padding:2px 6px;font-size:11px;border-radius:4px;font-weight:500}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:12px;font-weight:550;color:#4f566b;background:#f7f8fa;padding:10px 16px;border-top:1px solid #e3e8ee;border-bottom:1px solid #e3e8ee}td{padding:9px 16px;border-bottom:1px solid #ebeef1;font-size:13px;font-variant-numeric:tabular-nums;color:#414552;height:52px}tr:last-child td{border-bottom:0}td strong{color:#30313d;font-weight:550}tbody tr:hover{background:#f7f9fc}.inline-currency{font-size:11px;color:#687385;margin-left:5px}.muted-cell{color:#687385;font-size:12px}.nowrap{white-space:nowrap}.status{border-radius:4px;padding:3px 6px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:550;color:#4f566b;background:#e9edf2;line-height:1.3;white-space:nowrap}.status>span{font-size:11px}.status-succeeded,.status-active,.status-paid,.status-available{background:#d7f3e3;color:#155f3e}.status-pending,.status-trialing,.status-in_transit,.status-incomplete{background:#fff0c2;color:#775313}.status-failed,.status-past_due,.status-unpaid{background:#fce0df;color:#a1292b}.status-refunded,.status-canceled,.status-paused{background:#e9edf2;color:#4f566b}.customer-cell{display:inline-flex;align-items:center;gap:8px}.customer-cell>span:last-child{display:flex;flex-direction:column;gap:3px}.customer-cell strong{font-size:12px;font-weight:500}.customer-cell small{font-size:11px;color:#687385}.avatar{height:28px;width:28px;min-width:28px;display:inline-grid;place-items:center;background:#e9edf2;border-radius:50%;color:#596579;font-size:11px;font-weight:550}.payment-card{display:inline-flex;align-items:center;justify-content:center;width:29px;height:19px;border:1px solid #d9dfe6;border-radius:3px;vertical-align:middle;margin-right:7px;background:#fff}.payment-card b{font-family:Arial,sans-serif;font-size:8px;font-style:italic;letter-spacing:-.5px;color:#384a8a}.payment-card svg{color:#687385}.card-digits{font-size:12px;color:#596579}.mastercard{width:17px;position:relative;height:10px;display:block}.mastercard:before,.mastercard:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#dc564c;left:0}.mastercard:after{background:#efb548;left:6px;opacity:.85}.bottom-note{display:flex;align-items:center;gap:6px;font-size:11px;color:#687385;padding-top:22px}.tabs{display:flex;gap:28px;padding:0 20px;border-bottom:1px solid #e3e8ee;overflow-x:auto}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:16px 0 13px;font-size:13px;color:#596579;white-space:nowrap}.tabs button.active{color:#5145cd;border-bottom-color:var(--purple);font-weight:600}.tabs button:hover{color:#5145cd}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid #e3e8ee;font-size:12px;color:#687385}.pagination>div{display:flex;gap:7px}.section-note{font-size:12px;color:#687385;margin-top:16px;line-height:1.8}.empty{min-height:155px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#687385;font-size:13px}.error-box{display:flex;gap:8px;align-items:flex-start;border:1px solid #f0c5c5;background:#fff5f5;color:#a1292b;padding:12px;border-radius:6px;font-size:12px;line-height:1.7;margin:12px 0;white-space:normal;overflow-wrap:anywhere}.card>.error-box{margin:12px 20px}.error-box svg{flex-shrink:0;margin-top:1px}.clickable{cursor:pointer}.currency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.currency-card{padding:22px;border-radius:6px}.currency-title{display:flex;align-items:center;gap:11px;margin-bottom:25px}.currency-symbol{display:grid;place-items:center;height:36px;width:36px;background:#f0f2f5;color:#4f566b;border-radius:50%;font-size:17px}.currency-title h2{font-size:14px;font-weight:600}.currency-title>div>span{display:block;font-size:12px;color:#687385;margin-top:4px}.currency-card>p{font-size:12px;color:#687385}.currency-value{font-size:30px;font-weight:600;letter-spacing:-.8px;display:block;margin-top:9px;color:#1a1f36}.currency-pending{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;margin-top:24px;font-size:12px;color:#687385}.currency-pending strong{font-weight:550;color:#414552}.info-banner{border:1px solid #d8e3ef;background:#f6f9fc;padding:16px 20px;border-radius:6px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;color:#596579}.info-banner svg{flex-shrink:0}.info-banner strong{font-size:13px;color:#414552;font-weight:550}.info-banner p{font-size:12px;color:#596579;margin-top:5px;line-height:1.8}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.cancel-note{display:block;font-size:11px;color:#8d651c;margin-top:5px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:15px}.search-field{display:flex;align-items:center;gap:9px;color:#687385;max-width:470px;flex:1}.search-field input{border:0;box-shadow:none;font-size:13px;padding:6px 0;flex:1;width:100px}.search-field input::placeholder{color:#687385}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1f365c;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:560px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;padding:24px;background:#fff;border-radius:9px;box-shadow:0 15px 50px #1a1f3633}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-heading h2{font-size:18px;font-weight:600;color:#1a1f36}.detail-hero{font-size:34px;display:flex;align-items:center;gap:14px;font-weight:600;letter-spacing:-.7px;padding:12px 0}.detail-rows{font-size:13px;margin:15px 0 22px}.detail-rows>div{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.detail-rows dt{color:#687385;min-width:72px}.detail-rows dd{margin:0;text-align:right;color:#414552;overflow-wrap:anywhere;max-width:75%;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.customer-form{display:flex;flex-direction:column;gap:16px}.customer-form label{font-size:13px;display:flex;flex-direction:column;gap:8px;color:#414552}.customer-detail{text-align:center;padding:8px 0}.customer-detail .avatar{height:48px;width:48px;font-size:18px}.customer-detail h3{font-size:20px;margin-top:12px;font-weight:600}.customer-detail p{font-size:13px;color:#687385;margin-top:6px}.subscription-detail{display:flex;align-items:center;gap:12px;padding:12px 0;color:#635bff}.subscription-detail h3{font-size:17px;color:#30313d;font-weight:600}.subscription-detail .status{margin-left:auto}.confirm-box{background:#f7f8fa;border:1px solid #e3e8ee;padding:16px;border-radius:6px}.confirm-box strong{font-size:13px;font-weight:600}.confirm-box p{font-size:12px;color:#687385;line-height:1.8;margin-top:8px}.related{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}.related h3{font-size:13px;font-weight:600;margin-bottom:10px}.related h3:not(:first-child){margin-top:24px}.related-row{display:flex;align-items:center;gap:10px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line);color:#687385}.related-row>span:first-child{flex:1}.related-row strong{font-size:12px;color:#414552}.help-body h3{font-size:22px;margin-top:15px;font-weight:600}.help-body>p{font-size:13px;color:#687385;line-height:1.9;margin:12px 0 20px}.login-page{min-height:100dvh;background:#f6f8fb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px 30px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-420px;left:-15%;width:130%;height:640px;background:linear-gradient(110deg,#d5e9ff,#e8e3ff 55%,#f6d8f1);transform:skewY(-10deg)}.login-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.8px;color:#1a1f36;margin-bottom:28px;position:relative}.login-panel{width:440px;max-width:100%;position:relative}.login-box{background:#fff;padding:38px;border-radius:8px;box-shadow:0 7px 14px #32325d0d,0 3px 6px #00000005;border:1px solid #e8edf3}.login-box h2{font-size:23px;letter-spacing:-.5px;font-weight:600;color:#1a1f36}.login-box>p{font-size:13px;color:#687385;margin-top:12px;line-height:1.8}.login-box form{margin-top:28px}.login-box form>label{font-size:13px;color:#414552;font-weight:550;display:block;margin-bottom:9px}.login-box input{width:100%;height:43px;font-size:14px}.login-box input::placeholder{color:#8792a2}.login-submit{width:100%;margin-top:20px;height:41px;justify-content:space-between;font-size:13px}.login-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:#8792a2;margin:22px 0}.login-divider span{height:1px;background:var(--line);flex:1}.demo-entry{width:100%;height:40px;color:#4f566b;justify-content:space-between}.login-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#687385;font-size:11px;margin-top:23px}.login-footer{color:#687385;font-size:11px;margin-top:40px;position:relative}.login-footer span{padding-left:16px}.sidebar-scrim{display:none}.topbar-navigation{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.global-search{display:flex;align-items:center;gap:9px;color:#697386;border:0;background:#f5f6f8;border-radius:7px;padding:8px 12px;width:min(360px,100%);font-size:13px;text-align:left}.global-search:hover{background:#eceef2}.global-search kbd{margin-left:auto;display:flex;align-items:center;gap:3px;border:1px solid #dfe3e9;border-radius:4px;font-family:inherit;font-size:10px;padding:1px 4px}.menu-root{position:relative}.menu-trigger{display:flex;align-items:center;gap:8px;padding:7px 10px;min-height:32px;border:1px solid #d8dee7;box-shadow:0 1px 2px #1a1f3608;border-radius:6px;background:#fff;font-size:12px;font-weight:550}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{border-color:#a8b1c1;background:#fafbfc}.chevron{color:#7b8495;transition:transform .15s}.chevron.open{transform:rotate(180deg)}.filter-group{display:flex;align-items:center;gap:12px}.filter-timezone{font-size:11px;color:#697386}.popover{position:absolute;top:calc(100% + 7px);min-width:210px;padding:5px;background:#fff;border:1px solid #e3e8ee;border-radius:8px;box-shadow:0 8px 30px #1a1f3626,0 2px 5px #1a1f360a;z-index:45;animation:popover-in .12s ease-out}.popover-left{left:0}.popover-right{right:0}@keyframes popover-in{0%{opacity:0;transform:translateY(-3px)}}.popover-caption{padding:9px 10px 7px;font-size:11px;font-weight:550;color:#687385}.menu-option{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:4px;background:#fff;text-align:left;font-size:13px;color:#414552}.menu-option:hover,.menu-option:focus-visible{background:#f0eefc;color:#533bd3;outline:0}.menu-option>svg:last-child:not(:first-child){margin-left:auto}.menu-option>span small{margin-left:12px;color:#697386;font-size:12px}.popover-note{border-top:1px solid #ebeef1;padding:10px;margin:5px -5px -5px;font-size:11px;color:#687385}.menu-divider{height:1px;background:#ebeef1;margin:5px -5px}.workspace-menu{margin-bottom:26px}.workspace-menu>.menu-trigger{width:100%;padding:8px 9px;background:transparent;border-color:transparent;box-shadow:none;gap:10px;text-align:left}.workspace-menu>.menu-trigger:hover{background:#e9ecf1}.workspace-menu .chevron{margin-left:auto}.workspace-menu .popover{min-width:260px}.workspace-name{display:flex;flex-direction:column;gap:3px}.workspace-name strong{font-size:15px;font-weight:650;letter-spacing:-.3px}.workspace-name small{font-size:11px;font-weight:400;color:#697386}.workspace-menu .workspace-icon{background:#635bff;color:#fff;width:29px;height:29px;border-radius:7px}.workspace-current{display:flex;gap:10px;padding:10px;align-items:center}.workspace-current>div{flex:1}.workspace-current strong,.workspace-current small{display:block}.workspace-current strong{font-size:13px;font-weight:600}.workspace-current small{font-size:11px;color:#687385;margin-top:4px}.workspace-current>svg{color:#635bff}.list-card{border:0;border-radius:0;overflow:visible}.list-card .tabs{padding:0;margin-bottom:16px}.list-card .table-toolbar{padding:0 0 18px}.list-card .table-scroll{border:1px solid #e3e8ee;border-radius:6px 6px 0 0}.list-card th{border-top:0}.list-card .pagination{border:1px solid #e3e8ee;border-top:0;border-radius:0 0 6px 6px;padding:12px 16px}.list-card .search-field{border:1px solid #d8dee7;border-radius:6px;padding:2px 8px;max-width:390px}.list-card .search-field input{font-size:12px}.table-link{color:#30313d;background:transparent;border:0;padding:0;font-size:inherit;font-weight:550;text-align:left}.table-link:hover{color:#533bd3;text-decoration:underline;text-underline-offset:3px}.customer-cell .avatar{display:none}.table-scroll tbody tr:focus-within{background:#f6f7fc}.metric-summary{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:28px 4px}.metric-summary>span,.metric-summary p{font-size:12px;color:#697386}.metric-summary>strong{font-size:40px;font-weight:600;letter-spacing:-1px}.metric-summary small{font-size:11px;color:#697386;max-width:370px;line-height:1.8}.drawer-backdrop{justify-content:flex-end;padding:0;background:#1a1f3638}.drawer{width:560px;height:100dvh;max-height:100dvh;border-radius:0;padding:0;box-shadow:-8px 0 40px #1a1f361c;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}}.modal-heading{padding:0 0 18px;margin-bottom:0;border-bottom:1px solid #ebeef1}.modal-heading h2{font-size:16px}.modal-body{padding-top:22px}.drawer .modal-heading{position:sticky;top:0;padding:18px 24px;background:#fff;z-index:1}.drawer .modal-body{padding:26px 28px}.detail-eyebrow{font-size:12px;color:#687385;margin-bottom:4px}.detail-hero{font-size:32px;padding:2px 0 24px;flex-wrap:wrap}.detail-hero .status{margin-left:auto}.detail-section-heading{font-size:14px;font-weight:600;margin-top:12px}.copy-button{border:0;background:transparent;color:#8792a2;padding:2px 3px;margin-left:5px;display:inline-flex;align-items:center;gap:4px;font-size:10px;vertical-align:middle;border-radius:3px}.copy-button:hover{color:#533bd3;background:#f0eefc}.drawer .customer-detail{text-align:left;display:grid;grid-template-columns:42px 1fr;gap:0 12px;align-items:center;padding-bottom:20px}.drawer .customer-detail .avatar{grid-row:1 / 3;width:42px;height:42px}.drawer .customer-detail h3{margin-top:0;font-size:20px}.drawer .customer-detail p{grid-column:2;margin-top:3px;font-size:12px}.command-search{display:flex;gap:10px;align-items:center;color:#8792a2;padding-bottom:18px;border-bottom:1px solid #ebeef1}.command-search input{border:0;padding:5px 0;flex:1;box-shadow:none;font-size:14px}.command-results{padding:8px 0 12px}.command-result{display:flex;gap:12px;align-items:center;width:100%;background:#fff;border:0;border-radius:5px;padding:11px;text-align:left;color:#596579}.command-result.highlighted{background:#f0eefc;color:#533bd3}.command-result>span{flex:1}.command-result strong{display:block;font-size:13px;font-weight:550}.command-result small{display:block;font-size:11px;color:#687385;margin-top:3px}.command-result kbd{color:#8792a2;font-size:12px}.command-footer{border-top:1px solid #ebeef1;padding-top:14px;display:flex;gap:18px;color:#8792a2;font-size:11px}.command-empty{font-size:13px;color:#687385;padding:24px 12px}@media(max-width:760px){.global-search{width:160px;font-size:12px;padding:7px 9px}.global-search kbd{display:none}.topbar-right{gap:4px}.topbar-right .topbar-separator,.top-avatar,.filter-timezone{display:none}.list-card .tabs{gap:20px;padding:0}.drawer{width:min(100%,540px)}.drawer .modal-heading{padding:16px 20px}.drawer .modal-body{padding:22px 20px}.list-card .table-toolbar{padding-left:0;padding-right:0}.balance-overview{min-height:0}.customer-cell strong,.customer-cell small{max-width:200px;overflow:hidden;text-overflow:ellipsis}}@media(min-width:1600px){:root{--sidebar: 240px}.content{padding:36px 48px}.topbar,.demo-banner{padding-left:48px;padding-right:48px}.overview-middle{grid-template-columns:minmax(0,1fr) 320px}.chart-wrap,.chart-table{height:290px}.stat-card{padding:16px}}@media(max-width:1200px){:root{--sidebar: 208px}.content{padding:26px 24px}.topbar,.demo-banner{padding-left:24px;padding-right:24px}.overview-middle{grid-template-columns:minmax(0,1fr);gap:28px}.stat-value{font-size:26px}.balance-overview{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:24px 0 0;border-left:0;border-top:1px solid #e3e8ee;min-height:0}.balance-overview .card-heading{grid-column:1 / -1;padding-bottom:20px}.balance-label{grid-column:1}.balance-hero{grid-column:1;grid-row:3}.balance-state{grid-column:1;grid-row:4}.pending-row{grid-column:2;grid-row:2 / 4;margin:0;padding:10px 0;border:0;align-items:center}.pending-note{grid-column:2;grid-row:4;margin-top:0}.balance-link{grid-column:1 / -1;margin-top:22px}.balance-foot{grid-column:1 / -1;padding-bottom:0;padding-top:16px}.date-caption{display:none}.currency-value{font-size:26px}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-note{font-size:11px}.currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-footer .subtle{display:none}}@media(max-width:760px){:root{--sidebar: 235px}.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1f3655;z-index:25}.main-shell{margin-left:0;width:100%}.mobile-menu{display:inline-flex;margin-left:-7px}.topbar{height:58px;padding:0 16px}.breadcrumb{gap:7px;font-size:11px}.breadcrumb>span,.breadcrumb>svg{display:none}.topbar-right{gap:7px}.content{padding:24px 16px}.demo-banner{padding:9px 16px;font-size:11px;align-items:flex-start}.demo-banner>span{line-height:1.7;align-items:baseline}.demo-banner button{font-size:11px;padding-top:3px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.filter-bar{gap:10px;margin-bottom:20px}.segmented button{padding:7px 11px;font-size:11px}.filter-right>span{display:none}.filter-right select{padding:7px 5px;font-size:11px}.performance-heading{padding:0 0 16px}.performance-heading>span{display:none}.stats-grid{margin:0;gap:10px}.stat-card{padding:14px 12px}.stat-value{font-size:24px}.stat-note{display:none}.stat-top{font-size:12px}.card-heading{padding:18px 16px}.card-heading h2{font-size:14px}.card-heading p{font-size:11px}.revenue-card .card-heading{padding-left:0;padding-right:0}.chart-wrap,.chart-table{height:230px}.chart-footer{padding:14px 16px 18px;font-size:10px}.balance-overview{padding-left:0;padding-right:0;gap:0 14px}.balance-hero{font-size:27px}.pending-row{font-size:11px}.pending-row strong{font-size:12px}.pending-note,.balance-foot{font-size:10px}.tabs{gap:24px;padding:0 16px}.tabs button,td{font-size:12px}td,th{padding-left:16px;padding-right:16px}.currency-grid{gap:14px}.currency-card{padding:18px}.currency-value{font-size:24px}.table-toolbar{padding:15px 16px}.table-toolbar>.subtle{display:none}.pagination{padding:14px 16px;font-size:11px}.pagination .button.small{font-size:11px}.modal{padding:21px}.modal-backdrop{padding:15px}.related-row{flex-wrap:wrap}.login-box{padding:30px 26px}.login-page{padding:48px 20px 30px}}@media(max-width:390px){.content,.topbar{padding-left:12px;padding-right:12px}.topbar-separator{display:none}.mode-badge{font-size:10px}.segmented button{padding:7px 9px}.filter-right select{max-width:105px}.stat-value{font-size:21px}.stat-note{font-size:9px}.currency-grid{grid-template-columns:1fr}.balance-hero{font-size:24px}.detail-hero{font-size:29px}.subscription-detail{gap:8px}.subscription-detail h3{font-size:14px}.chart-footer{gap:5px;font-size:9px}}@media(max-width:760px){.drawer-backdrop{padding:0}.modal.drawer{width:100%;padding:0;border-radius:0}}.menu-option[aria-pressed]{justify-content:space-between}:root{--sidebar: 248px;--ink: #1a2e4b;--muted: #566b88;--line: #e7edf4;--purple: #635bff;--series: #6250d6;color:#26344b}.sidebar{background:#fff;border-right:1px solid #e7edf4;padding:14px 16px 0}.workspace-menu{margin-bottom:38px}.workspace-menu>.menu-trigger{padding:8px 4px}.workspace-name strong{color:#182e4b;font-size:15px;font-weight:600}.workspace-menu .workspace-icon{background:#1852ed;border-radius:5px;width:26px;height:28px}.workspace-mark{font-size:27px;font-weight:700;line-height:20px;transform:rotate(180deg)}.sidebar nav{gap:2px}.sidebar nav a{color:#263d5c;font-size:14px;padding:8px 7px;min-height:34px;gap:12px}.sidebar nav a svg{width:19px;height:19px;color:#526784}.sidebar nav a.active{background:transparent;color:#6044ff;font-weight:600}.sidebar nav a.active svg{color:#7052ff}.sidebar nav a:hover{background:#f5f7fa}.nav-caption{padding:34px 5px 12px;font-size:11px;color:#526784;font-weight:400}.topbar{height:72px;padding:0 42px;border-bottom:0}.global-search{width:370px;height:36px;border-radius:9px;background:#f5f6f9;font-size:13px;color:#526784}.global-search kbd{opacity:0}.global-search:hover kbd,.global-search:focus-visible kbd{opacity:1}.topbar-right{gap:15px}.topbar-right .icon-button{color:#405777}.demo-banner{padding:7px 42px;font-size:11px;background:#fffaf0;border-bottom:0}.content{max-width:none;padding:25px 42px 40px}.page-heading{min-height:36px;margin-bottom:26px}.page-heading h1{font-size:28px;font-weight:650;color:#30313d;letter-spacing:-.5px}.page-heading h2,.overview-section h2{font-size:26px;font-weight:650;color:#30313d;letter-spacing:-.4px}.button{min-height:31px;padding:5px 10px;font-size:12px;color:#263d5c;border-color:#d5deeb;box-shadow:0 1px 1px #152a4804}.button.primary{color:#fff}.mode-badge{font-size:10px}.home-page .today-heading{padding-bottom:15px;border-bottom:1px solid #dce4ef;margin-bottom:30px}.today-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:36px;margin-bottom:52px}.today-main{min-width:0}.today-totals{display:flex;gap:66px}.today-totals>div{display:flex;flex-direction:column;gap:7px;min-width:100px}.today-totals span{font-size:13px;color:#233a59}.today-totals strong{font-size:23px;font-weight:500;color:#414552}.today-totals small{color:#607596;font-size:11px}.today-totals .comparison-total strong{color:#526784;font-size:20px}.today-chart{height:178px;margin:4px 0 0 -4px}.today-legend{display:flex;gap:18px;font-size:10px;color:#607596;padding:12px 0 0}.today-legend>span{display:flex;align-items:center;gap:6px}.today-legend i{display:inline-block;width:13px;height:2px;background:var(--series)}.today-legend i.previous{height:0;background:transparent;border-top:2px dashed #94a7c3}.home-balance{margin-top:31px;display:flex;justify-content:space-between;align-items:start}.home-balance>div{display:flex;flex-direction:column;gap:9px}.home-balance span{font-size:13px;color:#263d5c}.home-balance strong{font-size:23px;font-weight:500;color:#263d5c}.home-side{background:#f6f8fb;border:1px solid #e7edf4;border-radius:9px;padding:20px;align-self:start}.home-side h2{font-size:15px;color:#30313d;margin-bottom:22px}.home-side>div:not(.error-box){display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:13px 0;border-bottom:1px solid #e2e8f1}.home-side strong{font-size:13px;color:#263d5c;font-weight:550}.home-side p{font-size:11px;line-height:1.8;color:#607596;margin:17px 0}.home-side .text-button{font-size:12px}.overview-section .page-heading{margin-bottom:18px}.overview-section .filter-bar{justify-content:flex-start;padding-bottom:19px;border-bottom:1px solid #dce4ef;margin-bottom:10px}.date-filter .menu-trigger{border-radius:18px;min-height:28px;padding:4px 9px;font-size:12px;box-shadow:none}.filter-label{color:#526784;padding-right:7px;border-right:1px solid #dce4ef}.filter-value{color:#6044ff;font-weight:500}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:#f5f7fa;border-radius:13px;padding:9px}.overview-tile{min-width:0;background:#fff;border-radius:8px;padding:19px 18px 15px}.overview-tile h3{font-size:14px;font-weight:600;color:#30313d;display:flex;align-items:center;gap:5px;margin-bottom:10px}.overview-tile h3 svg{color:#526784}.overview-number{display:block;font-size:25px;color:#414552;font-weight:650;letter-spacing:-.5px}.overview-number small{display:block;color:#607596;font-size:11px;font-weight:400;letter-spacing:0;margin-top:9px}.overview-tile>p{color:#607596;font-size:11px;margin-top:7px}.tile-chart{height:180px;margin-top:12px}.tile-footer{display:flex;justify-content:space-between;color:#607596;font-size:10px;margin-top:17px}.headline-tile{display:flex;flex-direction:column}.headline-tile .overview-number{font-size:31px;margin-top:14px}.headline-tile>p{margin-top:20px;line-height:1.9}.headline-tile>.text-button,.headline-tile>.tile-footer{margin-top:auto;padding-top:30px}.payments-tile dl{margin:20px 0}.payments-tile dl>div{display:flex;gap:10px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #e7edf4;font-size:12px}.payments-tile dt{color:#263d5c}.payments-tile dd{margin:0;color:#263d5c;font-weight:550}.overview-data{overflow-x:auto}.overview-data h3{font-size:15px;margin:18px 0 10px}.overview-data>p{font-size:12px;color:#607596;margin-bottom:18px}.recent-section{margin-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2,.balance-summary h2,.activity-heading{font-size:17px;font-weight:600;color:#30313d}.list-card .table-scroll,.recent-section .table-scroll{border:0;border-radius:0}th{background:#fff;color:#405777;font-size:12px;font-weight:550;border-top:0;border-bottom:1px solid #e7edf4;padding:11px 8px}td{font-size:13px;color:#26344b;padding:12px 8px;height:45px;border-bottom:1px solid #e7edf4}.table-link,td strong{color:#1b304e}.muted-cell{color:#526784;font-size:12px}.payments-table{table-layout:auto}.payments-table td:first-child{min-width:130px}.email-cell{max-width:240px;overflow:hidden;text-overflow:ellipsis}.description-cell{max-width:235px;overflow:hidden;text-overflow:ellipsis}.inline-currency{font-size:12px;color:#526784}.status{font-size:11px;font-weight:400;border-radius:3px;padding:2px 5px;border:1px solid transparent}.status>span{display:none}.status-succeeded,.status-active,.status-paid,.status-available{background:#eafbdc;border-color:#b4e590;color:#386b23}.status-pending,.status-trialing,.status-in_transit,.status-incomplete{background:#fff6da;border-color:#ead9a3;color:#795916}.status-failed,.status-past_due,.status-unpaid{background:#ffefed;border-color:#efb4b3;color:#a1292b}.status-refunded,.status-canceled,.status-paused{background:#f4f6fa;border-color:#d4deec;color:#526784}.status-filters{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 22px}.status-filters button{background:#fff;border:1px solid #e7eaf0;border-radius:8px;min-height:34px;padding:7px 13px;color:#233a59;font-size:12px;font-weight:550}.status-filters button.active{border-color:#20334d;box-shadow:inset 0 0 0 1px #20334d}.status-filters button:hover{background:#f7f8fb}.subscription-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:8px 0 24px}.subscription-filters button{min-height:47px;background:#fff;border:1px solid #d7e0ed;border-radius:9px;padding:12px 14px;text-align:left;color:#526784;font-size:13px}.subscription-filters button.active{color:#6044ff;border-color:#6950ff;box-shadow:inset 0 0 0 1px #6950ff}.subscription-filters button:hover{background:#faf9ff}.list-card .pagination{border:0;border-top:1px solid #e7edf4;border-radius:0;padding:14px 0}.pagination{flex-direction:row-reverse;justify-content:flex-end;gap:20px;font-size:12px}.pagination .button{box-shadow:none;border:0;padding:3px 6px}.pagination .button:hover:not(:disabled){background:#f3f5f9}.list-card .search-field{max-width:none;padding:5px 12px;border-color:#e1e7f0;border-radius:8px;gap:12px}.list-card .search-field input{font-size:13px;padding:7px 0}.list-card .table-toolbar{padding-bottom:18px}.tabs{gap:24px;padding:0}.tabs button{font-size:13px;color:#405777}.section-note{font-size:11px}.balance-title-amount{font-weight:400;font-size:27px;color:#1b304e}.balance-page>.page-heading{margin-bottom:30px}.currency-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:26px}.currency-selector{min-height:86px;padding:17px 18px;background:#fff;border:1px solid #d7e0ed;border-radius:8px;text-align:left;color:#1b304e}.currency-selector.selected{border-color:#6950ff;box-shadow:inset 0 0 0 1px #6950ff;color:#6044ff}.currency-selector:hover{background:#faf9ff}.currency-selector h2{font-size:13px;font-weight:550}.currency-selector strong{display:block;font-size:20px;font-weight:600;margin-top:7px}.balance-summary{max-width:100%;margin-bottom:32px}.balance-summary h2{margin-bottom:18px}.balance-meter{height:15px;width:100%;display:flex;gap:2px;border-radius:4px;overflow:hidden;margin-bottom:5px}.meter-pending{background:#bdcbe0}.meter-available{background:var(--series)}.meter-empty{background:#eef1f6;width:100%}.balance-summary table th{font-size:11px}.balance-summary table td{font-size:13px;height:43px}.amount-column{text-align:right}.balance-key{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:10px;vertical-align:middle}.balance-key.pending{background:#bdcbe0}.balance-key.available{background:var(--series)}.settlement-note{font-size:11px;color:#607596;line-height:1.8;margin-top:12px}.activity-heading{margin-bottom:12px}.activity-heading h2{font-size:17px}.activity-scope{font-size:11px;color:#607596}.balance-page>.card{border:0;border-radius:0}.balance-page .tabs{padding:0}.balance-page .pagination{border-top:1px solid #e7edf4}@media(min-width:1600px){:root{--sidebar: 260px}.content{padding:27px 44px 48px}.topbar{height:76px;padding:0 44px}.sidebar{padding-left:20px;padding-right:20px}.sidebar nav a{font-size:15px;min-height:36px}.page-heading h1,.page-heading h2,.overview-section h2{font-size:30px}.today-layout{grid-template-columns:minmax(0,1fr) 310px;gap:34px}.today-chart{height:190px}.tile-chart{height:210px}td{font-size:14px;height:47px}.overview-tile{padding:22px 20px 17px}.overview-number{font-size:27px}}@media(max-width:1100px){:root{--sidebar: 215px}.content{padding:24px 28px}.topbar{padding:0 28px}.today-layout{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:34px}.home-side{display:none}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-filters{gap:7px}.subscription-filters button{padding:10px;font-size:12px}}@media(max-width:760px){:root{--sidebar: 240px}.content{padding:22px 18px 30px}.topbar{height:60px;padding:0 16px}.topbar-right{gap:5px}.global-search{width:160px;height:32px}.demo-banner{padding:7px 18px}.page-heading h1,.page-heading h2,.overview-section h2{font-size:25px}.page-heading{margin-bottom:22px}.today-layout{margin-bottom:30px}.home-page .today-heading{margin-bottom:23px}.today-totals{gap:48px}.today-totals strong{font-size:21px}.today-chart{height:165px}.home-balance{margin-top:23px}.overview-grid{grid-template-columns:minmax(0,1fr);padding:8px;gap:9px}.overview-tile{padding:18px 16px}.tile-chart{height:185px}.payments-tile dl>div{padding:13px 0}.subscription-filters{display:flex;overflow-x:auto}.subscription-filters button{min-width:88px;min-height:42px}.currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-selector{padding:14px;min-height:76px}.currency-selector strong{font-size:18px}.balance-title-amount{display:block;margin-top:7px;font-size:24px}.status-filters{gap:6px;margin-bottom:18px}.status-filters button{padding:6px 10px;min-height:32px;font-size:11px}.pagination{flex-wrap:wrap;gap:10px;justify-content:flex-end}.list-card .table-toolbar{padding-left:0;padding-right:0}.email-cell{max-width:210px}.overview-section .page-heading{gap:8px}.overview-section .page-heading .button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(forced-colors:active){.status{border:1px solid CanvasText}.recharts-area-curve{stroke:CanvasText!important}.recharts-area-area{fill:none!important}}@media print{.sidebar,.topbar,.demo-banner,.filter-bar,.button,.bottom-note{display:none!important}.main-shell{width:100%;margin:0}.content{padding:0}.card,.performance-panel{break-inside:avoid;box-shadow:none}.recharts-area-curve{stroke:#111!important;stroke-dasharray:5 2}.recharts-area-area{fill:none!important}.status{border:1px solid #888}}
