*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans,"Inter","Sarabun",system-ui,sans-serif);background-color:var(--color-bg-app,#f4f6f9);color:var(--color-text-primary,#0b1020);-webkit-font-smoothing:antialiased}:root{--color-navy-950:#2d3034;--color-navy-900:#545859;--color-navy-800:#626669;--color-navy-700:#757a7f;--color-navy-600:#888d93;--color-navy-500:#9ba0a6;--color-navy-400:#aeb3ba;--color-gold-600:#e6b800;--color-gold-500:#FFD100;--color-gold-400:#ffd933;--color-gold-300:#ffe066;--color-gold-200:#ffed99;--color-gold-100:#fff7cc;--color-status-healthy:#22c55e;--color-status-degraded:#f59e0b;--color-status-down:#ef4444;--color-status-dev:#3b82f6;--color-status-healthy-subtle:rgba(34,197,94,0.12);--color-status-degraded-subtle:rgba(245,158,11,0.12);--color-status-down-subtle:rgba(239,68,68,0.12);--color-status-dev-subtle:rgba(59,130,246,0.12);--color-status-healthy-border:rgba(34,197,94,0.30);--color-status-degraded-border:rgba(245,158,11,0.30);--color-status-down-border:rgba(239,68,68,0.30);--color-status-dev-border:rgba(59,130,246,0.30);--color-text-on-danger:#ffffff}:root,html[data-theme=light]{color-scheme:light;--color-bg-app:#f4f6f9;--color-bg-card:#ffffff;--color-bg-input:#ffffff;--color-bg-subtle:#edf0f5;--color-bg-overlay:rgba(0,0,0,0.40);--color-bg-surface:var(--color-bg-card);--color-bg-muted:var(--color-bg-subtle);--color-text-primary:#0b1020;--color-text-secondary:#5a677d;--color-text-muted:#5e6d82;--color-text-inverse:#ffffff;--color-text-on-gold:#0b1020;--color-border-default:#e2e8f0;--color-border-strong:#c5ced9;--color-border-focus:#FFD100;--color-sidebar-bg:var(--color-navy-900);--color-sidebar-text:rgba(255,255,255,0.85);--color-sidebar-text-muted:rgba(255,255,255,0.45);--color-sidebar-active-bg:rgba(255,209,0,0.15);--color-sidebar-active-text:var(--color-gold-500);--color-sidebar-border:rgba(255,255,255,0.08);--color-sidebar-hover-bg:rgba(255,255,255,0.06);--color-sidebar-toggle-bg:transparent;--sidebar-toggle-size:28px;--sidebar-toggle-radius:var(--radius-md,8px);--sidebar-toggle-border-w:1px;--sidebar-toggle-shadow:none;--sidebar-toggle-hover-scale:1;--color-primary:var(--color-gold-500);--color-primary-hover:var(--color-gold-400);--color-primary-active:var(--color-gold-600);--color-primary-subtle:var(--color-gold-100);--color-text-on-primary-subtle:#0b1020;--color-focus-ring:rgba(255,209,0,0.20);--color-gold-tint:rgba(255,209,0,0.20);--color-scrollbar-thumb:rgba(255,255,255,0.10);--color-bg-sidebar:var(--color-bg-card);--color-bg-active:var(--color-primary-subtle);--color-bg-hover:rgba(0,0,0,0.04);--color-brand-primary:var(--color-primary);--color-brand-primary-light:var(--color-primary-subtle);--color-text-disabled:#b0bec5;--color-progress-track:var(--color-bg-subtle);--color-error:var(--color-status-down);--color-error-500:var(--color-status-down);--color-error-bg:var(--color-status-down-subtle);--color-error-border:var(--color-status-down-border);--color-success:var(--color-status-healthy);--color-success-500:var(--color-status-healthy);--color-success-bg:var(--color-status-healthy-subtle);--color-success-dark:#15803d;--color-warning:var(--color-status-degraded);--color-warning-500:var(--color-status-degraded);--color-warning-bg:var(--color-status-degraded-subtle);--color-warning-border:var(--color-status-degraded-border);--color-warning-fg:#d97706}.dark,html[data-theme=dark]{color-scheme:dark;--color-bg-app:#161719;--color-bg-card:#1f2123;--color-bg-input:#26282b;--color-bg-subtle:#26282b;--color-bg-overlay:rgba(0,0,0,0.60);--color-bg-surface:var(--color-bg-card);--color-bg-muted:var(--color-bg-subtle);--color-text-primary:#f2f3f4;--color-text-secondary:#a7acb2;--color-text-muted:#90959a;--color-text-inverse:var(--color-navy-950);--color-text-on-gold:var(--color-navy-950);--color-border-default:#33363a;--color-border-strong:var(--color-navy-700);--color-border-focus:#FFD100;--color-sidebar-bg:var(--color-navy-900);--color-sidebar-text:rgba(255,255,255,0.85);--color-sidebar-text-muted:rgba(255,255,255,0.45);--color-sidebar-active-bg:rgba(255,209,0,0.15);--color-sidebar-active-text:var(--color-gold-500);--color-sidebar-border:rgba(255,255,255,0.08);--color-sidebar-hover-bg:rgba(255,255,255,0.06);--color-sidebar-toggle-bg:transparent;--sidebar-toggle-size:28px;--sidebar-toggle-radius:var(--radius-md,8px);--sidebar-toggle-border-w:1px;--sidebar-toggle-shadow:none;--sidebar-toggle-hover-scale:1;--color-primary:var(--color-gold-500);--color-primary-hover:var(--color-gold-400);--color-primary-active:var(--color-gold-600);--color-primary-subtle:rgba(255,209,0,0.12);--color-text-on-primary-subtle:var(--color-gold-500);--color-bg-sidebar:var(--color-bg-card);--color-bg-active:var(--color-primary-subtle);--color-bg-hover:rgba(255,255,255,0.06);--color-brand-primary:var(--color-primary);--color-brand-primary-light:var(--color-primary-subtle);--color-text-disabled:var(--color-navy-800);--color-progress-track:var(--color-border-strong);--color-error:var(--color-status-down);--color-error-500:var(--color-status-down);--color-error-bg:var(--color-status-down-subtle);--color-error-border:var(--color-status-down-border);--color-success:var(--color-status-healthy);--color-success-500:var(--color-status-healthy);--color-success-bg:var(--color-status-healthy-subtle);--color-success-dark:#4ade80;--color-warning:var(--color-status-degraded);--color-warning-500:var(--color-status-degraded);--color-warning-bg:var(--color-status-degraded-subtle);--color-warning-border:var(--color-status-degraded-border);--color-warning-fg:#fbbf24}@media (prefers-color-scheme:dark){html[data-theme=system]{color-scheme:dark;--color-bg-app:#161719;--color-bg-card:#1f2123;--color-bg-input:#26282b;--color-bg-subtle:#26282b;--color-bg-overlay:rgba(0,0,0,0.60);--color-bg-surface:var(--color-bg-card);--color-bg-muted:var(--color-bg-subtle);--color-text-primary:#f2f3f4;--color-text-secondary:#a7acb2;--color-text-muted:#90959a;--color-text-inverse:var(--color-navy-950);--color-text-on-gold:var(--color-navy-950);--color-border-default:#33363a;--color-border-strong:var(--color-navy-700);--color-border-focus:#FFD100;--color-primary-subtle:rgba(255,209,0,0.12);--color-text-on-primary-subtle:var(--color-gold-500);--color-bg-sidebar:var(--color-bg-card);--color-bg-active:var(--color-primary-subtle);--color-bg-hover:rgba(255,255,255,0.06);--color-brand-primary:var(--color-primary);--color-brand-primary-light:var(--color-primary-subtle);--color-text-disabled:var(--color-navy-800);--color-progress-track:var(--color-border-strong);--color-error:var(--color-status-down);--color-error-500:var(--color-status-down);--color-error-bg:var(--color-status-down-subtle);--color-error-border:var(--color-status-down-border);--color-success:var(--color-status-healthy);--color-success-500:var(--color-status-healthy);--color-success-bg:var(--color-status-healthy-subtle);--color-success-dark:#4ade80;--color-warning:var(--color-status-degraded);--color-warning-500:var(--color-status-degraded);--color-warning-bg:var(--color-status-degraded-subtle);--color-warning-border:var(--color-status-degraded-border);--color-warning-fg:#fbbf24}}:root{--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter","Sarabun",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-tight:-0.01em;--tracking-normal:0em;--tracking-wide:0.01em;--tracking-wider:0.05em;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(11,16,32,0.06);--shadow-sm:0 1px 4px rgba(11,16,32,0.08);--shadow-card:0 1px 4px rgba(11,16,32,0.08),0 4px 16px rgba(11,16,32,0.04);--shadow-md:0 4px 12px rgba(11,16,32,0.10);--shadow-lg:0 8px 24px rgba(11,16,32,0.12);--shadow-dropdown:0 8px 24px rgba(11,16,32,0.12);--shadow-modal:0 20px 60px rgba(11,16,32,0.20)}.dark,html[data-theme=dark]{--shadow-xs:0 1px 2px rgba(0,0,0,0.20);--shadow-sm:0 1px 4px rgba(0,0,0,0.25);--shadow-card:0 1px 4px rgba(0,0,0,0.25),0 4px 16px rgba(0,0,0,0.20);--shadow-md:0 4px 12px rgba(0,0,0,0.30);--shadow-lg:0 8px 24px rgba(0,0,0,0.35);--shadow-dropdown:0 8px 24px rgba(0,0,0,0.35);--shadow-modal:0 20px 60px rgba(0,0,0,0.50)}@media (prefers-color-scheme:dark){html[data-theme=system]{--shadow-xs:0 1px 2px rgba(0,0,0,0.20);--shadow-sm:0 1px 4px rgba(0,0,0,0.25);--shadow-card:0 1px 4px rgba(0,0,0,0.25),0 4px 16px rgba(0,0,0,0.20);--shadow-md:0 4px 12px rgba(0,0,0,0.30);--shadow-lg:0 8px 24px rgba(0,0,0,0.35);--shadow-dropdown:0 8px 24px rgba(0,0,0,0.35);--shadow-modal:0 20px 60px rgba(0,0,0,0.50)}}:root{--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--transition-fast:100ms ease;--transition-base:150ms ease;--transition-slow:250ms ease;--transition-theme:200ms ease;--locale-currency:"THB";--locale-primary:"th"}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ntai-page-loader-autohide{to{opacity:0;visibility:hidden}}[data-nt-page-loader-state]{opacity:1;visibility:visible;background-color:var(--color-bg-app,#f4f6f9);color:var(--color-text-secondary,#5a677d)}[data-nt-page-loader-state=visible]{animation:ntai-page-loader-autohide 0s linear 10s forwards;pointer-events:auto!important}[data-nt-page-loader-state=hidden]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base,.15s ease),visibility 0s linear .15s}@media (prefers-reduced-motion:reduce){[data-nt-page-loader-state=hidden]{transition:opacity 0s linear,visibility 0s linear .15s}}