@layer base{html{-webkit-tap-highlight-color:transparent}body{@apply antialiased text-slate-900 bg-slate-50 dark:bg-brand-bg dark:text-slate-100;}}@layer components{.table-responsive{@apply w-full overflow-x-auto custom-scrollbar;-webkit-overflow-scrolling:touch}@media(max-width:768px){.mobile-card-grid{@apply grid grid-cols-1 gap-4;}}button,a,input,select{@apply min-h-[44px] md:min-h-[auto];}}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:20px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a}.glass{@apply bg-white/70 dark:bg-brand-surface/70 backdrop-blur-md border border-white/20 dark:border-slate-800/50;}.shadow-premium{box-shadow:0 10px 30px -5px #0000000d,0 5px 15px -8px #0000000d}.dark .shadow-premium{box-shadow:0 10px 30px -5px #0000004d,0 5px 15px -8px #0000004d}.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1}.sidebar-glass{background:#ffffff73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(241,245,249,.5)}.dark .sidebar-glass{background:#0f172a73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(30,41,59,.35)}.saas-hover-item{transition:all .25s cubic-bezier(.4,0,.2,1)}.saas-hover-item:hover{transform:translate(4px) scale(1.015)}.saas-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.saas-card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -15px #00000014}.dark .saas-card-hover:hover{box-shadow:0 20px 40px -15px #00000073}.saas-active-border{position:relative}.saas-active-border:before{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;border-radius:4px;background-color:rgb(var(--color-primary, 59, 130, 246));transition:all .3s ease}.saas-tooltip{position:absolute;left:calc(100% + 12px);padding:6px 12px;background-color:#0f172a;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border-radius:8px;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 10px 15px -3px #0000001a;z-index:9999}.saas-tooltip:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent #0f172a transparent transparent}.group:hover .saas-tooltip{opacity:1;transform:translate(4px)}button,input,select{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active,select:active{transform:scale(.96)}table tbody tr{transition:background-color .2s ease,transform .2s ease}table tbody tr:hover{transform:scale(1.002)}