:root{--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#dc2626;--color-red-600:#c0392b;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-brand:var(--color-red-500);--color-brand-hover:var(--color-red-800);--color-brand-soft:var(--color-red-50);--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-bg:#f4f6f9;--color-surface:#fff;--color-surface-2:#f8f9fb;--color-border:#e5e8ef;--color-text:#1a1d2e;--color-text-muted:#64748b;--color-heading:#111827;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-success-text:#166534;--color-warning:#d97706;--color-warning-soft:#fef3c7;--color-warning-text:#92400e;--color-info:#2563eb;--color-info-soft:#eff6ff;--color-info-text:#1d4ed8;--color-danger:#dc2626;--color-danger-soft:#fee2e2;--color-danger-text:#991b1b;--color-primary:#c0392b;--color-primary-soft:#fdf0ef;--color-primary-text:#7a1f15;--space-0:0;--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-1-5:6px;--space-2-5:10px;--space-3-5:14px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--radius-circle:50%;--shadow-xs:0 1px 2px #0f172a08;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0d;--shadow-md:0 6px 20px #0f172a0f, 0 2px 6px #0f172a0a;--shadow-lg:0 16px 40px #0f172a1a, 0 6px 16px #0f172a0f;--shadow-xl:0 28px 60px #0f172a24, 0 10px 24px #0f172a14;--font-family-sans:"Noto Sans Thai", "Inter", system-ui, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--text-5xl:48px;--leading-tight:1.25;--leading-normal:1.5;--leading-loose:1.8;--weight-normal:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;--weight-extra:800;--z-base:1;--z-sticky:100;--z-dropdown:1000;--z-modal:9000;--z-toast:9500;--z-overlay:10000;--transition-fast:.12s cubic-bezier(.4,0,.2,1);--transition-base:.18s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--easing-spring:cubic-bezier(.34,1.56,.64,1);--container-max:1280px;--container-narrow:720px;--sidebar-width:240px;--topbar-height:56px;--touch-min:44px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw;overflow-x:hidden}:root{--bg:#f4f6f9;--surface:#fff;--surface2:#f8f9fb;--border:#e5e8ef;--text:#1a1d2e;--muted:#5d6878;--heading:#111827;--red:#c0392b;--red-soft:#fdf0ef;--red-mid:#c0392b1f;--green:#16a34a;--yellow:#d97706;--blue:#2563eb;--purple:#7c3aed;--cyan:#0891b2;--green-soft:#f0fdf4;--yellow-soft:#fffbeb;--blue-soft:#eff6ff;--purple-soft:#f5f3ff;--cyan-soft:#ecfeff;--green-mid:#16a34a1f;--yellow-mid:#d977061f;--amber-mid:#d977061f;--blue-mid:#2563eb1f;--gray-mid:#8a93a824;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0d;--shadow:0 6px 20px #0f172a0f, 0 2px 6px #0f172a0a;--shadow-lg:0 16px 40px #0f172a1a, 0 6px 16px #0f172a0f;--radius:16px;--radius-pill:999px}body{color:var(--text);background-color:#0000;background-image:radial-gradient(50% 40% at 100% 0,#dc262608,#0000 60%),linear-gradient(#f6f8fb 0%,#eef2f7 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:Noto Sans Thai,Inter,system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){outline-offset:3px}:focus-visible{outline-offset:3px;outline:3px solid #dc262647}img,svg,canvas,video{max-width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}