:root { --admin-border: #dce5ec; --admin-muted: #647481; }
.admin-page { min-height: 100vh; margin: 0; padding: 32px; background: #f3f6f8; color: #17242d; }
.admin-header { max-width: 1180px; margin: 0 auto 24px; padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #123f63, #2683c5); box-shadow: 0 14px 34px rgba(20,62,91,.18); }
.admin-header h1 { margin: 3px 0; font-size: 32px; }.admin-header p { margin: 0; }.admin-header .eyebrow { color: rgba(255,255,255,.78); }
.admin-back { padding: 11px 16px; border: 1px solid rgba(255,255,255,.45); border-radius: 9px; color: #fff; text-decoration: none; font-weight: 700; white-space: nowrap; }
.admin-layout { max-width: 1180px; margin: auto; display: grid; grid-template-columns: minmax(0,1.7fr) minmax(300px,.8fr); gap: 22px; align-items: start; }
.admin-card { padding: 25px; border: 1px solid var(--admin-border); border-radius: 16px; background: #fff; box-shadow: 0 8px 28px rgba(19,49,68,.08); }
.admin-card h2 { margin: 0 0 5px; }.admin-card p { color: var(--admin-muted); }.admin-card-title { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }.admin-card-title p { margin: 0; }
.admin-table-wrap { overflow-x: auto; }.admin-table { width: 100%; border-collapse: collapse; }.admin-table th,.admin-table td { padding: 13px 10px; border-bottom: 1px solid var(--admin-border); text-align: left; }.admin-table th { color: var(--admin-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }.admin-table td:last-child { white-space: nowrap; }
.role-badge { display: inline-block; padding: 4px 8px; border-radius: 20px; background: #e7f2f9; color: #17659a; font-size: 12px; font-weight: 800; }.role-badge.admin { background: #fff0d6; color: #985c00; }
.admin-table button { min-height: 34px; padding: 6px 10px; margin-right: 5px; }.admin-table .delete-user { background: #fff; color: #b52e34; border: 1px solid #e2aeb1; }
.admin-editor form { display: grid; gap: 8px; margin-top: 20px; }.admin-editor label { margin-top: 8px; font-weight: 700; }.admin-editor input,.admin-editor select { width: 100%; min-height: 44px; box-sizing: border-box; padding: 9px 11px; border: 1px solid #b9c8d2; border-radius: 8px; background: #fff; }.admin-editor small { color: var(--admin-muted); }
.admin-form-actions { display: flex; gap: 9px; margin-top: 15px; }.admin-message { min-height: 22px; margin: 5px 0 0; font-weight: 700; }.admin-message.error { color: #b52e34; }.admin-message.success { color: #18723a; }
@media.role-badge.employee { background: #e7f7ec; color: #18723a; }
 (max-width:850px) { .admin-page { padding: 14px; }.admin-header { padding: 22px; align-items: flex-start; flex-direction: column; }.admin-layout { grid-template-columns: 1fr; }.admin-editor { order: -1; } }