.api-portal{width:100%}.api-portal-inner{max-width:820px;margin:0 auto;padding:40px 20px 100px}.api-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.api-header h2{color:#111827;margin:0;font-size:22px;font-weight:800}.back-btn{cursor:pointer;color:#6366f1;background:0 0;border:none;padding:4px 0;font-size:15px;font-weight:600}.api-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.api-success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.api-content{flex-direction:column;gap:20px;display:flex}.api-card{background:#fff;border:1px solid #f3f4f6;border-radius:20px;margin-bottom:20px;padding:28px;box-shadow:0 4px 20px #0000000d}.api-card h3{color:#111827;margin:0 0 8px;font-size:18px;font-weight:700}.api-card>p{color:#6b7280;margin-bottom:24px;font-size:14px}.wallet-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.balance-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;flex-direction:column;align-items:flex-end;min-width:120px;padding:12px 20px;display:flex}.balance-amount-wrap{align-items:center;gap:8px;display:flex}.balance-amount{color:#92400e;font-size:28px;font-weight:800;line-height:1;transition:opacity .3s}.balance-loading{opacity:.6}.balance-spinner{border:2px solid #b45309;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.balance-label{color:#b45309;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:11px;font-weight:700}.low-balance-warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-bottom:20px;padding:10px 14px;font-size:13px;font-weight:500}.topup-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.topup-input-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;padding:0 12px;display:flex}.topup-prefix{color:#374151;font-weight:700}.topup-input{color:#111827;background:0 0;border:none;outline:none;width:80px;padding:10px 8px;font-size:15px;font-weight:700}.topup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.topup-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.topup-btn:disabled{opacity:.5;cursor:not-allowed}.topup-note{color:#9ca3af;margin-top:4px;margin-bottom:20px;font-size:12px}.settings-row{border-top:1px solid #f3f4f6;flex-direction:column;gap:16px;padding-top:20px;display:flex}.toggle-label{color:#374151;cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.toggle-switch{cursor:pointer;background:#d1d5db;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .3s;position:relative}.toggle-switch.on{background:#6366f1}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000026}.toggle-switch.on .toggle-knob{left:22px}.cap-row{flex-direction:column;gap:6px;display:flex}.cap-label{color:#374151;font-size:14px;font-weight:500}.cap-input-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;width:180px;padding:0 12px;display:flex}.cap-prefix{color:#374151;font-weight:700}.cap-input{color:#111827;background:0 0;border:none;outline:none;width:120px;padding:10px 8px;font-size:14px}.save-settings-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-self:flex-start;margin-top:12px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.save-settings-btn:hover:not(:disabled){background:#4f46e5}.save-settings-btn:disabled{opacity:.5;cursor:not-allowed}.key-container{flex-direction:column;gap:10px;display:flex}.key-container label{color:#374151;font-size:14px;font-weight:600}.key-display{align-items:center;gap:10px;display:flex}.key-display input{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;flex:1;padding:12px;font-family:Consolas,monospace;font-size:14px}.key-display input.empty-key{color:#9ca3af;font-style:italic}.copy-btn{color:#3730a3;cursor:pointer;background:#e0e7ff;border:none;border-radius:8px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:700;transition:background .2s}.copy-btn:hover{background:#c7d2fe}.key-meta{color:#6b7280;font-size:13px}.key-gen-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.expiry-select-wrap{flex-direction:column;gap:4px;display:flex}.expiry-select-wrap label{color:#6b7280;font-size:12px;font-weight:600}.expiry-select{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .2s}.generate-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.key-warning{color:#b45309;margin-top:4px;font-size:12px}.stats-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.view-logs-btn{color:#6366f1;cursor:pointer;background:0 0;border:1px solid #6366f1;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s}.view-logs-btn:hover{color:#fff;background:#6366f1}.pricing-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.pricing-cell{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.pricing-feature{color:#374151;font-size:13px;font-weight:500}.pricing-rate{color:#6366f1;white-space:nowrap;font-size:15px;font-weight:800}.pricing-rate small{color:#9ca3af;font-size:11px;font-weight:500}.pricing-rate.green{color:#059669}.docs-card h4{color:#111827;margin:0 0 10px;font-size:15px;font-weight:700}.docs-section{border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:20px}.docs-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.endpoint-url{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex;overflow-x:auto}.endpoint-url .method{color:#fff;background:#10b981;border-radius:6px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:800}.endpoint-url code{color:#111827;flex:1;font-family:monospace;font-size:14px}.endpoint-copy-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s}.endpoint-copy-btn:hover{color:#111827;background:#f3f4f6}.endpoint-copy-btn.copied{color:#fff;background:#059669;border-color:#059669}@media (prefers-color-scheme:dark){.endpoint-copy-btn{color:#9ca3af;border-color:#374151}.endpoint-copy-btn:hover{color:#f9fafb;background:#1f2937}}.docs-table{border-collapse:collapse;width:100%;font-size:14px}.docs-table th,.docs-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:11px 12px}.docs-table th{color:#6b7280;text-transform:uppercase;background:#f9fafb;font-size:11px;font-weight:700}.docs-table code{color:#c026d3;background:#f3f4f6;border-radius:4px;padding:2px 5px;font-family:monospace;font-size:13px}.table-responsive{border:1px solid #f3f4f6;border-radius:10px;overflow-x:auto}.code-block{background:#1e1e1e;border-radius:0 0 10px 10px;margin-bottom:0;padding:16px;position:relative;overflow-x:auto}.code-block pre{color:#d4d4d4;white-space:pre;margin:0;font-family:Consolas,monospace;font-size:13px;line-height:1.6}.copy-code-btn{color:#9ca3af;cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s;position:absolute;top:10px;right:10px}.copy-code-btn:hover{color:#fff;background:#ffffff1a}.copy-code-btn.copied{color:#fff;background:#059669;border-color:#059669}.code-tabs{scrollbar-width:none;background:#2d2d2d;border-radius:10px 10px 0 0;gap:2px;padding:0 4px;display:flex;overflow-x:auto}.code-tabs::-webkit-scrollbar{display:none}.tab-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s}.tab-btn:hover{color:#e5e7eb}.tab-btn.active{color:#6366f1;border-bottom-color:#6366f1}.pricing-info ul{margin:0;padding:0;list-style:none}.pricing-info li{color:#374151;border-bottom:1px dashed #e5e7eb;justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.pricing-info li:last-child{border-bottom:none}.pricing-info li strong{color:#111827}.docs-tab-header{border-bottom:1px solid #f3f4f6;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.doc-tab-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.doc-tab-btn:hover{color:#6366f1;border-color:#6366f1}.doc-tab-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.docs-intro{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.endpoint-desc{color:#9ca3af;margin-top:6px;font-size:12px}.code-block.success{background:#0d1117;border:1px solid #30363d;border-top:none;border-radius:0 0 14px 14px}.highlight-billing{background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;padding:4px 10px;color:#92400e!important}.docs-note{color:#6b7280;margin-top:10px;font-size:13px;line-height:1.4}@media (prefers-color-scheme:dark){.api-header h2{color:#f9fafb}.back-btn{color:#818cf8}.api-error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.api-success{color:#6ee7b7;background:#064e3b;border-color:#065f46}.api-card{background:#1f2937;border-color:#374151;box-shadow:0 4px 20px #0000004d}.api-card h3{color:#f9fafb}.api-card>p{color:#9ca3af}.balance-badge{background:linear-gradient(135deg,#422006,#713f12)}.balance-amount{color:#fcd34d}.balance-label{color:#f59e0b}.balance-spinner{border-color:#0000 #f59e0b #f59e0b}.low-balance-warning{color:#fb923c;background:#431407;border-color:#7c2d12}.topup-input-wrap,.cap-input-wrap{background:#111827;border-color:#374151}.topup-prefix,.cap-prefix{color:#e5e7eb}.topup-input,.cap-input{color:#f9fafb}.topup-note{color:#6b7280}.settings-row{border-color:#374151}.toggle-label,.cap-label,.key-container label{color:#e5e7eb}.key-display input{color:#f9fafb;background:#111827;border-color:#374151}.copy-btn{color:#a5b4fc;background:#312e81}.copy-btn:hover{background:#3730a3}.key-meta,.expiry-select-wrap label{color:#9ca3af}.expiry-select{color:#f9fafb;background:#111827;border-color:#374151}.key-warning{color:#f59e0b}.pricing-cell{background:#111827;border-color:#374151}.pricing-feature{color:#d1d5db}.pricing-rate{color:#818cf8}.pricing-rate.green{color:#34d399}.docs-card h4{color:#f9fafb}.docs-section{border-color:#374151}.endpoint-url{background:#111827;border-color:#374151}.endpoint-url code{color:#f9fafb}.docs-table th{color:#9ca3af;background:#111827}.docs-table th,.docs-table td,.table-responsive{border-color:#374151}.docs-table code{color:#f472b6;background:#374151}.pricing-info li{color:#d1d5db;border-color:#374151}.pricing-info li strong{color:#f9fafb}.docs-note{color:#9ca3af}.docs-tab-header{border-color:#374151}.doc-tab-btn{color:#9ca3af;background:#111827;border-color:#374151}.doc-tab-btn:hover{color:#818cf8;border-color:#818cf8}.doc-tab-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.docs-intro{color:#9ca3af}.highlight-billing{background:#451a03;border-color:#78350f;color:#fbbf24!important}}.status-example-tabs{background:#0d1117;border:1px solid #30363d;border-bottom:none;border-radius:14px 14px 0 0;gap:8px;margin-bottom:0;padding:8px 12px 0;display:flex}.status-sub-tab{color:#9ca3af;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s}.status-sub-tab:hover{color:#e5e7eb}.status-sub-tab.active{color:#6366f1;background:#6366f11a;border-bottom-color:#6366f1}