.api-console-widget{background:var(--brand-bg);border:2px solid var(--brand-border);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:30px;padding:20px}.api-console-header h3{color:var(--text-primary);font-size:1.2em;margin:0 0 10px}.api-console-security-note{align-items:center;background:var(--alert-info-bg);border:1px solid var(--alert-info-border);border-radius:6px;color:var(--alert-info-text);display:flex;font-size:.9em;gap:8px;margin-bottom:15px;padding:8px 12px}.security-icon{font-size:1.1em}.api-key-input-section{margin-bottom:15px}.api-key-input-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:5px}.api-key-input-wrapper{align-items:center;display:flex;gap:8px;margin-bottom:8px}#api-key-input{border:2px solid var(--form-input-border);border-radius:6px;flex:1;font-size:14px;padding:10px 12px;transition:border-color .2s ease}#api-key-input:focus{border-color:var(--form-input-focus-border);box-shadow:0 0 0 3px var(--form-input-focus-ring);outline:none}.validation-status{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:5px;justify-content:flex-start;margin-top:8px;min-width:120px;padding:8px 12px;transition:all .2s ease}.validation-status.hidden{display:none}.validation-status.valid{background:var(--alert-success-bg);border:1px solid var(--alert-success-border);color:var(--alert-success-text)}.validation-status.invalid{background:var(--alert-error-bg);border:1px solid var(--alert-error-border);color:var(--alert-error-text)}.validation-status.loading{background:var(--alert-warning-bg);border:1px solid var(--alert-warning-border);color:var(--alert-warning-text)}.validation-status.error{background:var(--alert-error-bg);border:1px solid var(--alert-error-border);color:var(--alert-error-text)}.status-icon{font-size:14px}.status-text{font-size:12px}.clear-key-btn,.toggle-visibility-btn{background:var(--brand-surface);border:2px solid var(--form-input-border);border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.clear-key-btn:hover,.toggle-visibility-btn:hover{background:var(--brand-bg);border-color:var(--brand-border)}.authenticated-actions,.invalid-actions,.unauthenticated-actions,.validating-actions{display:flex;flex-direction:column;gap:10px}.invalid-actions p,.unauthenticated-actions p{color:var(--text-muted);font-size:14px;margin:0}.auth-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-btn{border:2px solid transparent;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;min-width:160px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.action-btn.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.action-btn.primary:hover:not(:disabled){background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);color:#fff;text-decoration:none}.action-btn.primary:disabled{background:var(--text-muted);border-color:var(--text-muted);color:#fff;cursor:not-allowed;opacity:.6}.action-btn.secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.action-btn.secondary:hover{background:var(--brand-primary);color:#fff;text-decoration:none}.copy-btn{background:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:8px;top:8px;transition:all .2s ease;z-index:10}.copy-btn:hover{background:var(--brand-bg)!important;border-color:var(--brand-border)!important}[data-theme=dark] .copy-btn{background:var(--dashboard-bg-elevated,#334155);border-color:var(--form-input-border,#475569);color:var(--text-primary,#f1f5f9)}[data-theme=dark] #api-key-input{background:var(--form-input-bg);color:var(--form-input-text)}[data-theme=dark] #api-key-input::-moz-placeholder{color:var(--form-input-placeholder)}[data-theme=dark] #api-key-input::placeholder{color:var(--form-input-placeholder)}@media (max-width:768px){.api-key-input-wrapper{align-items:stretch;flex-direction:column;gap:8px}.validation-status{justify-content:center;margin-top:8px;min-width:auto}.auth-buttons{flex-direction:column}.action-btn{min-width:auto}}