:root{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-success-500: #10b981;--color-warning-500: #f59e0b;--color-danger-500: #ef4444;--color-info-500: #3b82f6;--color-neutral-500: #6b7280;--color-success-50: #ecfdf5;--color-success-700: #065f46;--color-warning-50: #fffbeb;--color-warning-700: #92400e;--color-danger-50: #fef2f2;--color-danger-700: #991b1b;--color-info-50: #eff6ff;--color-info-700: #1d4ed8;--bg-base: #ffffff;--bg-subtle: #f9fafb;--bg-muted: #f3f4f6;--border: #e5e7eb;--border-strong: #d1d5db;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--font-sans: "IBM Plex Sans Thai", "Noto Sans Thai", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: .5rem;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--duration-fast: .15s;--duration-normal: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--touch-target: 2.75rem;--container-employee: 32rem;--container-form: 42rem;--focus-ring: 0 0 0 3px var(--color-primary-100)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms}}.ui-tabular{font-variant-numeric:tabular-nums}.ui-card{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.ui-card__header{margin-bottom:var(--space-3)}.ui-card__title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.ui-card__hint{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.ui-card__body{font-size:var(--text-sm);color:var(--text-secondary)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;border:1px solid transparent}.ui-badge--success{color:var(--color-success-700);background:var(--color-success-50);border-color:var(--color-success-500)}.ui-badge--warning{color:var(--color-warning-700);background:var(--color-warning-50);border-color:var(--color-warning-500)}.ui-badge--danger{color:var(--color-danger-700);background:var(--color-danger-50);border-color:var(--color-danger-500)}.ui-badge--neutral{color:var(--text-secondary);background:var(--bg-muted);border-color:var(--color-neutral-500)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-button--sm{min-height:2rem;padding:0 var(--space-3);font-size:var(--text-sm)}.ui-button--md{min-height:var(--touch-target);padding:0 var(--space-4);font-size:var(--text-base)}.ui-button--lg{min-height:3rem;padding:0 var(--space-6);font-size:var(--text-base)}.ui-button--full{width:100%}.ui-button--primary{border:1px solid transparent;background:var(--color-primary-600);color:var(--bg-base)}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-700)}.ui-button--secondary{border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-primary)}.ui-button--secondary:hover:not(:disabled){background:var(--bg-muted)}.ui-button--ghost{border:1px solid transparent;background:transparent;color:var(--text-primary)}.ui-button--ghost:hover:not(:disabled){background:var(--bg-muted)}.ui-button--link{min-height:auto;padding:0;border:none;background:none;color:var(--color-primary-700);text-decoration:underline}.ui-button--link:hover:not(:disabled){color:var(--color-primary-800)}.ui-input{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-base)}.ui-input:focus-within{border-color:var(--color-primary-500);box-shadow:var(--focus-ring)}.ui-input--invalid{border-color:var(--color-danger-500)}.ui-input__control{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);outline:none}.ui-input__affix{display:flex;align-items:center;color:var(--text-muted)}.ui-field{display:grid;gap:var(--space-1)}.ui-field__label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.ui-field__hint{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.ui-field__error{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--text-xs);color:var(--color-danger-700)}.ui-alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-left:4px solid transparent;border-radius:var(--radius-md)}.ui-alert:focus{outline:none}.ui-alert:focus-visible{box-shadow:var(--focus-ring)}.ui-alert__glyph{flex-shrink:0}.ui-alert__title{margin:0;font-weight:600}.ui-alert__body{font-size:var(--text-sm)}.ui-alert--warning{background:var(--color-warning-50);border-left-color:var(--color-warning-500);color:var(--color-warning-700)}.ui-alert--danger{background:var(--color-danger-50);border-left-color:var(--color-danger-500);color:var(--color-danger-700)}.ui-alert--info{background:var(--color-info-50);border-left-color:var(--color-info-500);color:var(--color-info-700)}.ui-alert--neutral{background:var(--bg-muted);border-left-color:var(--border-strong);color:var(--text-secondary)}.ui-skeleton{display:grid;gap:var(--space-2)}.ui-skeleton__line{display:block;height:var(--space-4);border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 37%,var(--bg-muted) 63%);background-size:400% 100%;animation:ui-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes ui-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.ui-skeleton__line{animation:none}}.ui-auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-subtle)}.ui-auth-layout__panel{display:grid;gap:var(--space-4);width:100%;max-width:var(--container-form);padding:var(--space-6);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-auth-layout__title{margin:0;font-size:var(--text-2xl);color:var(--text-primary)}.ui-auth-layout__title:focus{outline:none}.ui-auth-layout__title:focus-visible{box-shadow:var(--focus-ring)}.ui-auth-layout__subtitle{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.ui-skip-link{position:absolute;left:-9999px;top:auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary-600);color:var(--bg-base)}.ui-skip-link:focus{position:fixed;left:var(--space-4);top:var(--space-4);z-index:50}.ui-shell__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-base);border-bottom:1px solid var(--border)}.ui-shell__brand{font-size:var(--text-lg);font-weight:700;color:var(--color-primary-700)}.ui-shell__nav{display:flex;gap:var(--space-3)}.ui-shell__actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.ui-shell__main{max-width:var(--container-employee);margin:0 auto;padding:var(--space-4)}.ui-shell__main:focus{outline:none}.ui-shell__main:focus-visible{box-shadow:var(--focus-ring)}.ui-stack{display:grid;gap:var(--space-3)}.ui-list-plain{list-style:none;margin:0;padding:0}.ui-facts{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:var(--space-1) var(--space-4);margin:0;font-size:var(--text-sm)}.ui-facts dt{color:var(--text-muted)}.ui-facts dd{margin:0;overflow-wrap:anywhere}.ui-text-muted{color:var(--text-muted);font-size:var(--text-xs)}.ui-center{text-align:center}.ui-page-title{margin:0;font-size:var(--text-xl);color:var(--color-primary-700)}.ui-page-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}body{margin:0;background:var(--bg-subtle);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5}.health__list{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:var(--space-1) var(--space-4);margin:0;font-size:var(--text-sm)}.health__list dt{color:var(--text-muted)}.health__list dd{margin:0;overflow-wrap:anywhere}.health{display:flex;flex-direction:column;gap:var(--space-4)}.health__list{margin-top:var(--space-3)}.health__error{margin:var(--space-3) 0 0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.health__error-detail{font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}.health__empty{color:var(--text-muted)}.health__checks{margin:0;padding-left:var(--space-4)}.health__checks li{display:flex;gap:var(--space-2);justify-content:space-between}.health__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.health__actions button{font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-primary-600);background:var(--color-primary-600);color:var(--bg-base);cursor:pointer}.health__actions button:hover:not(:disabled){background:var(--color-primary-700)}.health__actions button:disabled{opacity:.6;cursor:progress}.health__checked-at{font-size:var(--text-xs);color:var(--text-muted)}