@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply font-geist;}body,html{@apply text-gray-800 scroll-smooth;}h1,h2,h3,h4,h5,h6{@apply text-gray-900;}h1{@apply text-4xl font-bold;}h2{@apply text-2xl font-semibold;}h3{@apply text-xl font-semibold;}h4{@apply text-lg font-semibold;}h5{@apply text-base font-medium;}h6{@apply text-sm font-medium;}p{@apply text-base;}label,select{@apply text-sm text-gray-700 tracking-wide font-medium;}select{@apply text-gray-800;}input,textarea,select{@apply placeholder:text-sm placeholder:text-gray-500 accent-primary-600 border border-gray-300 px-4 py-2 rounded-lg block w-full focus:border-gray-700 focus-within:border-gray-700 active:border-gray-700 focus-visible:border-gray-700 focus:outline-none;}input[type=checkbox]{@apply w-4 h-4 text-primary-600 bg-gray-100 border-gray-300 rounded-xl focus:ring-primary-500 focus:ring-2;}table{@apply rounded-t-lg;}thead{@apply rounded-t-lg tracking-wide text-sm font-medium text-gray-900;}th{@apply px-3 py-3 border-y align-baseline font-medium whitespace-nowrap text-left;}td{@apply p-3 border-y align-baseline whitespace-pre-wrap;}.table-action{@apply inline-flex items-center gap-1.5 flex-wrap md:flex-nowrap;}.primary-btn,.secondary-btn,.transparent-btn,.invert-primary-btn,.secondary-outline-btn,.success-btn,.danger-btn{@apply active:ring-2 ring-offset-2 inline-flex items-center justify-center gap-1.5 px-6 py-2 rounded-lg capitalize font-medium transition-all ease-in-out duration-300;}.primary-btn{@apply bg-gradient-to-tr from-primary-600 to-primary-500 hover:from-primary-600 hover:to-primary-700 ring-primary-300 text-white;}.success-btn{@apply bg-gradient-to-tr from-green-600 to-green-500 hover:from-green-600 hover:to-green-700 transition-all ease-in-out duration-300 ring-green-300 text-white;}.danger-btn{@apply bg-gradient-to-tr from-red-600 to-red-500 hover:from-red-600 hover:to-red-700 transition-all ease-in-out duration-300 ring-red-300 text-white;}.outline-btn{@apply inline-flex items-center gap-2 px-4 py-2 bg-white border border-gray-200 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors justify-center;}.invert-primary-btn{@apply bg-white hover:bg-primary-50 ring-primary-100 text-primary-600;}.transparent-btn{@apply text-gray-800 hover:bg-gray-50;}.secondary-btn{@apply bg-primary-50/50 hover:bg-primary-100/50 ring-primary-300 text-primary-600 rounded-lg border border-primary-200;}.action-btn{@apply inline-flex items-center gap-1.5 font-medium px-3 py-2 rounded hover:border-none shrink-0 transition-all duration-200 text-sm;}.action-primary{@apply text-primary-600 hover:bg-primary-50/50;}.action-neutral{@apply text-gray-700 hover:bg-gray-100;}.action-danger{@apply text-red-600 hover:bg-red-50/50;}.action-success{@apply text-green-600 hover:bg-green-50/50;}.tab{@apply inline-flex items-center gap-1 px-4 py-2 border-b-[3px] border-b-transparent shrink-0 font-medium text-gray-700 hover:text-gray-900;}.tab.active{@apply text-primary-600 border-b-primary-600;}.chip{@apply px-3 py-1.5 text-xs capitalize rounded font-medium inline-flex items-center gap-1 w-fit shrink-0;}.chip-green{@apply text-green-800 bg-green-50 border border-green-200;}.chip-red{@apply text-red-800 bg-red-50 border border-red-200;}.chip-orange{@apply text-orange-900 bg-orange-50 border border-orange-200;}.chip-yellow{@apply text-amber-900 bg-amber-50 border border-amber-200;}.chip-primary{@apply text-primary-800 bg-primary-50 border border-primary-200;}.chip-blue{@apply text-blue-800 bg-blue-200 border border-blue-200;}.chip-gray,.chip-neutral{@apply text-gray-800 bg-gray-50 border border-gray-200;}.chip-primary-invert{@apply text-primary-800 bg-white border border-primary-200;}}@layer components{.pagination-btn{@apply px-3 py-1.5 text-xs font-semibold border border-gray-200 rounded-none bg-white;}.pagination-btn-active{@apply bg-primary-600 text-white;}.pagination-btn-disabled{@apply cursor-not-allowed opacity-50;}.pagination-btn-start{@apply rounded-s rounded-e-none;}.pagination-btn-end{@apply rounded-e rounded-s-none;}.dropdown-menu{@apply absolute right-1/2 translate-x-1/2 sm:translate-x-0 sm:right-0 top-full mt-1 w-full sm:w-[258px] bg-white border border-gray-200 rounded-md shadow-lg z-50 max-h-64 overflow-y-auto;}.dropdown-content{@apply p-1.5 space-y-1;}.dropdown-header{@apply px-3 py-2 text-xs font-semibold text-primary-600 uppercase tracking-wider border-b border-b-gray-50 sticky top-0 bg-white;}.dropdown-item{@apply text-left w-full flex items-center gap-2 px-3 py-2 text-sm rounded-sm hover:bg-gray-100 transition-colors text-gray-700;}.dropdown-item.active{@apply bg-primary-50 text-primary-700 font-medium;}.elevated-surface{@apply bg-white shadow-sm rounded-lg border border-gray-200 p-4 lg:p-6;}.elevated-surface.page{@apply flex flex-col gap-6;}}@layer utilities{.section-container{@apply p-4 flex flex-col gap-6 w-full;}.styled-scrollbar::-webkit-scrollbar{@apply w-[6px] h-1;}.styled-scrollbar::-webkit-scrollbar-thumb{@apply rounded-full bg-gray-400 hover:bg-gray-500;}.styled-scrollbar::-webkit-scrollbar-track{@apply bg-gray-50;}.styled-scrollbar::-webkit-scrollbar-button{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.break-words{word-wrap:break-word;word-break:break-word}}@layer utilities{.str-chat__message *,.str-chat__message-text *,.str-chat__message-text-inner *,.str-chat__message-bubble *{word-break:normal!important;overflow-wrap:normal!important;word-wrap:normal!important;white-space:normal!important;hyphens:none!important}.str-chat__channel .break-words,.str-chat__channel .break-all,.str-chat__channel .break-normal{word-break:normal!important;overflow-wrap:normal!important}}
