@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap";:root{color:#202737;font-synthesis:none;background:#f6f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}svg{width:18px;height:18px}.auth-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-promo{color:#fff;background:linear-gradient(145deg,#171c2c,#202942 60%,#2e354b);flex-direction:column;padding:42px 8vw 34px 5vw;display:flex;position:relative;overflow:hidden}.auth-promo:after{content:"";border:90px solid #f9731624;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-140px;right:-170px}.promo-brand,.mobile-brand{align-items:center;gap:12px;font-family:Manrope;font-size:20px;font-weight:800;display:flex}.logo{color:#fff;background:linear-gradient(145deg,#fb923c,#ea580c);border-radius:13px;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 8px 24px #f9731640}.logo span{font-family:Manrope;font-size:26px;font-weight:800}.promo-copy{z-index:1;max-width:650px;margin:auto 0;position:relative}.eyebrow,.page-title>div>span{letter-spacing:.16em;color:#f97316;font-size:11px;font-weight:800}.promo-copy h1{margin:22px 0;font:800 clamp(42px,5vw,70px)/1.08 Manrope}.promo-copy>p{color:#c4cad7;max-width:570px;font-size:17px;line-height:1.7}.promo-points{gap:13px;margin-top:36px;display:grid}.promo-points span{color:#e8eaf0;align-items:center;gap:10px;font-weight:600;display:flex}.promo-points svg{color:#fb923c}.promo-foot{color:#8f97aa;font-size:12px}.auth-form-wrap{place-items:center;padding:40px;display:grid}.auth-card{width:min(430px,100%)}.mobile-brand{display:none}.auth-icon{color:#ea580c;background:#fff1e8;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:24px;display:grid}.auth-card h2{margin:0;font:800 32px Manrope}.auth-card>p{color:#70778a;margin:10px 0 30px;line-height:1.6}.auth-card label,.modal label,.setup-2fa label{color:#3c4353;gap:8px;margin:15px 0;font-size:13px;font-weight:700;display:grid}.auth-card input,.modal input,.modal select,.setup-2fa input{background:#fff;border:1px solid #dde1e9;border-radius:10px;outline:none;width:100%;padding:13px 14px}.auth-card input:focus,.modal input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731615}.primary-btn,.secondary-btn{border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-weight:700;display:inline-flex}.primary-btn{color:#fff;background:#f97316;box-shadow:0 7px 16px #f9731628}.primary-btn:hover{background:#ea580c}.auth-card>.primary-btn{width:100%;margin-top:8px;padding:14px}.secondary-btn{color:#363d4d;background:#fff;border:1px solid #dfe3ea}.demo-note{color:#656d7e;background:#f8f9fb;border:1px dashed #d7dce5;border-radius:10px;gap:5px;margin:20px 0;padding:13px;font-size:12px;display:grid}.switch-login{color:#ea580c;background:0 0;border:0;width:100%;font-weight:700}.form-error{color:#c2410c;background:#fff0eb;border-radius:8px;padding:10px;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:#fff;border-right:1px solid #e8eaf0;flex-direction:column;width:246px;min-height:100vh;padding:20px 14px;display:flex;position:fixed}.sidebar-brand{align-items:center;gap:10px;padding:0 7px 22px;display:flex}.sidebar-brand>div{display:grid}.sidebar-brand strong{font:800 17px Manrope}.sidebar-brand small{color:#9096a4;font-size:10px}.sidebar-brand>button{display:none}.workspace{border:1px solid #e5e7ed;border-radius:10px;grid-template-columns:1fr auto;gap:2px 8px;margin:0 5px 22px;padding:11px;display:grid}.workspace span{color:#959baa;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.workspace strong{font-size:12px}.workspace svg{grid-area:1/2/3;width:14px}.nav-label{color:#a4a9b5;letter-spacing:.13em;padding:0 12px 8px;font-size:9px;font-weight:800;display:block}.sidebar nav button,.logout{color:#646b7c;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.sidebar nav button.active{color:#e95d0c;background:#fff0e6}.sidebar nav button:hover{background:#f6f7f9}.sidebar-bottom{margin-top:auto}.help-card{color:#fff;background:#232a3c;border-radius:11px;gap:6px;margin:15px 5px;padding:15px;display:grid}.help-card svg{color:#fb923c}.help-card strong{font-size:12px}.help-card small{color:#aeb4c1;font-size:10px;line-height:1.5}.logout{color:#a9443e}.app-shell>main{width:calc(100% - 246px);margin-left:246px}header{z-index:10;background:#fff;border-bottom:1px solid #e8eaf0;justify-content:space-between;align-items:center;height:69px;padding:0 28px;display:flex;position:sticky;top:0}.menu-toggle{display:none}.header-search{color:#999fac;align-items:center;gap:10px;width:360px;display:flex}.header-search input{border:0;outline:0;width:100%}.header-actions{align-items:center;gap:10px;display:flex}.header-actions>button,.icon-btn{background:#fff;border:1px solid #e4e7ed;border-radius:8px;padding:9px}.avatar{color:#e95d0c;background:#fff0e6;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.header-actions>div:last-child{display:grid}.header-actions strong{font-size:12px}.header-actions small{color:#8c93a2;font-size:10px}.content{max-width:1500px;margin:auto;padding:30px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.page-title h1{margin:6px 0;font:800 27px Manrope}.page-title p{color:#747b8c;margin:0;font-size:13px}.title-actions{gap:9px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card,.panel,.mini-stats{background:#fff;border:1px solid #e7e9ef;border-radius:12px;box-shadow:0 2px 7px #20273708}.stat-card{padding:19px;position:relative;overflow:hidden}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{color:#f97316;background:#fff0e6;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.stat-top em{color:#16a36a;background:#eafaf3;border-radius:20px;padding:5px 7px;font-size:10px;font-style:normal;font-weight:700}.stat-card p{color:#7b8292;margin:18px 0 7px;font-size:12px}.stat-card>strong{font:800 22px Manrope}.spark{align-items:end;gap:3px;height:31px;display:flex;position:absolute;bottom:18px;right:15px}.spark i{background:#fed7aa;border-radius:2px;width:3px}.spark i:first-child{height:20%}.spark i:nth-child(2){height:40%}.spark i:nth-child(3){height:32%}.spark i:nth-child(4){height:70%}.spark i:nth-child(5){height:55%}.spark i:nth-child(6){height:92%}.spark i:nth-child(7){background:#f97316;height:76%}.dashboard-grid,.api-grid,.security-grid{grid-template-columns:2fr 1fr;gap:16px;margin:16px 0;display:grid}.panel{margin-bottom:16px;padding:20px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head h3{margin:0;font:800 15px Manrope}.panel-head span{color:#9298a6;font-size:10px}.text-btn{color:#ea580c;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.text-btn svg{width:13px}.chart-bars{background:repeating-linear-gradient(#edf0f4 0 1px,#0000 1px 47px);border-bottom:1px solid #edf0f4;align-items:flex-end;gap:18px;height:190px;padding-top:20px;display:flex}.chart-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:end;gap:8px;height:100%;display:flex}.chart-bars i{background:linear-gradient(#fb923c,#f97316);border-radius:5px 5px 1px 1px;width:100%;max-width:38px;margin:auto auto 0}.chart-bars span{color:#8e95a4;text-align:center;width:100%;font-size:9px}.balance-ring{background:conic-gradient(#f97316 0 72%,#293148 72%);border-radius:50%;place-items:center;width:150px;height:150px;margin:16px auto;display:grid;position:relative}.balance-ring:after{content:"";background:#fff;border-radius:50%;width:105px;height:105px;position:absolute}.balance-ring>div{z-index:1;text-align:center;display:grid}.balance-ring strong{font:800 19px Manrope}.balance-ring span{color:#8e95a4;font-size:9px}.balance-legend{color:#777f90;justify-content:center;gap:16px;font-size:9px;display:flex}.balance-legend i{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.orange{background:#f97316}.navy{background:#293148}.table-wrap{margin:0 -20px -20px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:820px}th,td{text-align:left;white-space:nowrap;border-top:1px solid #edf0f4;padding:13px 17px;font-size:11px}th{color:#9197a5;background:#fafbfc;font-weight:700}td{color:#5e6575}td strong{color:#282f3f}.status{color:#646c7d;background:#eef0f4;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.status.success,.status.active,.status.approved,.status.enabled{color:#168a5d;background:#e7f8f0}.status.pending,.status.processing,.status.not.enabled{color:#c3780a;background:#fff4df}.status.failed{color:#bf4141;background:#ffebeb}.status.paid{color:#4f66c6;background:#edf1ff}.filter-row{gap:10px;margin-bottom:15px;display:flex}.filter-row>div{background:#fff;border:1px solid #e1e4ea;border-radius:8px;align-items:center;gap:8px;min-width:300px;padding:0 11px;display:flex}.filter-row input,.filter-row select,.filter-row>select{background:0 0;border:0;outline:0;padding:10px}.mini-stats{grid-template-columns:repeat(4,1fr);margin-bottom:16px;padding:18px;display:grid}.mini-stats>div{border-right:1px solid #e8eaf0;gap:7px;padding:0 18px;display:grid}.mini-stats>div:last-child{border:0}.mini-stats span{color:#8b92a1;font-size:10px}.mini-stats strong{font:800 16px Manrope}.green-text{color:#159466!important}.red-text{color:#c84b4b!important}.link-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.link-card{position:relative}.link-card>.status{position:absolute;top:18px;right:18px}.link-icon{color:#f97316;background:#fff0e6;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.link-card h3{margin:22px 0 6px;font:800 15px Manrope}.link-card>strong{font:800 19px Manrope}.link-card>p{color:#858c9b;font-size:11px}.link-card>div:last-child{gap:7px;margin-top:18px;display:flex}.credential{background:#f7f8fa;border-radius:8px;grid-template-columns:1fr auto;gap:7px;margin:13px 0;padding:12px;display:grid}.credential span{color:#8b92a1;font-size:9px}.credential code{grid-row:2}.credential button{color:#747c8c;background:0 0;border:0;grid-area:1/2/3}.fee-row{border-bottom:1px solid #edf0f4;justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.endpoint-panel code{color:#fff;background:#272e40;border-radius:6px;margin:4px;padding:9px 11px;font-size:11px;display:inline-block}.security-main{align-items:center;gap:16px;display:flex}.security-main>div{flex:1}.security-main h3{margin:0;font:800 16px Manrope}.security-main p{color:#777f8f;font-size:11px;line-height:1.6}.big-shield{color:#f97316;background:#fff0e6;border-radius:15px;place-items:center;width:58px;height:58px;display:grid}.big-shield svg{width:28px;height:28px}.security-check{border-bottom:1px solid #edf0f4;align-items:center;gap:9px;padding:10px 0;font-size:11px;display:flex}.security-check svg{color:#13a36a}.setup-2fa{align-items:center;gap:24px;display:flex}.fake-qr{background:repeating-conic-gradient(#1e2535 0 25%,#fff 0 50%) 50%/18px 18px;text-align:center;color:#f97316;text-shadow:0 1px #fff;border:10px solid #fff;place-items:center;width:160px;height:160px;font-weight:900;display:grid;box-shadow:0 0 0 1px #dfe2e8}.docs-panel>div:first-child{align-items:center;gap:10px;display:flex}.method{color:#fff;background:#f97316;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:800}.docs-panel pre{color:#eef1f7;background:#22293a;border-radius:10px;padding:18px;font-size:12px;line-height:1.7;overflow:auto}.docs-panel p{color:#697183;font-size:12px}.modal-backdrop{z-index:50;background:#161b29aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(500px,100%);padding:28px;position:relative;box-shadow:0 30px 80px #0005}.modal-close{background:#f4f5f7;border:0;border-radius:8px;padding:7px;position:absolute;top:16px;right:16px}.modal h2{margin:9px 0;font:800 24px Manrope}.modal>p{color:#777f8f;font-size:12px}.modal form{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.modal form .primary-btn{grid-column:1/-1;margin-top:10px}.success-view{text-align:center;padding:20px}.success-view>svg{color:#14a36b;width:62px;height:62px}.success-view .primary-btn{margin:auto}.success-view h2{margin-top:15px}@media (width<=1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.link-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.auth-page{grid-template-columns:1fr}.auth-promo{display:none}.mobile-brand{margin-bottom:45px;display:flex}.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:20px 0 60px #0002}.sidebar-brand>button{background:0 0;border:0;margin-left:auto;display:block}.app-shell>main{width:100%;margin-left:0}.menu-toggle{background:0 0;border:0;display:grid}.header-search{display:none}.content{padding:20px 15px}.page-title{flex-direction:column;align-items:flex-start}.dashboard-grid,.api-grid,.security-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr 1fr;gap:15px}.mini-stats>div{border:0;padding:0}.link-grid{grid-template-columns:1fr}.security-main{flex-wrap:wrap;align-items:flex-start}.modal form{grid-template-columns:1fr}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}.auth-form-wrap{padding:25px}.title-actions{width:100%}.title-actions button{flex:1}.header-actions>div:last-child{display:none}.mini-stats{grid-template-columns:1fr}.setup-2fa{flex-direction:column;align-items:flex-start}}.language-select{color:#858c9a;align-items:center;gap:5px;display:flex}.language-select select{color:#616879;background:0 0;border:0;outline:0;font-size:11px}.shortcut-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shortcut-grid button,.docs-links button{text-align:left;color:#535b6c;background:#fafbfc;border:1px solid #e6e9ef;border-radius:9px;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.security-forms,.payment-summary{grid-template-columns:1fr 1fr;gap:16px;display:grid}.filter-grid,.settlement-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.filter-grid label,.settlement-form label,.security-forms label,.quick-generator label{color:#51596a;gap:7px;font-size:11px;font-weight:700;display:grid}.filter-grid input,.filter-grid select,.settlement-form input,.settlement-form select,.security-forms input,.quick-generator input{background:#fff;border:1px solid #dfe3e9;border-radius:8px;outline:0;padding:11px}.filter-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.pagination{color:#808796;justify-content:flex-end;align-items:center;gap:6px;margin-top:35px;font-size:10px;display:flex}.pagination span{margin-right:auto}.pagination button{background:#fff;border:1px solid #e1e5eb;border-radius:6px;padding:6px 9px}.full{grid-column:1/-1}.status.valid,.status.delivered,.status.credit{color:#168a5d;background:#e7f8f0}.status.waiting,.status.created{color:#c3780a;background:#fff4df}.status.debit,.status.disabled{color:#bf4141;background:#ffebeb}.balance-hero{color:#fff;background:linear-gradient(135deg,#242b3e,#343e59);flex-direction:column;justify-content:center;display:flex}.balance-hero span,.balance-hero small{color:#bdc4d2}.balance-hero strong{margin:12px 0;font:800 32px Manrope}.rules p{color:#697181;border-bottom:1px solid #edf0f4;padding-bottom:9px;font-size:11px}.method-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.method-cards button{text-align:left;color:#555d6e;background:#fff;border:1px solid #dfe3e9;border-radius:9px;gap:5px;padding:13px;display:grid}.method-cards button.selected{background:#fff7f0;border-color:#f97316;box-shadow:0 0 0 2px #f9731618}.method-cards button span{color:#8b92a1;font-size:9px}.inline-add{align-self:end}.success-note{color:#147b55;background:#e9f9f1;border:1px solid #bdebd6;border-radius:8px;padding:11px;font-size:11px}.page-notice{margin-bottom:14px}.quick-generator{grid-template-columns:1fr 1fr auto;align-items:end;gap:20px;display:grid}.quick-generator h2{margin:10px 0 3px;font:800 18px Manrope}.quick-generator p{color:#7f8797;font-size:10px}.big-link{color:#f97316;background:#fff0e6;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.system-strip{color:#687081;background:#f7f8fa;border-radius:8px;grid-column:1/-1;gap:25px;padding:10px;font-size:10px;display:flex}.system-strip i{background:#16a36a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.warning-panel{background:#fff8eb;border-color:#f8deb3;align-items:flex-start;gap:12px;display:flex}.warning-panel svg{color:#df8314;flex:none}.warning-panel p{color:#7d684b;margin:4px 0;font-size:11px}.docs-links{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.docs-links button{justify-content:space-between}.security-forms form{gap:5px;display:grid}.recovery{background:#f3f4f7;border-radius:7px;margin-top:8px;padding:10px;display:block}@media (width<=1050px){.method-cards{grid-template-columns:1fr 1fr}}@media (width<=760px){.language-select{display:none}.security-forms,.payment-summary,.filter-grid,.settlement-form,.quick-generator,.method-cards,.docs-links{grid-template-columns:1fr}.quick-generator .system-strip{grid-column:1}}:root{--brand-primary:#f97316;--brand-secondary:#232a3c}.primary-btn{background:var(--brand-primary)}.primary-btn:hover{filter:brightness(.92)}.logo{background:var(--brand-primary)}.sidebar nav button.active{color:var(--brand-primary)}.help-card{background:var(--brand-secondary)}.sidebar{height:100vh;overflow:hidden}.sidebar nav{scrollbar-width:thin;flex:1;min-height:0;padding-right:3px;overflow-y:auto}.sidebar-bottom{background:#fff;flex:none;padding-top:6px}.notification-button{position:relative}.notification-button b{color:#fff;background:#e95d0c;border-radius:20px;place-items:center;min-width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:-6px;right:-5px}.password-field{display:flex;position:relative}.password-field input{padding-right:45px}.password-field button{color:#737b8c;background:0 0;border:0;padding:6px;position:absolute;top:7px;right:7px}.register-card{max-height:92vh;padding-right:5px;overflow-y:auto}.totp-setup>h2{margin:0;font:800 23px Manrope}.totp-setup>p{color:#697181;font-size:12px}.totp-grid{grid-template-columns:190px 1fr;align-items:center;gap:18px;display:grid}.totp-grid img{border:1px solid #e2e5ea;border-radius:9px;width:180px;height:180px}.totp-grid label{margin:8px 0}.secret-code{word-break:break-all;background:#f2f4f7;border-radius:7px;margin-top:6px;padding:9px;display:block}.preview-helper{color:#8a6419;background:#fff6df;border-radius:7px;margin:8px 0;padding:8px;display:block}.recovery-list{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.recovery-list code{text-align:center;background:#f1f3f6;border-radius:5px;padding:7px}.row-actions{flex-wrap:wrap;gap:5px;display:flex}.row-actions button{background:#fff;border:1px solid #dfe3e9;border-radius:6px;padding:5px 7px;font-size:9px}.check-label{align-items:center;grid-column:auto!important;grid-template-columns:auto 1fr!important;display:flex!important}.check-label input{width:auto!important}.help-box{background:#fffaf6;border-left:4px solid #f97316}.help-box p{color:#697181;margin-bottom:0;font-size:11px;line-height:1.6}.toggle-setting{align-items:center;gap:6px;font-size:10px;display:flex}.danger{color:#c03d3d!important}.gateway-form textarea{resize:vertical;border:1px solid #dfe3e9;border-radius:8px;min-height:90px;padding:11px}.gateway-actions{align-items:end;gap:8px;display:flex}.api-explainer p{color:#626a7a;font-size:12px;line-height:1.7}.api-examples{gap:7px;display:grid}.api-examples code{color:#fff;background:#252c3e;border-radius:7px;padding:10px;overflow:auto}@media (width<=760px){.totp-grid{grid-template-columns:1fr}.totp-grid img{margin:auto}.recovery-list{grid-template-columns:1fr 1fr}.sidebar{height:100dvh}}.register-card{max-height:none!important;padding-right:0!important;overflow:visible!important}.auth-page:has(.register-card){height:auto;min-height:100vh}.auth-page:has(.register-card) .auth-form-wrap{align-items:start}.branding-form textarea{border:1px solid #dfe3e9;border-radius:8px;min-height:80px;padding:11px}