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