::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.sidebar{transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-item{position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:currentColor;transform:scaleY(0);transition:transform .2s ease}.sidebar-item:hover:before,.sidebar-item.active:before{transform:scaleY(1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat{transition:all .3s ease}.stat:hover{transform:scale(1.02)}.btn-effect{position:relative;overflow:hidden}.btn-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-effect:active:after{width:300px;height:300px}.search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;border-radius:9999px}.dropdown-enter{animation:dropdownEnter .2s ease-out}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-item.active{background:linear-gradient(90deg,rgba(59,130,246,.1) 0%,transparent 100%)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.gradient-text{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#0003;border:1px solid rgba(255,255,255,.1)}.grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.sidebar{position:fixed;left:-100%;transition:left .3s ease}.sidebar.open{left:0}}@media print{.sidebar,header,footer{display:none!important}.main-content{margin-left:0!important}}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px}[title]{position:relative}.notification-scroll::-webkit-scrollbar{width:6px}.notification-scroll::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 80px);background-size:200px 100%;animation:skeleton-loading 1.4s ease-in-out infinite}.dark .skeleton{background:linear-gradient(90deg,#374151,#4b5563,#374151 80px)}.status-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.status-online{background-color:#10b981;box-shadow:0 0 0 2px #10b9814d}.status-offline{background-color:#ef4444;box-shadow:0 0 0 2px #ef44444d}.status-away{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d}