* { box-sizing: border-box; }
body { font-family: 'Segoe UI', Arial, sans-serif; margin: 0; padding: 20px; background: #f5f5f5; color: #333; }
.container { max-width: 980px; margin: 0 auto; background: #fff; padding: 24px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
header { margin-bottom: 20px; }
header h1 { margin: 0 0 4px 0; font-size: 1.5rem; }
.subtitle { margin: 0; color: #666; font-size: 0.95rem; }
.back { color: #0066cc; text-decoration: none; font-size: 0.9rem; }
.back:hover { text-decoration: underline; }

.actions { margin-bottom: 16px; }
.btn { display: inline-block; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-size: 0.9rem; cursor: pointer; border: 1px solid #ddd; background: #fff; color: #333; }
.btn:hover { background: #f0f0f0; }
.btn-primary { background: #0066cc; color: #fff; border-color: #0066cc; }
.btn-primary:hover { background: #0052a3; }
.btn-small { padding: 5px 10px; font-size: 0.8rem; margin-right: 6px; margin-bottom: 4px; }
.btn-danger { color: #c00; border-color: #e88; }
.btn-danger:hover { background: #fee; }

.message { padding: 10px 14px; border-radius: 6px; margin-bottom: 16px; }
.message.success { background: #e8f5e9; color: #2e7d32; }
.message.error { background: #ffebee; color: #c62828; }

.personnel-table { width: 100%; border-collapse: collapse; }
.personnel-table th, .personnel-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid #eee; }
.personnel-table th { background: #f8f8f8; font-weight: 600; font-size: 0.85rem; }
.personnel-table tbody tr:hover { background: #fafafa; }
.actions-cell { white-space: nowrap; }

.personnel-form .form-group { margin-bottom: 14px; }
.personnel-form label { display: block; margin-bottom: 4px; font-weight: 500; font-size: 0.9rem; }
.personnel-form input[type="text"], .personnel-form input[type="email"] { width: 100%; max-width: 400px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 0.95rem; }
.personnel-form input:focus { outline: none; border-color: #0066cc; }
.form-actions { margin-top: 20px; }
.form-actions .btn { margin-right: 10px; }

.info { margin-top: 24px; padding-top: 16px; border-top: 1px solid #eee; font-size: 0.85rem; color: #666; }
.info code { background: #f0f0f0; padding: 2px 6px; border-radius: 4px; font-size: 0.8rem; }