:root{--bg-primary:#060913;--bg-secondary:#0c111e;--bg-tertiary:#131b2e;--card-bg:#0c111eb3;--card-bg-hover:#131b2ecc;--card-border:#ffffff0d;--card-border-hover:#10b9814d;--primary:#10b981;--primary-hover:#34d399;--primary-glow:#10b98126;--primary-gradient:linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);--accent:#f59e0b;--accent-glow:#f59e0b26;--accent-gradient:linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--danger:#ef4444;--danger-glow:#ef444426;--danger-gradient:linear-gradient(135deg, #b91c1c 0%, #ef4444 100%);--success:#10b981;--info:#3b82f6;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-headings:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--border-width:1px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080;--glow-emerald:0 0 20px #10b98133;--glow-amber:0 0 20px #f59e0b33}:root[data-theme=light]{--bg-primary:#f3f4f6;--bg-secondary:#fff;--bg-tertiary:#e5e7eb;--card-bg:#ffffffd9;--card-bg-hover:#fff;--card-border:#00000014;--card-border-hover:#10b98166;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary-glow:#10b98114;--accent-glow:#f59e0b14;--danger-glow:#ef444414;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 16px 40px #0f172a1a;--glow-emerald:0 0 20px #10b9811a;--glow-amber:0 0 20px #f59e0b1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;transition:background-color var(--transition-normal), color var(--transition-fast);font-size:15px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--text-primary);font-weight:600;line-height:1.25}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:var(--border-width) solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.glass-card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);box-shadow:var(--shadow-md), var(--glow-emerald);transform:translateY(-2px)}.glow-border-amber:hover{box-shadow:var(--shadow-md), var(--glow-amber)!important;border-color:#f59e0b4d!important}.app-container{background-color:var(--bg-primary);min-height:100vh;display:flex;position:relative}.app-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -20%,#10b98114 0%,#06091300 70%);height:400px;position:absolute;top:0;left:0;right:0}:root[data-theme=light] .app-container:before{background:radial-gradient(circle at 50% -20%,#10b9811f 0%,#f3f4f600 70%)}.main-content{z-index:1;min-width:0;transition:all var(--transition-normal);flex-direction:column;flex:1;display:flex}.page-body{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.vending-panel,.settings-panel,.vending-info-panel,.fund-panel,.fund-info-panel,.settings-right-col .developer-panel,.developer-panel{padding:28px 32px!important}.btn{font-family:var(--font-headings);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#060913;box-shadow:0 4px 12px #10b98133}.btn-primary:hover{box-shadow:0 6px 20px #10b98166, var(--glow-emerald);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:var(--border-width) solid var(--card-border);background:#ffffff0d}:root[data-theme=light] .btn-secondary{background:#00000008}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}:root[data-theme=light] .btn-secondary:hover{background:#0000000f;border-color:#0000001f}.btn-accent{background:var(--accent-gradient);color:#060913;box-shadow:0 4px 12px #f59e0b33}.btn-accent:hover{box-shadow:0 6px 20px #f59e0b66, var(--glow-amber);transform:translateY(-1px)}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover{box-shadow:0 6px 20px #ef444466, var(--glow-amber);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.form-input{border:var(--border-width) solid var(--card-border);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-body);transition:all var(--transition-fast);background:#ffffff08;outline:none;width:100%;padding:12px 16px;font-size:.95rem}:root[data-theme=light] .form-input{background:#00000003;border-color:#0000001a}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), #10b98126 0 0 12px;background:#ffffff0f}:root[data-theme=light] .form-input:focus{box-shadow:0 0 0 1px var(--primary), #10b9810f 0 0 8px;background:#fff}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}:root[data-theme=light] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}.form-input::placeholder{color:var(--text-muted)}.auth-wrapper{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-wrapper:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#10b9811f 0%,#06091300 70%);width:400px;height:400px;position:absolute;bottom:-10%;right:-10%}.auth-wrapper:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#f59e0b0f 0%,#06091300 70%);width:400px;height:400px;position:absolute;top:-10%;left:-10%}:root[data-theme=light] .auth-wrapper:after{background:radial-gradient(circle,#10b98124 0%,#f3f4f600 70%)}:root[data-theme=light] .auth-wrapper:before{background:radial-gradient(circle,#f59e0b14 0%,#f3f4f600 70%)}.auth-box{z-index:1;width:100%;max-width:450px;padding:40px 32px;position:relative}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.auth-logo img{object-fit:contain;width:auto;height:40px}.auth-logo-text{font-family:var(--font-headings);background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.auth-title{margin-bottom:8px;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:.9rem}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.9rem}.auth-link{color:var(--primary);transition:all var(--transition-fast);font-weight:600;text-decoration:none}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.badge{text-transform:capitalize;border-radius:9999px;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{color:var(--primary);background:#10b9811a;border:1px solid #10b98133}.badge-warning{color:var(--accent);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}@keyframes pulseGlow{0%,to{opacity:.6;box-shadow:0 0 15px #10b98133}50%{opacity:1;box-shadow:0 0 25px #10b98166}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.page-body{padding:16px}}:root[data-theme=light]{--bg-primary:#f4f6fa;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--card-bg:#fff;--card-bg-hover:#fff;--card-border:#0f172a14;--card-border-hover:#10b9814d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0f172a0a;--shadow-lg:0 10px 25px #0f172a0f}:root[data-theme=light] .sidebar{background:#fff!important;border-right:1px solid #0f172a14!important}:root[data-theme=light] .sidebar-header,:root[data-theme=light] .sidebar-user,:root[data-theme=light] .sidebar-footer{border-color:#0f172a0f!important}:root[data-theme=light] .nav-item{color:#475569!important}:root[data-theme=light] .nav-item:hover{color:#0f172a!important;background:#0f172a0a!important}:root[data-theme=light] .nav-item.active{color:#060913!important;background:var(--primary-gradient)!important;box-shadow:0 4px 10px #10b98126!important}:root[data-theme=light] .logout-btn:hover{background:#ef44440f!important}:root[data-theme=light] .sidebar-toggle{background:#00000005!important;border-color:#0000000f!important}:root[data-theme=light] .chat-window,:root[data-theme=light] .chatbot-window{background:#fff!important;border:1px solid #0f172a14!important;box-shadow:0 10px 25px #0f172a1a!important}:root[data-theme=light] .chat-header,:root[data-theme=light] .chatbot-header{background:#f8fafc!important;border-bottom:1px solid #0f172a0f!important}:root[data-theme=light] .chat-bubble.agent,:root[data-theme=light] .chat-bubble.received{color:#0f172a!important;background:#0f172a0a!important}:root[data-theme=light] .chat-bubble.user,:root[data-theme=light] .chat-bubble.sent{background:var(--primary-gradient)!important;color:#060913!important}:root[data-theme=light] .chat-input-area,:root[data-theme=light] .chatbot-input-area{background:#f8fafc!important;border-top:1px solid #0f172a0f!important}:root[data-theme=light] .chat-input,:root[data-theme=light] .chat-text-input{color:#0f172a!important;background:#fff!important;border:1px solid #0f172a1f!important}:root[data-theme=light] .wallet-hero{background:linear-gradient(135deg,#ffffffe6 0%,#f4f6faf2 100%)!important;border:1px solid #0f172a0f!important}:root[data-theme=light] .wallet-large-icon{background:#10b9810a!important;border-color:#10b9811f!important}:root[data-theme=light] .deposit-instructions{background:#10b98108!important;border:1px solid #10b9811f!important}:root[data-theme=light] .sandbox-disclaimer{background:#f59e0b0a!important;border:1px solid #f59e0b1f!important}:root[data-theme=light] .bank-card{background:#fff!important;border:1px solid #0f172a14!important}:root[data-theme=light] .api-key-row{background:#10b98105!important;border:1px dashed #10b98166!important}:root[data-theme=light] .lang-tabs{background:#0f172a0a!important;border:1px solid #0f172a0f!important}:root[data-theme=light] .lang-tab.active{color:var(--primary)!important;background:#fff!important;box-shadow:0 1px 3px #0000000d!important}:root[data-theme=light] .btn-toggle-eye:hover,:root[data-theme=light] .btn-key-action:hover{background:#0f172a0a!important}:root[data-theme=light] .history-table th{color:#475569!important;background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important}:root[data-theme=light] .history-table tr{border-bottom:1px solid #f1f5f9!important}:root[data-theme=light] .history-table tr:hover{background:#0f172a03!important}:root[data-theme=light] .ticket-message-row.agent{background:#f8fafc!important;border:1px solid #e2e8f0!important}:root[data-theme=light] .ticket-message-row.user{background:#10b9810a!important;border:1px solid #10b98114!important}:root[data-theme=light] .commissions-list .comm-row{border-bottom-color:#0f172a0f!important}:root[data-theme=light] .balances-board{background:#0f172a0a!important}:root[data-theme=light] .auth-box{background:#fff!important;border-color:#0f172a14!important;box-shadow:0 10px 30px #0f172a14!important}:root[data-theme=light] .demo-otp-callout{background:#f59e0b0a!important;border-color:#f59e0b26!important}:root[data-theme=light] .code-copy-row{background:#00000008!important}:root[data-theme=light] .checkout-modal-card{background:#fff!important;box-shadow:0 10px 30px #00000026!important}:root[data-theme=light] .paystack-head{background:#fdfdfd!important}:root[data-theme=light] .welcome-banner{background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%)!important;border-color:#10b98133!important}:root[data-theme=light] .welcome-banner h1,:root[data-theme=light] .welcome-banner p,:root[data-theme=light] .welcome-banner .system-indicator{color:#fff!important}:root[data-theme=light] .welcome-banner .text-primary{color:#d1fae5!important}.verified-badge-inline{flex-shrink:0;color:#fff!important;fill:var(--primary)!important}.form-select,select.form-input{appearance:none!important}select option,select.form-input option,select.form-select option{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}