@import "https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{@apply box-border;@apply bg-gray-200;@apply font-sans text-brand bg-surface antialiased;.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}}@layer components{@apply relative mx-auto min-h-screen bg-surface overflow-hidden;.app-shell{max-width:430px}@apply px-4 pb-24 pt-4;@apply sticky top-0 z-40 bg-surface/90 backdrop-blur-sm border-b border-gray-100 px-4 py-3;@apply w-full bg-primary text-primary-foreground font-semibold py-3.5 rounded-2xl active:scale-[.98] transition-transform disabled:opacity-50 disabled:pointer-events-none;@apply w-full border-2 border-primary text-primary-foreground font-semibold py-3.5 rounded-2xl active:scale-[.98] transition-transform;@apply bg-surface rounded-2xl shadow-card p-4;@apply w-full border border-gray-200 rounded-xl px-4 py-3 text-sm outline-none focus:border-primary transition-colors bg-surface;@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-700;@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-700;@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-700;@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-700;}