@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{box-sizing:border-box}body{font-family:IBM Plex Sans Thai,Sarabun,sans-serif;background-color:#f0f4fa;color:#1a2540;-webkit-font-smoothing:antialiased}:root{--brand: #1D6CE8;--brand-soft: #EEF4FF;--brand-border: #BFDBFE}}@layer components{.btn-primary{@apply px-4 py-1.5 bg-[#1D6CE8] text-white text-xs font-medium rounded-lg border-none cursor-pointer flex items-center gap-1.5 hover:bg-blue-600 transition-colors;box-shadow:0 1px 4px #1d6ce84d}.btn-ghost{@apply px-3 py-1.5 bg-white text-slate-500 text-xs rounded-lg border border-[#E4EAF4] cursor-pointer flex items-center gap-1.5 hover:bg-slate-50 transition-colors;}.card{@apply bg-white rounded-xl border border-[#E4EAF4] overflow-hidden;}.card-header{@apply px-4 py-3 flex items-center justify-between border-b border-[#F0F5FF];}.card-title{@apply text-sm font-medium text-[#1A2540] flex items-center gap-1.5;}.chip{@apply px-2 py-0.5 rounded-full text-[10px] font-medium inline-flex items-center gap-0.5 whitespace-nowrap;}.chip-done{@apply bg-[#E6F7F2] text-[#0F6E56];}.chip-doing{@apply bg-[#EEF4FF] text-[#1D4ED8];}.chip-pending{@apply bg-[#FFFBEB] text-[#92400E];}.chip-cancel{@apply bg-[#FEE2E2] text-[#B91C1C];}.form-input{@apply w-full px-3 py-2 text-sm bg-white border border-[#E4EAF4] rounded-lg outline-none focus:border-[#1D6CE8] focus:ring-1 focus:ring-[#BFDBFE] transition-all;}.avatar{@apply rounded-full flex items-center justify-center text-white font-medium flex-shrink-0;}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e4eaf4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}