@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);body,html{background-color:#f7f8fa;color:#46444c;font-family:Poppins,sans-serif;height:100vh;position:relative}*{margin:0;padding:0}a{color:#5a45ff;text-decoration:none}.title{color:#17161a;font-size:50px;line-height:50px;margin-bottom:10px}.subtitle{font-size:26px;margin-bottom:40px}p{margin-bottom:20px}main code{background:#e6e2ff;font-size:16px}main{flex:1;height:100vh;margin:auto}:root{--primary:#5233ea;--primary-dark:#412bb5;--primary-darker:#301f8f;--primary-soft:#f1edff;--bg:#f7f8fa;--surface:#fff;--border:#e5e7eb;--text:#111928;--text-muted:#6b7280;--success:#16a34a;--danger:#dc2626;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(17,25,40,.06);--shadow:0 4px 12px rgba(17,25,40,.08);--shadow-md:0 8px 24px rgba(17,25,40,.1);--text-2xl-font-extrabold-font-family:"Inter","Poppins",sans-serif;--text-2xl-font-extrabold-font-weight:800;--text-2xl-font-extrabold-font-size:24px;--text-2xl-font-extrabold-letter-spacing:0;--text-2xl-font-extrabold-line-height:32px;--text-2xl-font-extrabold-font-style:normal}.admin-content{margin-left:240px;max-width:1180px;padding:32px 24px 48px;width:100%}@media (max-width:991px){.admin-content{margin-left:0;padding:24px 16px 40px}}.app-sidebar{background:linear-gradient(180deg,var(--primary) 0,var(--primary-darker) 100%);display:flex;flex-direction:column;height:100vh;left:0;max-width:240px;min-width:240px;overflow-y:auto;position:fixed;top:0;transition:transform .25s ease;z-index:10}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:999px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar{scrollbar-color:hsla(0,0%,100%,.25) transparent;scrollbar-width:thin}.app-sidebar .sidebar-section-btn{align-items:center;background:transparent;border:none;color:hsla(0,0%,100%,.55);cursor:pointer;display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.06em;padding:14px 12px 6px;text-transform:uppercase;width:100%}.app-sidebar .sidebar-section-btn:hover{color:hsla(0,0%,100%,.85)}.app-sidebar .sidebar-section-btn .chevron{font-size:12px;transition:transform .2s ease}.app-sidebar .sidebar-section-btn.collapsed .chevron{transform:rotate(-90deg)}.app-sidebar .nav-list.collapsed{display:none}.app-sidebar .sidebar-brand{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.15);display:flex;justify-content:space-between;padding:18px 16px}.app-sidebar .sidebar-brand .brand-mark{align-items:center;color:#fff;display:inline-flex;font-size:15px;font-weight:700;gap:10px}.app-sidebar .sidebar-brand .brand-mark .mark{align-items:center;background:#fff;border-radius:8px;color:var(--primary);display:inline-flex;font-weight:800;height:26px;justify-content:center;width:26px}.app-sidebar .sidebar-section{color:hsla(0,0%,100%,.55);font-size:11px;font-weight:700;letter-spacing:.06em;padding:14px 12px 6px;text-transform:uppercase}.app-sidebar ul.nav-list{list-style:none;margin:0;padding:0 10px}.app-sidebar .nav-list .nav-form button,.app-sidebar .nav-list .nav-link{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:hsla(0,0%,100%,.88);display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:background-color .15s ease,color .15s ease;width:100%}.app-sidebar .nav-list .nav-form button:hover,.app-sidebar .nav-list .nav-link:hover{background:hsla(0,0%,100%,.14);color:#fff}.app-sidebar hr.nav-divider{border-color:hsla(0,0%,100%,.18);margin:8px 16px}.sidebar-toggle-btn{left:12px;position:fixed;top:12px;z-index:11}@media (max-width:991px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.show{transform:translateX(0)}}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-header h1{color:var(--text);font-size:26px;font-weight:800;margin:0}.page-header .page-subtitle{color:var(--text-muted);font-size:14px;margin-top:2px}.surface-card{padding:20px}.filter-bar,.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.filter-bar{margin-bottom:20px;padding:18px 20px}.filter-bar label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.filter-bar .form-control,.filter-bar .form-select{border-radius:var(--radius-sm)}.filter-bar .btn-clear-filters{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.filter-bar .btn-clear-filters:hover{background:var(--bg)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.table-card table{margin-bottom:0}.table-card thead th{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}.table-card tbody tr:hover{background:var(--primary-soft)}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.status-pill.is-active{background:rgba(22,163,74,.12);color:var(--success)}.status-pill.is-inactive{background:rgba(220,38,38,.1);color:var(--danger)}.tag-pill{background:var(--primary-soft);border-radius:999px;color:var(--primary-darker);display:inline-block;font-size:12px;font-weight:600;margin:2px 3px 2px 0;padding:3px 10px}.pagination-modern{display:flex;flex-wrap:wrap;gap:4px}.pagination-modern .page-item .page-link{border:none;border-radius:999px;color:var(--text-muted);font-size:14px;padding:6px 12px}.pagination-modern .page-item .page-link:hover{background:var(--primary-soft);color:var(--primary-darker)}.pagination-modern .page-item.active .page-link{background:var(--primary);color:#fff}.pagination-modern .page-item.disabled .page-link{background:transparent;color:#c7c9d1}.text-muted-sm{color:var(--text-muted);font-size:13px}