@apply fixed left-0 top-0 h-full bg-[#0a0a1a] text-white z-50 flex flex-col transition-all duration-300;.sidebar[data-v-c67ad24b]{width:260px}.sidebar.collapsed[data-v-c67ad24b]{width:70px}.sidebar.collapsed .logo-text[data-v-c67ad24b],.sidebar.collapsed .sidebar-text[data-v-c67ad24b],.sidebar.collapsed .sub-menu[data-v-c67ad24b],.sidebar.collapsed .user-info .logo-text[data-v-c67ad24b],.sidebar.collapsed .sidebar-toggle[data-v-c67ad24b]{display:none}@apply justify-center;@apply text-lg;.sidebar.collapsed .sub-menu[data-v-c67ad24b]{display:none!important}.sidebar.mobile-closed[data-v-c67ad24b]{transform:translate(-100%)}.sidebar.mobile-open[data-v-c67ad24b]{transform:translate(0)}@apply fixed inset-0 bg-black/50 z-40 md:hidden;.sidebar-overlay[data-v-c67ad24b]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (width>=768px){.sidebar[data-v-c67ad24b],.sidebar.mobile-open[data-v-c67ad24b],.sidebar.mobile-closed[data-v-c67ad24b]{transform:translate(0)!important}.sidebar-overlay[data-v-c67ad24b]{display:none!important}}@apply flex items-center gap-3 px-3 py-2.5 rounded-lg text-gray-300 hover:bg-white/5 hover:text-white transition cursor-pointer text-sm;@apply w-5 text-center text-sm flex-shrink-0;@apply bg-white/10 text-white font-medium;@apply text-[#4f8cf7];@apply pl-10 text-xs text-gray-400 hover:text-white;@apply text-[8px];@apply h-px bg-white/5 my-1;@apply overflow-hidden transition-all duration-300 max-h-0;@apply max-h-[500px];@apply text-[8px] px-1.5 py-0.5 rounded-full ml-auto font-medium;@apply absolute -right-3 top-1/2 -translate-y-1/2 w-6 h-6 rounded-full bg-[#1a1a2e] border border-white/10 text-white flex items-center justify-center hover:bg-[#2a2a4e] transition;@apply -right-3;@apply bg-[#0d0d1f];.sidebar .overflow-y-auto[data-v-c67ad24b]::-webkit-scrollbar{width:3px}@apply bg-transparent;@apply bg-white/10 rounded-full;@apply bg-white/20;.auth-screen[data-v-0a018884]{background:#010931;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-container[data-v-0a018884]{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 32px 80px #0006}.gradient-bg[data-v-0a018884]{background:linear-gradient(135deg,#010931 0%,#1a1a4e 100%)}.input-group[data-v-0a018884]{position:relative}.input-group i[data-v-0a018884]{color:#94a3b8;font-size:15px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input[data-v-0a018884]{box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:13px 16px 13px 46px;font-size:14px;transition:all .2s}.input-group input[data-v-0a018884]:focus{background:#fff;border-color:#010931;box-shadow:0 0 0 3px #01093114}.input-group input[data-v-0a018884]::placeholder{color:#94a3b8}.password-toggle[data-v-0a018884]{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:15px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle[data-v-0a018884]:hover{color:#1e293b}.btn-primary[data-v-0a018884]{color:#fff;cursor:pointer;background:#010931;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:13px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-primary[data-v-0a018884]:hover:not(:disabled){background:#020c47;box-shadow:0 6px 20px #01093140}.btn-primary[data-v-0a018884]:disabled{opacity:.6;cursor:not-allowed}.admin-badge[data-v-0a018884]{color:#1d4ed8;background:#eff6ff;border-radius:9999px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.forgot-link[data-v-0a018884]{color:#6b7280;cursor:pointer;font-size:13px;transition:color .2s}.forgot-link[data-v-0a018884]:hover{color:#010931;text-decoration:underline}.error-message[data-v-0a018884]{color:#991b1b;background:#fee2e2;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.success-message[data-v-0a018884]{color:#166534;background:#dcfce7;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.modal-fade-enter-active[data-v-9c760bf1],.modal-fade-leave-active[data-v-9c760bf1]{transition:opacity .2s}.modal-fade-enter-from[data-v-9c760bf1],.modal-fade-leave-to[data-v-9c760bf1]{opacity:0}.modal-slide-enter-active[data-v-9c760bf1],.modal-slide-leave-active[data-v-9c760bf1]{transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s}.modal-slide-enter-from[data-v-9c760bf1],.modal-slide-leave-to[data-v-9c760bf1]{opacity:0;transform:translateY(12px)scale(.97)}@apply text-sm font-medium text-gray-700 block mb-1.5;@apply w-full px-3 py-2 rounded-lg border border-gray-200 text-sm bg-white outline-none focus:border-[#010931] transition;@apply bg-white rounded-2xl shadow-sm p-4 transition hover:shadow-md;@apply text-gray-500 font-medium;@apply text-gray-900;@apply text-gray-400 mt-0.5;@apply text-gray-400;@apply bg-white;@apply text-gray-900;@apply text-gray-500;@apply text-gray-400;@apply border-gray-100;.line-clamp-2[data-v-7fe8f00e]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@apply text-sm font-medium text-gray-700 block mb-1.5;@apply w-full px-3 py-2 rounded-lg border border-gray-200 text-sm bg-white outline-none focus:border-[#010931] transition;:root{--bg-body:#f1f5f9;--bg-sidebar:#010931;--bg-card:#fff;--bg-topbar:#010931;--text-primary:#010931;--text-secondary:#475569;--text-muted:#64748b;--text-sidebar:#94a3b8;--border-light:#ffffff0f;--shadow:0 1px 3px #0000000f;--badge-bg:#ffffff1a;--icon-color:#010931}[data-theme=dark]{--bg-body:#0b1120;--bg-sidebar:#010931;--bg-card:#1e293b;--bg-topbar:#010931;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#cbd5e1;--text-sidebar:#94a3b8;--border-light:#ffffff14;--shadow:0 1px 3px #0000004d;--badge-bg:#ffffff14;--icon-color:#fff}body{background:var(--bg-body);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s}.sidebar{background:var(--bg-sidebar);z-index:50;width:260px;min-height:100vh;transition:width .3s,background .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-text,.sidebar.collapsed .sidebar-sub{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px 0}.sidebar.collapsed .sidebar-link i{font-size:18px}.sidebar.collapsed .badge-count,.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar-divider{margin:8px 16px}.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .user-avatar{justify-content:center;display:flex}.sidebar-link{color:var(--text-sidebar);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;transition:all .2s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff0d}.sidebar-link.active{color:#fff;background:#ffffff1a;font-weight:500}.sidebar-link i{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sidebar-link .badge-count{background:var(--badge-bg);color:#fff;border-radius:9999px;margin-left:auto;padding:2px 8px;font-size:10px}.sidebar-sub{color:#64748b;align-items:center;gap:12px;padding-left:48px;font-size:12px;display:flex}.sidebar-sub:hover{color:#e2e8f0}.sidebar-sub i{width:16px;font-size:10px}.sidebar-sub .sub-badge{border-radius:9999px;margin-left:auto;padding:1px 8px;font-size:10px}.sidebar-divider{border-top:1px solid var(--border-light);margin:8px 16px}.sidebar-toggle{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .2s;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.sidebar-toggle:hover{color:#fff;background:#fff3}.main-content{min-height:100vh;margin-left:260px;padding:80px 24px 24px;transition:margin-left .3s}.main-content.expanded{margin-left:72px}.topbar{z-index:40;background:var(--bg-topbar);justify-content:space-between;align-items:center;width:calc(100% - 260px);height:64px;margin-left:260px;padding:12px 24px;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.topbar.expanded{width:calc(100% - 72px);margin-left:72px}.stat-card{background:var(--bg-card);box-shadow:var(--shadow);color:var(--text-primary);border-radius:16px;padding:16px 18px;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #01093114}.stat-card .stat-icon{color:var(--icon-color)}.stat-card .stat-value{color:var(--text-primary)}.stat-card .stat-label{color:var(--text-secondary)}.stat-card .stat-change{color:var(--text-muted)}.badge-status{border-radius:9999px;padding:2px 12px;font-size:10px;font-weight:500}.badge-active{color:#166534;background:#dcfce7}.badge-inactive{color:#991b1b;background:#fee2e2}.badge-premium{color:#92400e;background:#fef3c7}.badge-free{color:#475569;background:#e2e8f0}.badge-plus{color:#1e40af;background:#dbeafe}.badge-pro{color:#92400e;background:#fef3c7}.badge-success{color:#166534;background:#dcfce7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-warning{color:#92400e;background:#fef3c7}.badge-info{color:#1e40af;background:#dbeafe}.table-row:hover{background:var(--bg-body)}.sub-menu{max-height:0;transition:max-height .3s;overflow:hidden}.sub-menu.open{max-height:500px}.notification-dropdown{background:var(--bg-card);z-index:60;border:1px solid var(--border-light);border-radius:16px;width:320px;max-height:400px;padding:12px 0;display:none;position:absolute;top:48px;right:0;overflow-y:auto;box-shadow:0 20px 60px #0003}.notification-dropdown.open{display:block}.notification-item{border-bottom:1px solid var(--border-light);cursor:pointer;color:var(--text-primary);padding:10px 16px;transition:background .2s}.notification-item:hover{background:var(--bg-body)}.notification-item:last-child{border-bottom:none}.notification-item .notif-text{color:var(--text-primary)}.notification-item .notif-time{color:var(--text-muted)}.admin-dropdown{background:var(--bg-card);z-index:60;border:1px solid var(--border-light);border-radius:16px;width:180px;padding:8px 0;display:none;position:absolute;top:48px;right:0;box-shadow:0 20px 60px #0003}.admin-dropdown.open{display:block}.admin-dropdown-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:12px;padding:10px 16px;transition:background .2s;display:flex}.admin-dropdown-item:hover{background:var(--bg-body)}.admin-dropdown-item i{color:var(--icon-color)}.theme-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:6px 10px;font-size:14px;transition:all .2s}.theme-toggle:hover{background:#fff3}.text-theme-primary{color:var(--text-primary)}.text-theme-secondary{color:var(--text-secondary)}.text-theme-muted{color:var(--text-muted)}.icon-theme{color:var(--icon-color)}.bg-theme-card{background:var(--bg-card)}.border-theme{border-color:var(--border-light)}@media (width<=768px){.topbar{width:100%!important;margin-left:0!important}.main-content{margin-left:0;padding-top:80px}.sidebar{transition:transform .3s;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:280px!important}.sidebar.collapsed .sidebar-text{display:inline}.sidebar.collapsed .sidebar-sub{display:flex}.sidebar.collapsed .sidebar-link{justify-content:flex-start;padding:10px 16px}.sidebar.collapsed .sidebar-link i{font-size:15px}.sidebar.collapsed .badge-count,.sidebar.collapsed .logo-text{display:inline}.sidebar.collapsed .user-info{display:block}.main-content.expanded{margin-left:0}.mobile-menu-btn{display:block}.sidebar-toggle{display:none}}.mobile-menu-btn{display:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}