.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:10px;border:2px solid transparent;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280b3;background-clip:content-box}.custom-scrollbar::-webkit-scrollbar-corner{background:transparent}.dark .custom-scrollbar{scrollbar-color:rgba(75,85,99,.5) transparent}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#4b556380;background-clip:content-box}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280cc;background-clip:content-box}.sidebar-scrollbar::-webkit-scrollbar{width:6px}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:#3b82f680}@media (max-width: 768px){*{box-sizing:border-box}main{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.p-6,.p-4,.px-6,.px-4{padding-left:1rem!important;padding-right:1rem!important}.grid{width:100%!important;max-width:100%!important}main>div,main>div>div{max-width:100%!important;overflow-x:hidden!important}.page-header h1,.page-header h2{font-size:1.5rem!important}.mobile-btn{padding:.375rem .75rem!important;font-size:.75rem!important}.mobile-btn-icon{padding:.375rem!important}.mobile-btn{padding:.5rem!important;font-size:.875rem!important}.mobile-btn-icon{padding:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-left:-1rem!important;margin-right:-1rem!important;padding-left:1rem!important;padding-right:1rem!important}table{min-width:100%!important;white-space:nowrap}td,th{min-width:80px;padding:6px 8px!important;font-size:.875rem!important}.table-actions{display:flex;flex-direction:column;gap:4px}.table-actions button,.table-actions a{padding:4px 8px!important;font-size:.75rem!important}.page-header .flex.gap-3,.page-header .flex.gap-2{flex-direction:row!important;gap:.5rem!important}main .bg-white.rounded-lg.shadow-md.p-4{margin-left:0!important;margin-right:0!important;padding:1rem!important}.btn-mobile-stack{display:flex;flex-direction:column;gap:8px;width:100%}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-grid-2{grid-template-columns:repeat(2,1fr)!important}.mobile-p-4{padding:1rem!important}.mobile-text-xl{font-size:1.25rem!important}.mobile-text-2xl{font-size:1.5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)!important}.tablet-grid-3{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 480px){.page-header h1,.page-header h2{font-size:1.5rem!important}.mobile-btn{padding:.375rem .75rem!important;font-size:.75rem!important}.mobile-btn-icon{padding:.375rem!important}}html,body{overflow-x:hidden;max-width:100vw}#root{width:100%;max-width:100vw;overflow-x:hidden}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.page-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:1rem!important}.page-header h1,.page-header h2{margin:0!important;flex-shrink:1!important}.page-header .button-group{display:flex!important;gap:.5rem!important;flex-shrink:0!important;align-items:center!important}@media (max-width: 640px){.table-responsive{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.table-responsive table{min-width:100%;white-space:nowrap}.table-responsive td,.table-responsive th{min-width:80px;padding:6px 8px;font-size:.875rem}}