:root{--brand-50: #EEF1FE;--brand-100: #DEE4FD;--brand-200: #C2CDFB;--brand-300: #9CACF7;--brand-400: #6E82F0;--brand-500: #4661E8;--brand-600: #2C4BE0;--brand-700: #2038C4;--brand-800: #1B2E9E;--brand-900: #1A2A7A;--brand: var(--brand-600);--brand-2: #4F74FF;--brand-gradient: linear-gradient(135deg, var(--brand), var(--brand-2));--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;--severity-warning-text: #92400E;--gold: #CA8A04;--gold-bg: #FEF9E7;--amber-50: #FDF4E5;color-scheme:light;--bg-page: #F6F8FC;--bg-base: #FFFFFF;--bg-elevated: #F4F7FC;--bg-subtle: #EAEFF7;--text-primary: #0E1729;--text-secondary: #46536B;--border-default: #E3E8F1;--border-strong: #94A3B8;--radius-xs: 4px;--radius-control: 9px;--radius-surface: 14px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--content-max: 1440px;--page-form-width: 920px;--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;--font-h2: 24px;--font-h1: 30px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--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);--shadow-card: 0 1px 2px rgba(20,30,60,.05), 0 8px 22px -10px rgba(20,30,60,.16)}:root[data-theme=dark]{color-scheme:dark;--brand: #3E63DD;--brand-2: #6E8BFF;--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 12px 28px -12px rgba(0,0,0,.55);--severity-warning-text: #FBBF24;--gold: #FBBF24;--gold-bg: #3A2E12;--amber-50: #3A2E12;--bg-page: #0C1220;--bg-base: #131B2E;--bg-elevated: #1A2338;--bg-subtle: #1F2A42;--text-primary: #E8EDF6;--text-secondary: #AAB6C9;--border-default: #243049;--border-strong: #3A465C;--severity-critical: #F87171;--severity-critical-bg: #3A1D1D;--severity-warning: #FBBF24;--severity-warning-bg: #3A2E12;--severity-info: #6E8BFF;--severity-info-bg: #1C2748;--severity-success: #34D399;--severity-success-bg: #123027;--shift-m: #3D3410;--shift-text-m: #FCD34D;--shift-a: #40260F;--shift-text-a: #FDBA74;--shift-n: #23294D;--shift-text-n: #A5B4FC;--shift-ma: #463A0C;--shift-text-ma: #FCD34D;--shift-an: #463A0C;--shift-text-an: #FDBA74;--shift-mn: #463A0C;--shift-text-mn: #A5B4FC;--shift-off: #1A2338;--shift-text-off: #647089;--shift-meeting: #2A2450;--shift-text-meeting: #C4B5FD;--shift-training: #1E2A44;--shift-text-training: #93C5FD;--shift-leave: #3A1D1D;--shift-text-leave: #FCA5A5;--shift-holiday: #3A1B2E;--shift-text-holiday: #F0A6C8}[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-page);-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}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-family:inherit;font-size:var(--font-md);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-control);transition:border-color .14s ease,box-shadow .14s ease}input:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,select::placeholder,textarea::placeholder{color:var(--text-secondary)}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}input:not([type=checkbox]):not([type=radio]):not([type=range]):disabled,select:disabled,textarea:disabled{background:var(--bg-subtle);color:var(--text-secondary);cursor:not-allowed}: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}}.page-card{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-surface);box-shadow:var(--shadow-card);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}