.api-client-container { max-width: 700px; margin: 40px auto; padding: 0 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.api-client-box { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); margin-bottom: 20px; }
.api-client-box .input { margin-bottom: 14px; }
.api-client-box input[type=text], .api-client-box input[type=email] { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; }
.api-keys-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.api-keys-table th, .api-keys-table td { border: 1px solid #ddd; padding: 8px 10px; text-align: left; font-size: 14px; }
.api-keys-table th { background: #f5f5f5; }
#newKeyRawId { font-family: monospace; background: #f5f5f5; padding: 10px; border-radius: 4px; word-break: break-all; display: block; margin: 10px 0; }
.tab-link { cursor: pointer; color: #2c6ab3; text-decoration: underline; }
.delete-key-btn { cursor: pointer; }

.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; }
.modal-content { background: white; border-radius: 8px; width: 90%; max-width: 560px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.modal-header { padding: 20px 30px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; }
.modal-header h3 { margin: 0; color: #333; }
.modal-close { font-size: 24px; cursor: pointer; color: #666; line-height: 1; }
.modal-close:hover { color: #333; }
.modal-body { padding: 20px 30px; }
.modal-body p { margin-top: 0; color: #555; }
.modal-footer { padding: 20px 30px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; }
.btn { padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 500; }
.btn-primary { background-color: #2c6ab3; color: white; }
.btn-primary:hover { background-color: #23568f; }