@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}@media (hover: none) and (pointer: coarse){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{overscroll-behavior-y:contain;touch-action:manipulation}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search],input[type=date],input[type=time],input[type=datetime-local],input[type=url],textarea,select{font-size:16px}}@media (hover: none) and (pointer: coarse) and (min-width: 1024px){.btn-primary,.btn-ghost,button.touch-target,a[role=button].touch-target,.form-input{min-height:44px;padding-top:10px;padding-bottom:10px}table tbody td{padding-top:12px;padding-bottom:12px}aside,[role=banner]{-webkit-user-select:none;user-select:none}.modal-content,[role=dialog]>div{max-width:92vw}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}}