/* Developer Dashboard */
.developer-main { max-width: 800px; margin: 0 auto; padding: 40px 20px; }
.developer-main h1 { font-size: 1.8rem; margin-bottom: 32px; }
.dev-section { margin-bottom: 32px; }
.dev-section h2 { font-size: 1.1rem; margin-bottom: 16px; color: #ccc; }
.api-key-display { background: rgba(0,0,0,0.4); border-radius: 12px; padding: 20px; }
.api-key-display code { font-family: 'JetBrains Mono', monospace; font-size: 14px; word-break: break-all; color: #10b981; }
.api-key-actions { margin-top: 16px; display: flex; gap: 12px; flex-wrap: wrap; }
.dev-btn { padding: 10px 20px; background: #10b981; color: #000; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; font-size: 13px; }
.dev-btn:hover { background: #0ea572; }
.dev-btn-warn { background: #f59e0b; color: #000; }
.dev-btn-warn:hover { background: #d97706; }
.dev-hint { font-size: 12px; color: #666; margin-top: 12px; }
.usage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; }
.usage-card { background: rgba(0,0,0,0.3); border-radius: 12px; padding: 20px; text-align: center; }
.usage-value { display: block; font-size: 1.8rem; font-weight: 900; color: #10b981; }
.usage-endpoint { font-size: 0.9rem; word-break: break-all; }
.usage-label { font-size: 12px; color: #666; margin-top: 4px; }
.rate-limit-box { background: rgba(0,0,0,0.3); border-radius: 12px; padding: 20px; }
.rate-limit-box p { margin: 8px 0; }
.endpoints-list { display: flex; flex-direction: column; gap: 20px; }
.endpoint-item { background: rgba(0,0,0,0.3); border-radius: 12px; padding: 20px; }
.endpoint-item code { font-family: 'JetBrains Mono'; color: #10b981; font-size: 13px; }
.endpoint-item p { margin: 8px 0; font-size: 14px; color: #aaa; }
.endpoint-item pre { background: #000; padding: 16px; border-radius: 8px; overflow-x: auto; font-size: 12px; margin-top: 12px; }
.code-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.code-tab { padding: 8px 16px; background: transparent; border: 1px solid rgba(255,255,255,0.2); color: #888; border-radius: 8px; cursor: pointer; font-size: 13px; }
.code-tab.active { background: #10b981; color: #000; border-color: #10b981; }
.code-block { background: #000; padding: 20px; border-radius: 12px; overflow-x: auto; font-size: 13px; }
.code-block code { font-family: 'JetBrains Mono'; }
.status-box { background: rgba(0,0,0,0.3); border-radius: 12px; padding: 20px; }
.status-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.status-ok { background: #10b981; }
.status-error { background: #ef4444; }
.account-nav .active { color: #10b981; }