/* Admin dashboard styles — extends portal.css */
.admin-sidebar .sidebar-user-role { color: var(--red); }
.admin-content-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.admin-content-header h2 { font-size: 1.5rem; }
.search-bar { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.search-bar input { min-width: 220px; }
.filter-tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.filter-tab { padding: 0.45rem 1.1rem; border-radius: 20px; font-size: 0.85rem; font-weight: 600; cursor: pointer; border: 1px solid var(--border); color: var(--text-secondary); background: none; transition: var(--transition); }
.filter-tab.active, .filter-tab:hover { background: var(--red); color: #fff; border-color: var(--red); }
.slip-thumb { width: 50px; height: 40px; object-fit: cover; border-radius: 4px; border: 1px solid var(--border); cursor: pointer; }
.img-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.9); z-index: 9999; display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
.img-modal img { max-width: 90vw; max-height: 85vh; border-radius: var(--radius); }