@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");@layer base{:root{--radius:0.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6{@apply font-semibold tracking-tight}}@layer components{.badge,.badge-brand,.badge-danger,.badge-gray,.badge-success,.badge-warning,.btn,.btn-danger,.btn-ghost,.btn-lg,.btn-primary,.btn-secondary,.btn-sm,.card,.card-body,.card-header,.input,.label,.page-subtitle,.page-title,.score-ring,.section-title,.sidebar-nav-item,.sidebar-nav-item.active,.skeleton,.stat-card,.table-container,table,tbody tr,td,th,thead{@apply animate-pulse bg-surface-200 rounded}::-webkit-scrollbar,::-webkit-scrollbar-track{@apply bg-transparent}::-webkit-scrollbar-thumb{@apply bg-surface-300 rounded-full hover:bg-surface-400}:focus-visible{@apply outline-2 outline-offset-2 outline-brand-500}}@layer utilities{.text-balance{text-wrap:balance}.scrollbar-thin{scrollbar-width:thin}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}