:root{--bg:#f5f6fa;--panel:#fff;--text:#182039;--muted:#8790a6;--line:#e9ecf3;--accent:#6254e8;--nav:#11182c;--green:#128565;--red:#c7455a;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:16px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:1.8rem;letter-spacing:-.8px;margin-bottom:8px}h2{font-size:1.15rem}h3{font-size:1rem}.muted,small{color:var(--muted)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:2px;color:var(--accent)}.brand-mark{display:inline-grid;place-items:center;background:var(--accent);width:36px;height:36px;border-radius:10px;color:#fff;font-size:24px;font-weight:800;font-style:italic}.sidebar{position:fixed;top:0;bottom:0;left:0;width:238px;background:var(--nav);color:#abb3cc;display:flex;flex-direction:column;padding:28px 16px 0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:1.1rem;letter-spacing:1px;padding:0 8px 26px}.brand b{font-weight:400;color:#a89fff}.workspace{margin:0 0 24px;padding:15px 10px;background:#1d253c;border:1px solid #30374c;border-radius:10px;display:flex;gap:10px;align-items:center}.workspace strong{font-size:.85rem;color:#e4e7f1}.workspace small{display:block;font-size:.6rem;letter-spacing:1.2px;margin-top:5px}.workspace-icon{display:grid;place-items:center;width:30px;height:32px;background:#37335e;border-radius:7px;color:#c7bdff}nav{overflow-y:auto;padding-bottom:20px;scrollbar-width:thin}.nav-item{display:flex;gap:13px;align-items:center;font-size:.88rem;padding:11px 14px;border-radius:8px;margin:3px 0;transition:.15s}.nav-item:hover{background:#222b43;color:white}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 6px 20px #0002}.nav-icon{width:18px;font-size:1.15rem;text-align:center}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:9px;padding:18px 5px;border-top:1px solid #293149;font-size:.8rem}.sidebar-foot small{display:block;margin-top:4px}.avatar{background:#38335d;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:#c7beff;text-transform:uppercase}.logout{background:none;border:0;color:#b8c1d9;font-size:24px}.shell{margin-left:238px;min-height:100vh}.topbar{height:76px;padding:0 36px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.breadcrumbs{font-size:.85rem;color:#58637b}.breadcrumbs span{color:#c3c8d5;margin:0 12px}.top-actions{display:flex;align-items:center;gap:18px}.merchant-id{font-size:.73rem;color:#778199;border-left:1px solid var(--line);padding-left:18px}.preferences{display:flex;align-items:center;gap:7px}.preferences label{margin:0}.preferences select{width:auto;padding:7px 9px;border:0;background:#f6f7fb;font-size:.77rem}.small-button{background:#efedfd;border:0;border-radius:6px;color:var(--accent);padding:7px}.main{padding:32px 36px;max-width:1800px;margin:auto}.demo-banner{padding:9px 36px;background:#eeeafb;color:#6858a4;font-size:.73rem;display:flex;gap:12px}.demo-banner strong{font-size:.65rem;letter-spacing:1px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.page-heading p{font-size:.88rem;margin:0;color:#8790a6}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:0;background:var(--accent);color:white;border-radius:8px;padding:11px 17px;display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:.86rem;font-weight:600;white-space:nowrap}.button:hover{background:#5043d2}.button.secondary{background:#fff;border:1px solid #dfe3ec;color:#4c5872}.button.danger{background:#c7455a}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:var(--radius);background:white;padding:24px;min-width:0}.card.hero-card{background:linear-gradient(115deg,#6254e8,#7764ef);color:white;border:0;position:relative;overflow:hidden}.card.hero-card .muted,.hero-card small{color:#d5d0ff}.card.hero-card:after{content:'';position:absolute;width:160px;height:160px;border:25px solid #ffffff09;border-radius:50%;right:-80px;top:-50px}.card-label{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:22px;color:#7f899e}.hero-card .card-label{color:#e1ddff}.card-value{font-size:1.9rem;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}.card-value small{font-size:.7rem;font-weight:500;letter-spacing:0;margin-left:5px}.card-foot{margin-top:15px;font-size:.74rem;color:var(--muted)}.grid-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.panel-head{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.panel-head h2{margin:0;font-size:1rem}.panel-body{padding:24px}.panel-head small{font-size:.75rem}.chart{height:225px;padding:20px 0 0;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#f0f2f7 50px);position:relative}.bar-group{flex:1;height:100%;display:flex;gap:3px;align-items:flex-end;position:relative;justify-content:center}.bar{background:#7667ef;width:8px;min-height:3px;border-radius:3px 3px 0 0}.bar.payout{background:#c6bff9}.chart-labels{display:flex;justify-content:space-between;padding:12px 3px;font-size:.65rem;color:var(--muted)}.legend{display:flex;gap:18px;font-size:.74rem;color:#7e879c}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--accent);margin-right:6px}.legend i.light{background:#c6bff9}.flow-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.flow-row:last-child{border:0}.currency-icon{width:38px;height:38px;border-radius:10px;background:#f0edff;color:var(--accent);display:grid;place-items:center;font-weight:600;font-size:.8rem}.flow-row strong{display:block;font-size:.9rem}.flow-row small{font-size:.73rem}.flow-amount{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.81rem;white-space:nowrap}th{text-align:left;color:#8991a3;font-weight:500;font-size:.75rem;background:#fafbfe;padding:13px 20px;border-bottom:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid #f0f2f7}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfbff}td small{display:block;margin-top:5px;font-size:.69rem}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.74rem}.tag{display:inline-block;padding:5px 10px;border-radius:5px;background:#f1f2f6;color:#798197;font-size:.71rem}.tag.success,.tag.normal,.tag.approved,.tag.released{background:#e8f7ef;color:#218566}.tag.processing,.tag.pending,.tag.transferring{background:#fff5e4;color:#b58024}.tag.failed,.tag.disabled,.tag.rejected{background:#fcecef;color:#c65b6b}.tag.frozen,.tag.blocked,.tag.timeout{background:#f0edff;color:#7665bc}.text-link{color:var(--accent);font-size:.83rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:.8rem;color:#68748b;margin-bottom:16px}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #dfe4ee;border-radius:8px;margin-top:7px;background:#fff;color:var(--text);font-size:.87rem}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #6254e815;border-color:var(--accent)}input[type=checkbox]{width:auto;display:inline-block;vertical-align:middle;margin:0 8px 0 0}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:20px 24px}.filters label{margin:0;flex:1;min-width:130px}.filters button{height:40px}.notice{border-radius:9px;padding:14px 18px;margin-bottom:20px;background:#f0edff;color:#6556ab;font-size:.85rem;line-height:1.7}.notice.danger{background:#fff0f2;color:#b44359}.notice.success{background:#eaf8f1;color:#227955}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty strong{display:block;color:#6f7890;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.detail-grid small{display:block;margin-bottom:8px}.detail-grid strong{font-weight:550;font-size:.9rem;word-break:break-all}.quote-box{padding:20px;background:#f7f6ff;border:1px solid #e8e3ff;border-radius:10px;margin:20px 0;line-height:2}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding:0 24px}.tabs a{padding:15px;font-size:.85rem;border-bottom:2px solid transparent}.tabs a.active{border-color:var(--accent);color:var(--accent)}.footer{padding:0 36px 24px;color:#a2aabc;font-size:.65rem;letter-spacing:1px;display:flex;justify-content:space-between}.mobile-toggle{display:none}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-brand{background:var(--nav);color:white;padding:20vh 12%;display:flex;flex-direction:column;align-items:flex-start}.auth-brand h1{margin:30px 0;font-size:3rem;letter-spacing:2px}.auth-brand h1 span{color:#978aff}.auth-brand p{line-height:2;color:#b0b8ce;font-size:1.15rem}.auth-line{width:60px;height:3px;background:var(--accent);margin:40px 0}.auth-card{width:min(440px,90%);margin:auto;padding:40px 10px}.auth-card h2{font-size:2rem;margin:16px 0}.auth-card form{margin-top:25px}.auth-card .button{width:100%}.demo-login{margin:35px 0;padding:20px;background:#f5f3ff;border-radius:12px;font-size:.8rem}.demo-login form{margin:8px 0;display:inline-block}.demo-login .button{font-size:.75rem;padding:9px 13px}code,pre{background:#f5f6fa;border-radius:8px;padding:12px;font-size:.8rem;white-space:pre-wrap;word-break:break-all}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:600;font-size:.86rem}.docs p,.docs li{line-height:1.8;font-size:.9rem}.docs h2{margin-top:30px}.negative{color:var(--red)}.positive{color:var(--green)}@media(min-width:1500px){.card-value{font-size:2.3rem}}@media(max-width:1150px){.sidebar{width:210px}.shell{margin-left:210px}.main{padding:26px 22px}.topbar{padding:0 22px}.cards{grid-template-columns:repeat(2,1fr)}.merchant-id{display:none}.grid-main{grid-template-columns:1fr}.card-value{font-size:2rem}}@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;width:238px}.shell{margin-left:0}.mobile-toggle{display:block;border:0;background:none;font-size:20px}.topbar{height:64px;padding:0 15px}.breadcrumbs{display:none}.top-actions{gap:4px}.preferences select{max-width:120px}.main{padding:24px 15px}.demo-banner{padding:8px 15px;font-size:.65rem}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading h1{font-size:1.5rem}.cards{gap:10px}.card{padding:18px 14px}.card-value{font-size:1.4rem}.card-label{font-size:.73rem;margin-bottom:16px}.card-foot{font-size:.65rem}.form-grid,.detail-grid{grid-template-columns:1fr}.panel-body,.panel-head{padding:18px}.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{margin:50px auto}.footer{padding:0 15px 20px}.footer span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
