:root{--brand-50: #EFF6FF;--brand-100: #DBEAFE;--brand-200: #BFDBFE;--brand-300: #93C5FD;--brand-400: #60A5FA;--brand-500: #3B82F6;--brand-600: #2563EB;--brand-700: #1D4ED8;--brand-800: #1E40AF;--brand-900: #1E3A8A;--brand: var(--brand-600);--red-50: #FEF2F2;--red-100: #FEE2E2;--red-200: #FECACA;--red-300: #FCA5A5;--red-400: #F87171;--red-500: #EF4444;--red-600: #DC2626;--red-700: #B91C1C;--red-800: #991B1B;--red-900: #7F1D1D;--shift-m: #FEF3C7;--shift-a: #FED7AA;--shift-n: #C7D2FE;--shift-ma: #FCD34D;--shift-an: #FCD34D;--shift-mn: #FCD34D;--shift-off: #F3F4F6;--shift-meeting: #DDD6FE;--shift-training: #BFDBFE;--shift-leave: #FCA5A5;--shift-holiday: #FBCFE8;--shift-text-m: #78350F;--shift-text-a: #7C2D12;--shift-text-n: #312E81;--shift-text-ma: #78350F;--shift-text-an: #7C2D12;--shift-text-mn: #312E81;--shift-text-off: #6B7280;--shift-text-meeting: #5B21B6;--shift-text-training: #1E40AF;--shift-text-leave: #7F1D1D;--shift-text-holiday: #831843;--severity-critical: #DC2626;--severity-critical-bg: #FEE2E2;--severity-warning: #F59E0B;--severity-warning-bg: #FEF3C7;--severity-info: #3B82F6;--severity-info-bg: #DBEAFE;--severity-success: #10B981;--severity-success-bg: #D1FAE5;--bg-base: #FFFFFF;--bg-elevated: #F9FAFB;--bg-subtle: #F3F4F6;--text-primary: #111827;--text-secondary: #6B7280;--border-default: #E5E7EB;--border-strong: #9CA3AF;--radius-xs: 4px;--radius-control: 6px;--radius-surface: 8px;--radius-lg: 12px;--radius-xl: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: "IBM Plex Sans Thai", "Noto Sans Thai", -apple-system, sans-serif;--font-family-mono: "IBM Plex Mono", "JetBrains Mono", monospace;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--line-height: 1.6;--line-height-relaxed: 1.65;--cell-w: 28px;--cell-h: 32px;--cell-w-dense: 24px;--cell-h-dense: 28px;--cell-line-height: 1.2;--shadow-xs: 0 1px 2px rgba(16,24,40,.05);--shadow-sm: 0 1px 3px rgba(16,24,40,.1), 0 1px 2px rgba(16,24,40,.06);--shadow-md: 0 4px 6px -1px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);--shadow-lg: 0 10px 15px -3px rgba(16,24,40,.1);--shadow-xl: 0 20px 25px -5px rgba(16,24,40,.1)}[data-density=dense]{--cell-w: var(--cell-w-dense);--cell-h: var(--cell-h-dense)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family);font-size:var(--font-md);line-height:var(--line-height);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,figure{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}