.theme-transitioning *,.theme-transitioning *::before,.theme-transitioning *::after{transition:none !important;animation:none !important;transform:none !important;will-change:auto !important;}html:not(.theme-transitioning){transition:background-color 0.15s ease,color 0.15s ease;}html:not(.theme-transitioning) *{transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}.personel-id-card-inner,.stat-card,.filter-tab{will-change:transform;transform:translateZ(0);}html,body{height:100%;margin:0;padding:0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;}body.no-scroll{overflow:hidden;}body:not(.no-scroll){overflow:hidden;}.main-content{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 4rem);position:relative;background-color:transparent !important;scroll-padding-top:0;scroll-margin-top:0;width:100%;max-width:100%;box-sizing:border-box;}#mainContent.main-content{margin-top:4rem !important;padding-top:0 !important;}#mainContent{transition:margin-left 0.3s ease !important;box-sizing:border-box;}#mainContent.lg\:ml-64{width:calc(100% - 16rem);max-width:calc(100% - 16rem);margin-left:16rem !important;}#mainContent.lg\:ml-16{width:calc(100% - 4rem);max-width:calc(100% - 4rem);margin-left:4rem !important;}@media (max-width:1024px){#mainContent{width:100%;max-width:100%;margin-left:0 !important;}#mainContent.lg\:ml-16,#mainContent.lg\:ml-64{margin-left:0 !important;width:100% !important;max-width:100% !important;}}@media (min-width:1024px){#mainContent.lg\:ml-16{margin-left:4rem !important;width:calc(100% - 4rem) !important;max-width:calc(100% - 4rem) !important;}}#mainContent > div{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;}@media (min-width:1024px){#mainContent.lg\:ml-16{padding-left:1.5rem !important;}#mainContent.lg\:ml-16 > div.mx-auto{margin-left:0 !important;}}#mainContent .grid,#mainContent .flex{max-width:100%;overflow-x:hidden;}#mainContent.lg\:ml-16{margin-left:4rem !important;}.main-content::-webkit-scrollbar{width:5px;}.main-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px;}.dark .main-content::-webkit-scrollbar-track{background:#111827;}.main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;}.dark .main-content::-webkit-scrollbar-thumb{background:#374151;}.main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8;}.dark .main-content::-webkit-scrollbar-thumb:hover{background:#4b5563;}@media (prefers-color-scheme:dark){html.dark{color-scheme:dark;}}*{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;}.sidebar-collapsed .menu-text{display:none !important;}#sidebar.sidebar-collapsed .sidebar-logo-text,.sidebar-collapsed .sidebar-logo-text,#sidebar.sidebar-collapsed h1.sidebar-logo-text,.sidebar-collapsed h1.sidebar-logo-text{display:none !important;visibility:hidden !important;opacity:0 !important;width:0 !important;max-width:0 !important;min-width:0 !important;height:0 !important;overflow:hidden !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;}.sidebar-collapsed nav ul li a{justify-content:center !important;align-items:center !important;padding:0.75rem !important;padding-left:0.75rem !important;padding-right:0.75rem !important;width:100% !important;max-width:100% !important;}.sidebar-collapsed nav ul li a > *:first-child{margin-right:0 !important;margin-left:0 !important;}.sidebar-collapsed nav ul li a.bg-blue-500,.sidebar-collapsed nav ul li a[class*="bg-blue"]{justify-content:center !important;align-items:center !important;padding:0.75rem !important;width:100% !important;max-width:100% !important;}.sidebar-collapsed nav ul li a svg{margin:0 !important;}#sidebar.sidebar-collapsed > div:last-child a{justify-content:center !important;padding:0.75rem !important;}#sidebar.sidebar-collapsed .sidebar-header-container{justify-content:center !important;align-items:center !important;padding-left:0.5rem !important;padding-right:0.5rem !important;position:relative !important;}#sidebar.sidebar-collapsed .sidebar-logo-container{justify-content:center !important;align-items:center !important;width:auto !important;flex:0 0 auto !important;min-width:0 !important;margin:0 !important;margin-top:0 !important;margin-right:0 !important;margin-left:0 !important;}#sidebar.sidebar-collapsed .sidebar-logo-container img{margin-right:0 !important;margin-left:0 !important;}.sidebar-logo-container{margin-top:0 !important;}#sidebar.sidebar-collapsed .sidebar-logo-container{margin-top:2rem !important;}.sidebar-header-container{justify-content:space-between !important;}.sidebar-logo-container{flex:1 !important;min-width:0 !important;}.sidebar-logo-text span{color:#f56d08 !important;}.dark .sidebar-logo-text span{color:#f56d08 !important;}.sidebar-menu-link.sidebar-menu-active{background-color:rgba(245,109,8,0.2) !important;color:#f56d08 !important;border-left:4px solid #f56d08 !important;border-radius:0 8px 8px 0 !important;font-weight:700 !important;box-shadow:0 2px 4px rgba(245,109,8,0.1) !important;}.sidebar-menu-link.sidebar-menu-active svg{color:#f56d08 !important;stroke:#f56d08 !important;}.sidebar-menu-link.sidebar-menu-active:hover{background-color:rgba(245,109,8,0.2) !important;}.sidebar-menu-child.sidebar-menu-active{background-color:rgba(245,109,8,0.15) !important;color:#f56d08 !important;border-left:3px solid #f56d08 !important;font-weight:600 !important;}.sidebar-menu-child.sidebar-menu-active svg{color:#f56d08 !important;stroke:#f56d08 !important;}.dark .sidebar-menu-link.sidebar-menu-active,html.dark .sidebar-menu-link.sidebar-menu-active,#sidebar.dark .sidebar-menu-link.sidebar-menu-active{background-color:rgba(245,109,8,0.35) !important;color:#ff8a3d !important;border-left:4px solid #f56d08 !important;border-radius:0 8px 8px 0 !important;font-weight:700 !important;box-shadow:0 2px 4px rgba(245,109,8,0.2) !important;}.dark .sidebar-menu-link.sidebar-menu-active svg,html.dark .sidebar-menu-link.sidebar-menu-active svg,#sidebar.dark .sidebar-menu-link.sidebar-menu-active svg{color:#f56d08 !important;stroke:#f56d08 !important;}.dark .sidebar-menu-link.sidebar-menu-active:hover,html.dark .sidebar-menu-link.sidebar-menu-active:hover,#sidebar.dark .sidebar-menu-link.sidebar-menu-active:hover{background-color:rgba(245,109,8,0.35) !important;}.dark .sidebar-menu-child.sidebar-menu-active,html.dark .sidebar-menu-child.sidebar-menu-active,#sidebar.dark .sidebar-menu-child.sidebar-menu-active{background-color:rgba(245,109,8,0.35) !important;color:#ff8a3d !important;border-left:4px solid #f56d08 !important;font-weight:700 !important;box-shadow:0 1px 3px rgba(245,109,8,0.2) !important;}.sidebar-menu-link:not(.sidebar-menu-active):hover{background-color:rgba(245,109,8,0.05) !important;}.sidebar-menu-link:not(.sidebar-menu-active):hover svg{color:#f56d08 !important;stroke:#f56d08 !important;transition:color 0.2s ease,stroke 0.2s ease;}.dark .sidebar-menu-link:not(.sidebar-menu-active),html.dark .sidebar-menu-link:not(.sidebar-menu-active),#sidebar.dark .sidebar-menu-link:not(.sidebar-menu-active){color:#e5e7eb !important;}.dark .sidebar-menu-link:not(.sidebar-menu-active) svg,html.dark .sidebar-menu-link:not(.sidebar-menu-active) svg,#sidebar.dark .sidebar-menu-link:not(.sidebar-menu-active) svg{color:#e5e7eb !important;stroke:#e5e7eb !important;}.dark .sidebar-menu-link:not(.sidebar-menu-active):hover,html.dark .sidebar-menu-link:not(.sidebar-menu-active):hover,#sidebar.dark .sidebar-menu-link:not(.sidebar-menu-active):hover{background-color:rgba(245,109,8,0.1) !important;}.dark .sidebar-menu-link:not(.sidebar-menu-active):hover svg,html.dark .sidebar-menu-link:not(.sidebar-menu-active):hover svg,#sidebar.dark .sidebar-menu-link:not(.sidebar-menu-active):hover svg{color:#f56d08 !important;stroke:#f56d08 !important;}#sidebarToggleDesktop.no-hover,#sidebarToggleDesktop.no-hover:hover,#sidebarToggleDesktop.no-hover:active,#sidebarToggleDesktop.no-hover:focus{background-color:transparent !important;background:transparent !important;}#sidebarToggleDesktop.no-hover:hover svg{color:inherit !important;}.sidebar-submenu{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;}.sidebar-submenu:not(.hidden),li.submenu-open .sidebar-submenu{max-height:500px;transition:max-height 0.3s ease-in;display:block !important;}.sidebar-menu-parent{cursor:pointer;}.sidebar-menu-child{padding-left:1.5rem !important;font-size:0.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}@media (max-width:1024px){.sidebar-menu-child{padding-left:1.25rem !important;font-size:0.8125rem;}.sidebar-submenu{padding-left:0.5rem !important;}.sidebar-menu-child.px-4{padding-left:0.5rem !important;padding-right:0.5rem !important;}}@media (max-width:768px){.sidebar-menu-child{padding-left:1rem !important;font-size:0.75rem;white-space:normal;word-break:break-word;}.sidebar-submenu{padding-left:0.25rem !important;}.sidebar-menu-parent{font-size:0.875rem;}.sidebar-menu-child.px-2,.sidebar-menu-child.px-4{padding-left:0.5rem !important;padding-right:0.5rem !important;}}.sidebar-menu-group.submenu-open .sidebar-submenu,li.submenu-open .sidebar-submenu{display:block !important;max-height:500px !important;}.sidebar-menu-group.submenu-open .menu-arrow,li.submenu-open .menu-arrow{transform:rotate(180deg) !important;}.sidebar-collapsed .sidebar-submenu{display:none !important;}.sidebar-collapsed .menu-arrow{display:none !important;}@media (max-width:1280px){.sidebar-submenu{padding-left:0.75rem;}.sidebar-menu-child{padding-left:1rem !important;}}#sidebar::-webkit-scrollbar,#sidebar nav::-webkit-scrollbar,#sidebar > div::-webkit-scrollbar{width:8px;}#sidebar::-webkit-scrollbar-track,#sidebar nav::-webkit-scrollbar-track,#sidebar > div::-webkit-scrollbar-track{background:rgba(245,109,8,0.05);border-radius:10px;}html.dark #sidebar::-webkit-scrollbar-track,html.dark #sidebar nav::-webkit-scrollbar-track,html.dark #sidebar > div::-webkit-scrollbar-track,.dark #sidebar::-webkit-scrollbar-track,.dark #sidebar nav::-webkit-scrollbar-track,.dark #sidebar > div::-webkit-scrollbar-track{background:rgba(245,109,8,0.1);}#sidebar::-webkit-scrollbar-thumb,#sidebar nav::-webkit-scrollbar-thumb,#sidebar > div::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f56d08 0%,#d45a06 100%);border-radius:10px;border:2px solid transparent;background-clip:padding-box;}.dark #sidebar::-webkit-scrollbar-thumb,.dark #sidebar nav::-webkit-scrollbar-thumb,.dark #sidebar > div::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f56d08 0%,#d45a06 100%);}#sidebar::-webkit-scrollbar-thumb:hover,#sidebar nav::-webkit-scrollbar-thumb:hover,#sidebar > div::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8a3d 0%,#f56d08 100%);background-clip:padding-box;}html.dark #sidebar::-webkit-scrollbar-thumb:hover,html.dark #sidebar nav::-webkit-scrollbar-thumb:hover,html.dark #sidebar > div::-webkit-scrollbar-thumb:hover,.dark #sidebar::-webkit-scrollbar-thumb:hover,.dark #sidebar nav::-webkit-scrollbar-thumb:hover,.dark #sidebar > div::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8a3d 0%,#f56d08 100%);}#sidebar,#sidebar nav,#sidebar > div{scrollbar-width:thin;scrollbar-color:#f56d08 rgba(245,109,8,0.05);}html.dark #sidebar,html.dark #sidebar nav,html.dark #sidebar > div,.dark #sidebar,.dark #sidebar nav,.dark #sidebar > div{scrollbar-color:#f56d08 rgba(245,109,8,0.1);}::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-track{background:rgba(245,109,8,0.05);border-radius:10px;}.dark::-webkit-scrollbar-track{background:rgba(245,109,8,0.1);border-radius:10px;}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f56d08 0%,#d45a06 100%);border-radius:10px;border:2px solid transparent;background-clip:padding-box;}.dark::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f56d08 0%,#d45a06 100%);border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8a3d 0%,#f56d08 100%);background-clip:padding-box;}.dark::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8a3d 0%,#f56d08 100%);}*{scrollbar-width:thin;scrollbar-color:#f56d08 rgba(245,109,8,0.05);}.dark *{scrollbar-width:thin;scrollbar-color:#f56d08 rgba(245,109,8,0.1);}.personel-list-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;}.personel-list-scroll::-webkit-scrollbar{width:8px;}.personel-list-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px;}.dark .personel-list-scroll::-webkit-scrollbar-track{background:#1f2937;}.personel-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;}.dark .personel-list-scroll::-webkit-scrollbar-thumb{background:#4b5563;}.personel-list-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8;}.dark .personel-list-scroll::-webkit-scrollbar-thumb:hover{background:#6b7280;}html{scroll-behavior:smooth;}@keyframes scrollFade{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}.scroll-fade{animation:scrollFade 0.6s ease-out;}.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.loading-spinner{border:3px solid rgba(255,255,255,0.3);border-top:3px solid white;border-radius:50%;width:20px;height:20px;animation:spin 0.8s linear infinite;display:inline-block;}.toast{position:fixed;top:5rem;right:20px;padding:16px 24px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:10000;animation:slideIn 0.3s ease;max-width:400px;word-wrap:break-word;}@keyframes slideIn{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}.toast-success{background-color:#10b981;color:white;}.toast-error{background-color:#ef4444;color:white;}.toast-info{background-color:#3b82f6;color:white;}.form-input{width:100%;padding:0.5rem 1rem;border:1px solid #d1d5db;border-radius:0.375rem;transition:all 0.2s;}.form-input:focus{outline:none;box-shadow:0 0 0 2px rgba(59,130,246,0.5);border-color:#3b82f6;}.dark .form-input{background-color:#374151;border-color:#4b5563;color:white;}.form-label{display:block;font-size:0.875rem;font-weight:500;color:#374151;margin-bottom:0.5rem;}.dark .form-label{color:#d1d5db;}.btn{padding:0.5rem 1rem;border-radius:0.375rem;font-weight:600;transition:all 0.2s;cursor:pointer;border:none;}.btn-primary{background-color:#3b82f6;color:white;}.btn-primary:hover{background-color:#2563eb;}.btn-secondary{background-color:#6b7280;color:white;}.btn-secondary:hover{background-color:#4b5563;}.btn-danger{background-color:#ef4444;color:white;}.btn-danger:hover{background-color:#dc2626;}.card{background-color:white;border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);padding:1.5rem;}.dark .card{background-color:#1f2937;}.table{width:100%;border-collapse:collapse;}.table th{background-color:#f9fafb;padding:0.5rem 1rem;text-align:left;font-weight:600;color:#374151;}.dark .table th{background-color:#374151;color:#d1d5db;}.table td{padding:0.5rem 1rem;border-bottom:1px solid #e5e7eb;color:#1f2937;}.dark .table td{border-bottom-color:#374151;color:#e5e7eb;}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem;}}#lampIcon{transition:all 0.3s ease;color:#fbbf24 !important;}html:not(.dark) #lampIcon{color:#fbbf24 !important;}html:not(.dark) #lampIcon path,html:not(.dark) #lampIcon{stroke:#fbbf24 !important;color:#fbbf24 !important;}.dark #lampIcon{color:#fbbf24 !important;}.dark #lampIcon path,.dark #lampIcon{stroke:#fbbf24 !important;color:#fbbf24 !important;}#darkModeToggle #lampIcon{color:#fbbf24 !important;}#darkModeToggle #lampIcon path{stroke:#fbbf24 !important;}#darkModeToggle:active #lampIcon{transform:scale(0.8);opacity:0.5;}#darkModeToggle.active #lampIcon{animation:lampFlicker 0.3s ease-in-out;}@keyframes lampFlicker{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.3;transform:scale(0.9);}}#userMenuButton{transition:background-color 0.2s ease;}#userMenuButton:hover{background-color:rgba(245,109,8,0.1) !important;}.dark #userMenuButton:hover{background-color:rgba(245,109,8,0.15) !important;}.action-btn,.action-btn:hover,.action-btn:focus,.action-btn:active{transform:none !important;transition:none !important;background-color:transparent !important;scale:1 !important;}body.modal-open #navbar,body.modal-open #sidebar{pointer-events:none !important;z-index:9998 !important;filter:blur(4px);-webkit-filter:blur(4px);opacity:0.7;}body.modal-open{overflow:hidden !important;}