:root{--color-primary: #1c2f5e;--color-primary-hover: #26406f;--color-primary-tint: #eaeef7;--color-primary-tint-2: #eef1f8;--color-login-panel: #16264d;--color-order-backdrop: #0c1428;--color-order-shell-backdrop: #eef0f4;--color-page-bg: #f7f8fa;--color-sidebar-bg: #fbfbfd;--color-card-bg: #ffffff;--color-border: #e6e8ee;--color-divider: #f1f2f6;--color-text: #09090b;--color-text-muted: #71717a;--color-text-subtle: #8b909c;--color-text-faint: #a1a1aa;--color-text-label: #3f3f46;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-warning: #b45309;--color-warning-bg: #fffbeb;--color-danger: #b91c1c;--color-danger-strong: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-info: #1d4ed8;--color-info-bg: #eff6ff;--color-hover-bg: #f4f4f5;--color-hover-bg-subtle: #f7f8fa;--color-nav-idle: #52525b;--color-text-strong: #18181b;--color-accent-light: #93c5fd;--color-accent-pale: #dbe6ff;--color-role-admin: #4338ca;--color-role-admin-bg: #eef2ff;--color-neutral: #52525b;--color-neutral-bg: #f4f4f5;--color-chevron: #c4c7cf;--color-document-bg: #e8eaef;--color-chart-in: #15803d;--color-chart-out: #d97706;--color-skeleton: #e9eaee;--color-skeleton-alt: #eef0f3;--color-skeleton-block: #f2f3f6;--font-family: "Inter", "Noto Sans Thai", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-h1: 22px;--letter-spacing-h1: -.02em;--font-size-section: 15px;--font-size-body: 14px;--line-height-body: 1.55;--font-size-table-header: 13.5px;--font-size-label: 12.5px;--font-size-meta: 11.5px;--font-size-kpi: 22px;--font-weight-kpi: 650;--card-padding: 15px;--page-padding-desktop: 22px 20px;--page-padding-phone: 16px 14px;--grid-gap: 12px;--field-gap: 14px;--radius-card: 10px;--radius-input: 8px;--radius-button: 8px;--radius-pill: 999px;--radius-avatar: 50%;--control-button: 32px;--control-input: 40px;--control-input-mobile: 44px;--control-search: 44px;--focus-ring-color: #1c2f5e;--focus-ring-shadow: 0 0 0 3px rgba(28, 47, 94, .12);--shadow-dropdown: 0 12px 28px rgba(16, 24, 40, .12);--shadow-dialog: 0 20px 50px rgba(0, 0, 0, .25);--shadow-toast: 0 10px 30px rgba(8, 15, 35, .3);--shadow-order-shell: 0 0 40px rgba(8, 15, 35, .07);--overlay: rgba(9, 9, 11, .45);--sidebar-width: 248px;--content-max-width: 1180px;--order-max-width: 820px;--drawer-width: min(264px, 82vw);--topbar-height: 60px;--topbar-bg: rgba(255, 255, 255, .9);--z-comment-clickaway: 45;--z-header: 50;--z-dialog: 80;--z-pins: 88;--z-toast: 90;--z-drawer: 93}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);background:var(--color-page-bg);-webkit-font-smoothing:antialiased}input,select,button,textarea{font-family:inherit}::placeholder{color:var(--color-text-faint)}