@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #635BFF;--primary-light: #7A73FF;--primary-dark: #4B45D1;--primary-bg: rgba(99, 91, 255, .06);--primary-bg-strong: rgba(99, 91, 255, .12);--accent: #00D4AA;--accent-dark: #00B894;--success: #30D158;--success-light: #ECFDF5;--success-dark: #16A34A;--warning: #FFB340;--warning-light: #FFFBEB;--warning-dark: #D97706;--danger: #FF453A;--danger-light: #FEF2F2;--danger-dark: #DC2626;--info: #0A84FF;--info-light: #EFF6FF;--info-dark: #2563EB;--vodacom: #e74c3c;--orange: #f39c12;--airtel: #e74c3c;--africell: #3498db;--sidebar-bg: #0A2540;--sidebar-text: rgba(255, 255, 255, .5);--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active-bg: rgba(99, 91, 255, .12);--sidebar-active-text: #A5B4FC;--sidebar-active-border: #635BFF;--sidebar-width: 264px;--sidebar-border: rgba(255, 255, 255, .06);--header-bg: rgba(255, 255, 255, .8);--header-height: 60px;--body-bg: #F6F8FA;--card-bg: #ffffff;--footer-bg: transparent;--text-primary: #0A2540;--text-secondary: #425466;--text-muted: #8898AA;--text-white: #ffffff;--border-color: #E3E8EE;--border-light: #F0F3F7;--gray-50: #F7F8FA;--gray-100: #F0F3F7;--gray-200: #E3E8EE;--gray-300: #C1C9D2;--gray-400: #8898AA;--gray-500: #697386;--gray-600: #425466;--gray-700: #2A3544;--gray-800: #1A2332;--gray-900: #0A2540;--shadow-xs: 0 1px 1px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .03);--shadow: 0 2px 4px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 0 0 1px rgba(99, 91, 255, .12), 0 4px 12px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 3px rgba(99, 91, 255, .15);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--transition: all .15s var(--ease);--transition-fast: all .1s var(--ease);--transition-slow: all .25s var(--ease)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--body-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-dark)}::selection{background:#635bff26;color:var(--primary-dark)}.app-wrapper{display:flex;min-height:100vh;background:var(--body-bg)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s var(--ease);overflow:hidden}.sidebar-logo{padding:18px 20px 16px;display:flex;align-items:center;gap:10px}.sidebar-logo img{height:28px;border-radius:6px}.sidebar-logo span{color:#fff;font-size:17px;font-weight:700;letter-spacing:-.4px}.sidebar-close-btn{margin-left:auto;color:#ffffff80}.sidebar-mode{display:flex;align-items:center;gap:8px;margin:0 14px 12px;padding:8px 12px;background:#ffb34014;border:1px solid rgba(255,179,64,.15);border-radius:var(--radius);font-size:12px;font-weight:600;color:#ffb340}.mode-dot{width:7px;height:7px;border-radius:50%;background:#ffb340;box-shadow:0 0 6px #ffb34080;animation:pulse 2s infinite}.mode-badge{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:1px;color:#ffb34099}.sidebar-nav{flex:1;overflow-y:auto;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}.nav-section-label{padding:18px 20px 6px;font-size:10px;font-weight:700;color:#ffffff40;text-transform:uppercase;letter-spacing:1.2px}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 20px;margin:1px 8px;color:#ffffff8c;font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius);letter-spacing:-.1px;text-decoration:none}.nav-item:hover{color:#ffffffe6;background:#ffffff0f}.nav-item.active{color:#fff;background:#635bff2e;font-weight:600}.nav-item svg{opacity:.55;flex-shrink:0}.nav-item:hover svg{opacity:.85}.nav-item.active svg{opacity:1}.nav-external{margin-left:auto;opacity:.3!important}.sidebar-foot{padding:14px 20px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-foot-text{font-size:10px;color:#fff3;text-align:center;font-weight:500;letter-spacing:.3px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0a2540b3;z-index:99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-overlay.active{display:block;animation:fadeIn .2s var(--ease)}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.header{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.header-left{display:flex;align-items:center;gap:14px}.header-right{display:flex;align-items:center;gap:10px}.page-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.header-search{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius);font-size:12px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);min-width:160px}.header-search:hover{border-color:var(--gray-300)}.mobile-toggle{display:none;background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.mobile-toggle:hover{background:var(--gray-100);color:var(--text-primary)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 8px;border-radius:var(--radius);transition:var(--transition-fast);background:none;border:none;font-family:inherit}.user-menu-trigger:hover{background:var(--gray-50)}.user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,#635bff,#7a73ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;letter-spacing:-.3px;box-shadow:0 2px 8px #635bff40}.user-info{text-align:left}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.user-email{font-size:11px;color:var(--text-muted);line-height:1.3}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;padding:4px;z-index:100;animation:dropdownIn .12s var(--ease)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);transition:var(--transition-fast);border:none;background:none;width:100%;font-family:inherit}.user-dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}.user-dropdown-item.danger{color:var(--danger)}.user-dropdown-item.danger:hover{background:var(--danger-light)}.content-wrapper{flex:1;padding:24px 28px}.footer{padding:16px 28px;text-align:center;color:var(--text-muted);font-size:11px;letter-spacing:.2px;border-top:1px solid var(--border-light);background:var(--footer-bg)}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color);transition:box-shadow .2s var(--ease)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.card-body{padding:20px}.card-footer{padding:14px 20px;border-top:1px solid var(--border-light)}.wallet-card{border-radius:var(--radius-xl);padding:24px;color:#fff;border:none;position:relative;overflow:hidden;box-shadow:none}.wallet-card:before{content:"";position:absolute;top:-60%;right:-25%;width:240px;height:240px;border-radius:50%;background:#ffffff0f;pointer-events:none}.wallet-card:after{content:"";position:absolute;bottom:-40%;left:-15%;width:180px;height:180px;border-radius:50%;background:#ffffff0a;pointer-events:none}.wallet-card:hover{box-shadow:none}.wallet-card.credit{background:linear-gradient(135deg,#635bff,#8b83ff,#a78bfa);box-shadow:0 4px 24px #635bff40,0 0 0 1px #635bff1a}.wallet-card.debit{background:linear-gradient(135deg,#00b894,#30d158,#34d399);box-shadow:0 4px 24px #00b89440,0 0 0 1px #00b8941a}.wallet-card-title{font-size:16px;font-weight:700;margin-bottom:2px;position:relative;z-index:1;letter-spacing:-.3px}.wallet-card-subtitle{font-size:12px;opacity:.7;margin-bottom:20px;position:relative;z-index:1;font-weight:500}.wallet-operator{display:flex;justify-content:space-between;align-items:center;padding:10px 0;position:relative;z-index:1}.wallet-operator-name{font-weight:600;font-size:13px}.wallet-operator-balance{font-weight:700;font-size:13px;text-align:right}.wallet-separator{border-top:1px solid rgba(255,255,255,.12);margin:0}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap;background:var(--gray-50)}thead th:first-child{border-radius:var(--radius) 0 0 0}thead th:last-child{border-radius:0 var(--radius) 0 0}tbody td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle}tbody tr{transition:background .1s var(--ease)}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.1px}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-primary{background:var(--primary-bg);color:var(--primary-dark)}.badge-secondary{background:var(--gray-100);color:var(--gray-600)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;white-space:nowrap;letter-spacing:-.1px;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #635bff4d,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 8px #635bff66,inset 0 1px #ffffff1a;transform:translateY(-.5px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #635bff4d}.btn-success{background:var(--success-dark);color:#fff;box-shadow:0 1px 2px #16a34a4d,inset 0 1px #ffffff1a}.btn-success:hover:not(:disabled){background:#15803d;box-shadow:0 2px 8px #16a34a59;transform:translateY(-.5px)}.btn-danger{background:var(--danger-dark);color:#fff;box-shadow:0 1px 2px #dc26264d,inset 0 1px #ffffff1a}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 2px 8px #dc262659;transform:translateY(-.5px)}.btn-warning{background:var(--warning-dark);color:#fff;box-shadow:0 1px 2px #d977064d,inset 0 1px #ffffff1a}.btn-warning:hover:not(:disabled){background:#b45309;box-shadow:0 2px 8px #d9770659;transform:translateY(-.5px)}.btn-light{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}.btn-light:hover:not(:disabled){background:var(--gray-50);color:var(--text-primary);border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.btn-icon{padding:7px;width:32px;height:32px;justify-content:center}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:5px;letter-spacing:-.1px}.form-control{width:100%;padding:9px 12px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13px;font-family:inherit;color:var(--text-primary);background:var(--card-bg);transition:var(--transition-fast);line-height:1.5;box-shadow:var(--shadow-xs)}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus),var(--shadow-xs)}.form-control:disabled,.form-control[readonly]{background:var(--gray-50);color:var(--text-secondary);border-color:var(--gray-200);box-shadow:none}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23697386' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:11px;padding-right:32px}.form-error{color:var(--danger);font-size:12px;margin-top:4px}.form-section-title{font-size:13px;font-weight:700;color:var(--text-primary);margin:20px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border-color);letter-spacing:-.1px}.form-row{display:grid;gap:16px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:var(--transition);box-shadow:0 1px 3px #0000001f}.toggle input:checked+.toggle-slider{background:var(--success)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.modal-overlay{position:fixed;inset:0;background:#0a254080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .12s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modalIn .15s var(--ease);border:1px solid var(--border-color)}@keyframes modalIn{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:18px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:15px;font-weight:700;letter-spacing:-.2px}.modal-close{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1;border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background:var(--gray-100)}.modal-body{padding:20px}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:8px}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0a2540,#0d2f4f,#1a1a4e 60%,#2d1b69);padding:24px;position:relative;overflow:hidden}.auth-wrapper:before{content:"";position:absolute;top:-200px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(99,91,255,.12),transparent 70%);pointer-events:none}.auth-wrapper:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,.08),transparent 70%);pointer-events:none}.auth-card{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:0 24px 64px #0003,0 0 0 1px #0000000d;width:100%;max-width:420px;padding:36px 32px;animation:authCardIn .35s var(--ease);position:relative;z-index:1}.auth-card.wide{max-width:780px}@keyframes authCardIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo img{height:48px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.auth-logo h1{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:14px;letter-spacing:-.3px}.auth-logo p{color:var(--text-muted);font-size:13px;margin-top:4px}.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text-muted)}.code-inputs{display:flex;gap:8px;justify-content:center;margin:24px 0}.code-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);transition:var(--transition-fast);color:var(--text-primary);background:var(--card-bg);box-shadow:var(--shadow-xs)}.code-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-field-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.profile-field-value{font-size:14px;font-weight:500;color:var(--text-primary)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state-icon{font-size:44px;margin-bottom:12px;opacity:.25}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.empty-state-text{font-size:13px;color:var(--text-muted)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-input{padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13px;font-family:inherit;min-width:260px;transition:var(--transition-fast);color:var(--text-primary);background:var(--card-bg);box-shadow:var(--shadow-xs)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus),var(--shadow-xs)}.code-block{background:#0d1117;color:#e6edf3;border-radius:var(--radius-md);padding:18px 20px;font-family:JetBrains Mono,SF Mono,Fira Code,Cascadia Code,monospace;font-size:12.5px;line-height:1.7;overflow-x:auto;border:1px solid rgba(255,255,255,.08)}.code-block .key{color:#79c0ff}.code-block .string{color:#a5d6ff}.code-block .endpoint{color:var(--primary-light);font-weight:600}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted);gap:10px;font-size:13px;font-weight:500}.checkbox-group{display:flex;gap:16px;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;color:var(--text-secondary);font-weight:500}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;border-radius:4px}.pagination{display:flex;align-items:center;gap:4px}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-toggle{display:flex}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.form-row-2,.form-row-3,.profile-grid,.credentials-grid{grid-template-columns:1fr}.overview-kpis{grid-template-columns:repeat(2,1fr)}.welcome-content{flex-direction:column;gap:12px}.checklist-items{gap:4px 12px}}@media(max-width:768px){.content-wrapper{padding:16px}.header{padding:0 16px}.auth-card{padding:28px 20px}.footer{padding:14px 16px}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-dark)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning-dark)}.text-info{color:var(--info)}.fw-bold{font-weight:700}.fw-600{font-weight:600}.fs-sm{font-size:12px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-2{gap:8px}.gap-3{gap:12px}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.welcome-banner{background:linear-gradient(135deg,#0a2540,#1a1a4e 60%,#2d1b69);border-radius:var(--radius-xl);padding:28px 28px 24px;margin-bottom:24px;position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;top:-100px;right:-50px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(99,91,255,.15),transparent 70%);pointer-events:none}.welcome-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.welcome-title{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.4px;margin-bottom:4px}.welcome-subtitle{font-size:13px;color:#ffffff8c;font-weight:400}.welcome-env-badge{display:flex;align-items:center;gap:6px;background:#ffb34026;color:#ffb340;padding:5px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid rgba(255,179,64,.2);flex-shrink:0}.env-dot{width:7px;height:7px;border-radius:50%;background:#ffb340;box-shadow:0 0 6px #ffb34080;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.integration-progress{background:#ffffff0f;border-radius:var(--radius-md);padding:16px 18px;position:relative;z-index:1}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.progress-count{font-size:12px;font-weight:700;color:#fff}.progress-bar-track{height:4px;background:#ffffff1a;border-radius:2px;margin-bottom:14px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#635bff,#00d4aa);border-radius:2px;transition:width .5s var(--ease)}.checklist-items{display:flex;flex-wrap:wrap;gap:6px 20px}.checklist-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff6;font-weight:500}.checklist-item.done{color:#fffc}.checklist-circle{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2)}.credentials-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.credential-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.credential-value-row{display:flex;align-items:center;gap:6px;background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius);padding:8px 10px}.credential-value{flex:1;font-size:12px;color:var(--text-primary);font-family:JetBrains Mono,SF Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;padding:0}.credential-value.endpoint-url{color:var(--primary)}.btn-copy{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;gap:4px;transition:var(--transition-fast);font-family:inherit;flex-shrink:0}.btn-copy:hover{color:var(--primary);background:var(--primary-bg)}.code-section{border-top:1px solid var(--border-light)}.lang-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid var(--border-light);overflow-x:auto;scrollbar-width:none}.lang-tabs::-webkit-scrollbar{display:none}.lang-tab{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition-fast);font-family:inherit;white-space:nowrap}.lang-tab:hover{color:var(--text-primary)}.lang-tab.active{color:var(--text-primary);border-bottom-color:var(--primary)}.lang-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:12px;right:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:5px 12px;border-radius:var(--radius);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--transition-fast);font-family:inherit;z-index:2}.code-copy-btn:hover{background:#ffffff2e;color:#fff}.code-block-wrapper .code-block{margin:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);max-height:320px;overflow-y:auto;font-size:12px;line-height:1.6;padding:20px 24px;border:none}.overview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.overview-kpi{text-align:center;padding:12px 8px;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--border-light)}.overview-kpi-value{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;line-height:1.2}.overview-kpi-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:4px}.api-reference-panel{display:grid;grid-template-columns:1fr 1fr;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;border:1px solid var(--border-color)}.api-ref-left{padding:28px;display:flex;flex-direction:column;gap:20px}.api-ref-header{display:flex;gap:12px;align-items:flex-start}.api-ref-title{font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.api-ref-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:4px}.api-ref-creds{display:flex;flex-direction:column;gap:8px}.cred-row{display:flex;align-items:center;gap:10px}.cred-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;width:90px;flex-shrink:0}.cred-value-box{display:flex;align-items:center;gap:6px;background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:5px 8px;flex:1;min-width:0}.cred-value-box code{font-size:11px;color:var(--text-primary);font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy-sm{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:3px;display:flex;align-items:center;flex-shrink:0;transition:var(--transition-fast)}.btn-copy-sm:hover{color:var(--primary);background:var(--primary-bg)}.api-ref-params{display:flex;flex-direction:column;gap:0}.params-title{font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.param-row{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-top:1px solid var(--border-light);font-size:12px}.param-name{font-family:SF Mono,Fira Code,Menlo,monospace;font-size:12px;font-weight:600;color:var(--text-primary);min-width:120px}.param-type{font-size:10px;color:var(--text-muted);background:var(--gray-50);padding:1px 6px;border-radius:3px;font-weight:500}.param-req{font-size:10px;font-weight:600;color:var(--primary);white-space:nowrap}.param-desc{font-size:12px;color:var(--text-secondary);flex:1}.param-desc code{font-size:11px;background:var(--gray-50);padding:1px 5px;border-radius:3px;font-family:SF Mono,Fira Code,Menlo,monospace;color:var(--primary-dark)}.api-ref-links{display:flex;gap:8px;margin-top:4px}.api-ref-right{background:#1a1f36;display:flex;flex-direction:column;min-height:0}.api-code-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026}.api-code-method{font-size:10px;font-weight:800;color:#30d158;background:#30d1581f;padding:2px 8px;border-radius:3px;letter-spacing:.5px}.api-code-endpoint{font-size:12px;color:#ffffffb3;font-family:SF Mono,Fira Code,Menlo,monospace;flex:1}.lang-selector{position:relative;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#fff9;cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm);transition:var(--transition-fast);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.lang-selector:hover{color:#fff;background:#ffffff1a}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#2a2f4a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:4px;z-index:50;min-width:120px;box-shadow:0 8px 24px #0006}.lang-option{display:block;width:100%;text-align:left;padding:6px 10px;font-size:12px;font-weight:500;color:#fff9;background:none;border:none;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.lang-option:hover{background:#ffffff14;color:#fff}.lang-option.active{color:var(--primary-light);background:#635bff26}.code-copy-btn-sm{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:var(--transition-fast)}.code-copy-btn-sm:hover{color:#fff;background:#ffffff1a}.api-code-block{padding:16px;margin:0;overflow-x:auto;flex:1;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.7;color:#e4e8ee;background:transparent;border:none;white-space:pre;tab-size:2}.api-code-block code{font-family:inherit;font-size:inherit;color:inherit;background:none}.api-response-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#00000026;font-size:10px;font-weight:700;color:#ffffff73;letter-spacing:.8px;text-transform:uppercase}.api-response-status{font-size:10px;font-weight:700;color:#30d158;letter-spacing:.3px}.api-response-block{border-top:none}.hl-key{color:#a5b4fc}.hl-string{color:#86efac}.hl-bool{color:#fdba74}.hl-number{color:#93c5fd}.hl-null{color:#9ca3af;font-style:italic}.quick-action-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border:none;background:none;width:100%;text-align:left;cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition-fast)}.quick-action-item:last-child{border-bottom:none}.quick-action-item:hover{background:var(--gray-50)}.quick-action-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-text{flex:1;min-width:0}.quick-action-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.quick-action-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.api-docs-page{max-width:1100px}.docs-intro{padding:32px 0 28px}.docs-intro-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--primary);background:var(--primary-bg);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:12px}.docs-intro-title{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin:0 0 10px;line-height:1.2}.docs-intro-desc{font-size:15px;color:var(--text-secondary);line-height:1.7;max-width:680px;margin:0}.docs-intro-actions{display:flex;gap:10px;margin-top:20px}.docs-progress-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:28px;box-shadow:var(--shadow-card)}.docs-section{padding:24px 0}.docs-section-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0 0 8px}.docs-section-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin:0 0 16px}.docs-section-desc code{font-size:12px;background:var(--primary-bg);color:var(--primary-dark);padding:2px 6px;border-radius:4px;font-family:SF Mono,Fira Code,Menlo,monospace}.docs-page-title{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.3px}.docs-code-inline{display:inline-flex;align-items:center;gap:8px;background:#1a1f36;padding:10px 16px;border-radius:var(--radius)}.docs-code-inline code{font-size:13px;font-family:SF Mono,Fira Code,Menlo,monospace;color:#e4e8ee;background:none}.docs-code-inline .btn-copy-sm{color:#ffffff80}.docs-code-inline .btn-copy-sm:hover{color:#fff;background:#ffffff1a}.docs-creds-grid{display:flex;flex-direction:column;gap:10px}.docs-cred-item{display:flex;align-items:center;gap:12px}.docs-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.docs-method-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.docs-method-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.docs-method-name{font-size:13px;font-weight:700;color:var(--text-primary)}.docs-method-operator{font-size:11px;color:var(--text-muted);margin-top:1px}.docs-method-operator code{font-size:10px;background:var(--gray-50);padding:1px 5px;border-radius:3px;font-family:SF Mono,Fira Code,Menlo,monospace;color:var(--primary-dark)}.docs-endpoints-grid{display:flex;flex-direction:column;gap:8px}.docs-endpoint-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-card);cursor:pointer;transition:var(--transition-fast);width:100%;text-align:left;font-family:inherit}.docs-endpoint-card:hover{box-shadow:var(--shadow-card-hover);border-color:#635bff33}.docs-endpoint-method{font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 10px;border-radius:4px;flex-shrink:0}.docs-endpoint-method.post{color:#30d158;background:#30d1581a}.docs-endpoint-method.get{color:#0a84ff;background:#0a84ff1a}.docs-endpoint-info{flex:1;min-width:0}.docs-endpoint-path{font-size:13px;font-weight:600;font-family:SF Mono,Fira Code,Menlo,monospace;color:var(--text-primary)}.docs-endpoint-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.docs-endpoint-arrow{color:var(--text-muted);flex-shrink:0;transition:var(--transition-fast)}.docs-endpoint-card:hover .docs-endpoint-arrow{color:var(--primary);transform:translate(2px)}.docs-sandbox-note{background:var(--primary-bg);border:1px solid rgba(99,91,255,.12);border-radius:var(--radius);padding:18px 20px}.docs-sandbox-note-title{font-size:13px;font-weight:700;color:var(--primary-dark);display:flex;align-items:center;gap:8px;margin-bottom:6px}.docs-sandbox-note p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.link-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--primary-dark)}.docs-about{border-top:1px solid var(--border-color);padding-top:28px}.docs-about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px}.docs-about-stat{text-align:center;padding:16px 8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius)}.docs-about-stat-value{font-size:20px;font-weight:800;color:var(--primary)}.docs-about-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.docs-footer-text{font-size:11px;color:var(--text-muted);text-align:center;padding:32px 0 16px;border-top:1px solid var(--border-light);margin-top:24px}@media(max-width:900px){.api-reference-panel{grid-template-columns:1fr}.api-ref-right{max-height:500px}.param-row{flex-wrap:wrap}.param-name{min-width:100px}.docs-about-stats{grid-template-columns:repeat(2,1fr)}.docs-intro-title{font-size:22px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-sonner-toaster] [data-sonner-toast],div[role=status]{font-family:Inter,sans-serif!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}