:root { --admin-primary:#0f766e; --admin-primary-dark:#115e59; --admin-muted:#64748b; --admin-border:#e2e8f0; --admin-surface:#fff; }
.admin-shell { display:block; max-width:1180px; margin:0 auto; padding-top:24px; padding-bottom:48px; }
.admin-heading { margin-bottom:18px; }
.admin-heading h1 { margin:3px 0 5px; }
.admin-heading p, .admin-panel-heading p { color:var(--admin-muted); margin:0; text-align:left; }
.admin-heading-actions, .admin-panel-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.admin-eyebrow { color:var(--admin-primary); font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.admin-tabs { display:flex; gap:6px; overflow-x:auto; border-bottom:1px solid var(--admin-border); margin-bottom:22px; padding-bottom:0; }
.admin-tabs a { flex:0 0 auto; color:#475569; padding:10px 13px; border-bottom:3px solid transparent; font-weight:700; }
.admin-tabs a:hover, .admin-tabs a.active { color:var(--admin-primary); border-bottom-color:var(--admin-primary); }
.admin-alert { border-radius:8px; padding:12px 14px; margin-bottom:16px; }
.admin-alert-success { background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
.admin-alert-error { background:#fff1f2; border:1px solid #fecdd3; color:#9f1239; }
.admin-alert-error ul { margin:0; }
.admin-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin-bottom:20px; }
.admin-stats article { background:linear-gradient(145deg,#fff,#f8fafc); border:1px solid var(--admin-border); border-radius:12px; padding:18px; box-shadow:0 8px 24px rgba(15,23,42,.05); }
.admin-stats span { display:block; color:var(--admin-muted); font-size:.82rem; }
.admin-stats strong { display:block; color:#0f172a; font-size:1.75rem; margin-top:6px; }
.admin-grid { display:grid; grid-template-columns:1.35fr .85fr; gap:18px; }
.admin-panel { background:var(--admin-surface); border:1px solid var(--admin-border); border-radius:12px; padding:20px; box-shadow:0 8px 24px rgba(15,23,42,.045); }
.admin-panel h2 { margin:0 0 5px; }
.admin-panel-heading { margin-bottom:15px; }
.admin-link { color:var(--admin-primary); font-weight:700; }
.admin-user-mini, .admin-user-cell { display:flex; align-items:center; gap:10px; }
.admin-user-mini { border-top:1px solid #f1f5f9; padding:11px 0; }
.admin-user-mini > div, .admin-user-cell > div { flex:1; min-width:0; }
.admin-user-mini strong, .admin-user-mini small, .admin-user-cell strong, .admin-user-cell small { display:block; overflow:hidden; text-overflow:ellipsis; }
.admin-user-mini small, .admin-user-cell small { color:var(--admin-muted); }
.admin-avatar { display:inline-flex; flex:0 0 36px; width:36px; height:36px; align-items:center; justify-content:center; border-radius:50%; background:#ccfbf1; color:var(--admin-primary-dark); font-weight:900; }
.admin-role { display:inline-flex; border-radius:999px; padding:4px 8px; font-size:.74rem; font-weight:800; white-space:nowrap; }
.admin-role-0 { background:#f1f5f9; color:#64748b; }.admin-role-1 { background:#eff6ff; color:#1d4ed8; }.admin-role-2 { background:#ecfdf5; color:#047857; }
.admin-quick-actions { display:grid; gap:10px; align-content:start; }
.admin-quick-actions a { display:block; border:1px solid var(--admin-border); border-radius:8px; padding:12px; }
.admin-quick-actions a:hover { border-color:#5eead4; background:#f0fdfa; }
.admin-quick-actions strong, .admin-quick-actions span { display:block; }.admin-quick-actions span { color:var(--admin-muted); font-size:.82rem; margin-top:3px; }
.admin-search { display:flex; gap:8px; align-items:center; margin-bottom:15px; }
.admin-search input { flex:1; min-width:0; border:1px solid var(--admin-border); border-radius:8px; padding:10px 12px; }
.admin-search button { border:0; border-radius:8px; background:var(--admin-primary); color:white; padding:10px 18px; cursor:pointer; }.admin-search a { color:var(--admin-muted); }
.admin-table-wrap { overflow-x:auto; border:1px solid var(--admin-border); border-radius:12px; background:white; }
.admin-table { width:100%; border-collapse:collapse; }
.admin-table th, .admin-table td { padding:12px 14px; border-bottom:1px solid var(--admin-border); text-align:left; vertical-align:middle; }
.admin-table th { background:#f8fafc; color:#475569; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; }
.admin-table tr:last-child td { border-bottom:0; }
.admin-row-actions { display:flex; align-items:center; gap:8px; }.admin-row-actions form { margin:0; }.admin-row-actions a, .admin-row-actions button { border:0; border-radius:6px; padding:6px 9px; font-size:.8rem; cursor:pointer; }.admin-row-actions a { background:#eff6ff; color:#1d4ed8; }.admin-row-actions button { background:#fff1f2; color:#be123c; }
.admin-empty { color:var(--admin-muted); text-align:center; padding:22px !important; }
.admin-pagination { margin-top:16px; }
.admin-form-shell { max-width:900px; }.admin-form { margin-top:8px; }.admin-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.admin-form-wide { grid-column:1 / -1; }.admin-form small { color:var(--admin-muted); display:block; margin-top:5px; }.admin-form-actions { display:flex; gap:9px; margin-top:18px; }.admin-btn-muted { background:#e2e8f0; color:#334155 !important; }
.admin-legal-form { display:grid; gap:18px; }.admin-legal-form textarea { min-height:300px; }
.legal-content { line-height:1.7; overflow-wrap:anywhere; }.legal-content img { max-width:100%; height:auto; }
.user-shell { display:block; max-width:820px; margin:0 auto; padding-top:28px; padding-bottom:52px; }.user-auth-shell { max-width:480px; }.user-form-shell { max-width:650px; }.user-card { background:white; border:1px solid var(--admin-border); border-radius:14px; padding:24px; box-shadow:0 12px 32px rgba(15,23,42,.07); }.user-card-heading { margin-bottom:18px; }.user-card-heading h1 { margin:3px 0 5px; }.user-card-heading p { margin:0; color:var(--admin-muted); text-align:left; }.user-form { display:grid; gap:14px; }.user-submit { width:100%; margin-top:4px; }.user-account-note { border-top:1px solid var(--admin-border); color:var(--admin-muted); font-size:.82rem; margin:20px 0 0; padding-top:14px; text-align:center; }.user-profile-header { display:flex; align-items:center; gap:16px; border-bottom:1px solid var(--admin-border); padding-bottom:20px; }.user-profile-header h1 { margin:2px 0 7px; }.user-profile-avatar { flex-basis:64px; width:64px; height:64px; font-size:1.5rem; }.user-profile-details { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; margin:18px 0; }.user-profile-details div { border-bottom:1px solid #f1f5f9; padding:10px 0; }.user-profile-details dt { color:var(--admin-muted); font-size:.78rem; }.user-profile-details dd { margin:3px 0 0; font-weight:700; }
.admin-name-filters { display:grid; grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(135px,.7fr)) auto; gap:12px; align-items:end; margin-bottom:15px; padding:16px; }
.admin-name-filters .form-control { margin:0; }.admin-name-filter-actions { display:flex; gap:7px; align-items:center; padding-bottom:1px; }.admin-name-filter-actions button { border:0; border-radius:8px; background:var(--admin-primary); color:#fff; cursor:pointer; font-weight:700; padding:10px 15px; }.admin-name-filter-actions a { color:var(--admin-muted); font-size:.85rem; font-weight:700; padding:9px 4px; }
.admin-name-summary { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:0 2px 10px; color:var(--admin-muted); font-size:.82rem; }.admin-name-summary strong { color:#334155; font-size:.9rem; }
.admin-name-cell { display:flex; gap:10px; align-items:center; min-width:180px; }.admin-name-cell > div { min-width:0; }.admin-name-cell strong,.admin-name-cell small { display:block; }.admin-name-cell small { margin-top:3px; color:#64748b; font-size:.92rem; text-align:left; }.admin-name-letter { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:11px; background:linear-gradient(145deg,#ccfbf1,#e0f2fe); color:#0f766e; font-weight:900; }
.admin-name-meaning { max-width:290px; color:#475569; line-height:1.45; }.admin-name-gender { display:inline-flex; padding:4px 8px; border-radius:999px; font-size:.72rem; font-weight:800; white-space:nowrap; }.admin-name-gender.is-male { background:#eff6ff; color:#1d4ed8; }.admin-name-gender.is-female { background:#fdf2f8; color:#be185d; }.admin-name-table time { color:#475569; font-size:.8rem; white-space:nowrap; }.admin-row-actions .admin-name-preview { background:#f1f5f9; color:#475569; }
.admin-name-editor-shell { max-width:1040px; }.admin-name-form { display:grid; gap:18px; }.admin-name-form .admin-panel { margin:0; }.admin-name-form textarea { width:100%; resize:vertical; }.admin-name-form .admin-arabic-input { font-size:1.08rem; text-align:right; }.admin-name-description-panel .az-editor-container { margin-top:0; }.admin-name-form-actions { margin-top:0; padding-bottom:4px; }
@media (max-width:1000px){.admin-name-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-name-search{grid-column:1 / -1}.admin-name-filter-actions{align-self:end}}
@media (max-width:850px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-heading-actions{flex-direction:column}.admin-form-grid{grid-template-columns:1fr}.admin-form-wide{grid-column:auto}}
@media (max-width:520px){.admin-stats{grid-template-columns:1fr 1fr}.admin-shell,.user-shell{padding-left:12px;padding-right:12px}.admin-panel,.user-card{padding:15px}.admin-search{flex-wrap:wrap}.admin-search input{flex-basis:100%}.user-profile-details{grid-template-columns:1fr}}

@media (max-width:600px){.admin-name-filters{grid-template-columns:1fr}.admin-name-search{grid-column:auto}.admin-name-filter-actions{justify-content:flex-start}.admin-name-summary{align-items:flex-start;flex-direction:column}.admin-name-table th:nth-child(3),.admin-name-table td:nth-child(3),.admin-name-table th:nth-child(5),.admin-name-table td:nth-child(5){display:none}}