@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";:root{--neutral-0:#fff;--neutral-50:#f7f7f5;--neutral-100:#efefed;--neutral-150:#e9e9e7;--neutral-200:#e0e0dc;--neutral-300:#cececa;--neutral-400:#9b9a97;--neutral-500:#787774;--neutral-600:#5f5e5b;--neutral-700:#47463f;--neutral-800:#37352f;--neutral-900:#2a2925;--neutral-950:#1b1a17;--brand-50:#eef2ff;--brand-100:#dde4ff;--brand-200:#bcc8ff;--brand-300:#91a3fb;--brand-400:#6679f2;--brand-500:#4355e0;--brand-600:#3340c4;--brand-700:#2a35a0;--brand-800:#262e7f;--brand-900:#232a66;--accent-50:#e8f2fc;--accent-100:#cfe4fa;--accent-200:#a3cbf3;--accent-300:#6daeec;--accent-400:#3f96e8;--accent-500:#2383e2;--accent-600:#1a72ce;--accent-700:#185ca6;--accent-800:#184d87;--accent-900:#173f6d;--ai-50:#f5f0ff;--ai-100:#eae3ff;--ai-200:#dccaff;--ai-300:#c4a4ff;--ai-400:#a878fb;--ai-500:#8b50ee;--ai-600:#7338d4;--ai-700:#5d2bac;--ai-800:#4c2689;--ai-900:#3f216e;--info-50:#e9f3ff;--info-100:#cfe5ff;--info-500:#1b74e4;--info-600:#155cba;--info-700:#134a96;--success-50:#e6f7ee;--success-100:#c5edd6;--success-500:#16915a;--success-600:#11744a;--success-700:#0f5d3c;--warning-50:#fff4e0;--warning-100:#ffe6bd;--warning-500:#c47a12;--warning-600:#a0640d;--warning-700:#7f4f0c;--danger-50:#fdecec;--danger-100:#fbd2d2;--danger-500:#d23b3b;--danger-600:#b22a2a;--danger-700:#8f2222;--surface-app:var(--neutral-0);--surface-sidebar:var(--neutral-50);--surface-sunken:var(--neutral-50);--surface-card:var(--neutral-0);--surface-raised:var(--neutral-0);--surface-overlay:#0f0f0f52;--surface-hover:var(--neutral-100);--surface-active:var(--neutral-150);--surface-selected:var(--neutral-150);--content-strong:var(--neutral-900);--content-default:var(--neutral-800);--content-muted:var(--neutral-500);--content-subtle:var(--neutral-400);--content-inverse:var(--neutral-0);--content-link:var(--accent-600);--content-brand:var(--brand-600);--border-subtle:var(--neutral-100);--border-default:var(--neutral-150);--border-strong:var(--neutral-300);--border-focus:var(--accent-500);--brand-fg:var(--brand-600);--brand-solid:var(--brand-600);--brand-solid-hover:var(--brand-700);--accent-fg:var(--accent-600);--accent-solid:var(--accent-600);--accent-solid-hover:var(--accent-700);--accent-soft:var(--accent-50);--accent-soft-fg:var(--accent-700);--ai-fg:var(--ai-600);--ai-solid:var(--ai-600);--ai-solid-hover:var(--ai-700);--ai-soft:var(--ai-50);--ai-soft-fg:var(--ai-700);--ai-border:var(--ai-200);--info-fg:var(--info-700);--info-solid:var(--info-500);--info-soft:var(--info-50);--info-border:var(--info-100);--success-fg:var(--success-700);--success-solid:var(--success-500);--success-soft:var(--success-50);--success-border:var(--success-100);--warning-fg:var(--warning-700);--warning-solid:var(--warning-500);--warning-soft:var(--warning-50);--warning-border:var(--warning-100);--danger-fg:var(--danger-700);--danger-solid:var(--danger-500);--danger-soft:var(--danger-50);--danger-border:var(--danger-100);--provenance-human:var(--neutral-400);--provenance-ai:var(--ai-500)}[data-theme=dark]{--neutral-0:#1f1f1c;--neutral-50:#191917;--neutral-100:#252521;--neutral-150:#2f2f2b;--neutral-200:#3a3a35;--neutral-300:#4a4a44;--neutral-400:#6b6a64;--neutral-500:#908f88;--neutral-600:#a9a8a1;--neutral-700:#c7c6bf;--neutral-800:#e0dfd8;--neutral-900:#f1f0ea;--neutral-950:#fff;--brand-500:#6679f2;--brand-600:#8294ff;--brand-700:#a9b6ff;--accent-500:#2f8ae6;--accent-600:#4f9fec;--accent-700:#8fc1f3;--accent-50:#16283a;--ai-500:#a878fb;--ai-600:#b88dff;--ai-700:#cdacff;--ai-50:#251a3d;--ai-200:#4c2689;--info-500:#3d88fb;--info-700:#9cc3ff;--info-50:#15243a;--info-100:#1d3354;--success-500:#2bb673;--success-700:#7fe0b0;--success-50:#102a20;--success-100:#194636;--warning-500:#e2a13a;--warning-700:#f0c684;--warning-50:#2c2310;--warning-100:#473819;--danger-500:#ef5a5a;--danger-700:#ff9d9d;--danger-50:#2e1717;--danger-100:#4a2222;--surface-overlay:#0009;--surface-sidebar:var(--neutral-50);--surface-card:var(--neutral-0);--surface-raised:var(--neutral-100);--surface-selected:var(--neutral-150);--content-link:var(--accent-600);--content-brand:var(--brand-600)}[data-accent=blue]{--accent-50:#e8f2fc;--accent-100:#cfe4fa;--accent-200:#a3cbf3;--accent-300:#6daeec;--accent-400:#3f96e8;--accent-500:#2383e2;--accent-600:#1a72ce;--accent-700:#185ca6;--accent-800:#184d87;--accent-900:#173f6d}[data-accent=green]{--accent-50:#e7f4ec;--accent-100:#c6e6d2;--accent-200:#97d2ad;--accent-300:#5cb784;--accent-400:#2f9d65;--accent-500:#168a54;--accent-600:#117044;--accent-700:#0f5a38;--accent-800:#0f4a30;--accent-900:#0d3d28}[data-accent=violet]{--accent-50:#f1ecfd;--accent-100:#e0d4fb;--accent-200:#c6aef7;--accent-300:#a884f1;--accent-400:#8c5fe8;--accent-500:#7745db;--accent-600:#6233c0;--accent-700:#4f2a9c;--accent-800:#43267f;--accent-900:#392367}[data-accent=amber]{--accent-50:#fdf2e2;--accent-100:#f9e0bb;--accent-200:#f2c47e;--accent-300:#e8a23f;--accent-400:#d9881c;--accent-500:#bf7611;--accent-600:#9c5f0e;--accent-700:#7e4d0f;--accent-800:#66400f;--accent-900:#54360f}[data-accent=slate]{--accent-50:#eef0f3;--accent-100:#dde1e8;--accent-200:#c2c9d4;--accent-300:#9aa3b3;--accent-400:#6f7a8c;--accent-500:#515b6b;--accent-600:#404857;--accent-700:#343a47;--accent-800:#2b303a;--accent-900:#21262e}[data-theme=dark][data-accent=green]{--accent-500:#2bb673;--accent-600:#54c98c;--accent-700:#8fe0b4}[data-theme=dark][data-accent=violet]{--accent-500:#9b6ff0;--accent-600:#b48dff;--accent-700:#cdb0ff}[data-theme=dark][data-accent=amber]{--accent-500:#e0a13a;--accent-600:#edbc6b;--accent-700:#f4d49a}[data-theme=dark][data-accent=slate]{--accent-500:#8a93a3;--accent-600:#a7afbd;--accent-700:#c6ccd6}[data-theme=dark][data-accent=blue]{--accent-500:#2f8ae6;--accent-600:#4f9fec;--accent-700:#8fc1f3}[data-tone=muted]{--accent-soft:color-mix(in srgb, var(--accent-50) 50%, var(--neutral-50));--accent-soft-fg:color-mix(in srgb, var(--accent-700) 58%, var(--neutral-600));--accent-200:color-mix(in srgb, var(--accent-200) 55%, var(--neutral-200));--info-soft:color-mix(in srgb, var(--info-50) 50%, var(--neutral-50));--info-fg:color-mix(in srgb, var(--info-700) 60%, var(--neutral-600));--info-border:color-mix(in srgb, var(--info-100) 55%, var(--neutral-150));--info-solid:color-mix(in srgb, var(--info-500) 70%, var(--neutral-400));--success-soft:color-mix(in srgb, var(--success-50) 50%, var(--neutral-50));--success-fg:color-mix(in srgb, var(--success-700) 60%, var(--neutral-600));--success-border:color-mix(in srgb, var(--success-100) 55%, var(--neutral-150));--success-solid:color-mix(in srgb, var(--success-500) 70%, var(--neutral-400));--warning-soft:color-mix(in srgb, var(--warning-50) 50%, var(--neutral-50));--warning-fg:color-mix(in srgb, var(--warning-700) 60%, var(--neutral-600));--warning-border:color-mix(in srgb, var(--warning-100) 55%, var(--neutral-150));--warning-solid:color-mix(in srgb, var(--warning-500) 70%, var(--neutral-400));--danger-soft:color-mix(in srgb, var(--danger-50) 50%, var(--neutral-50));--danger-fg:color-mix(in srgb, var(--danger-700) 60%, var(--neutral-600));--danger-border:color-mix(in srgb, var(--danger-100) 55%, var(--neutral-150));--danger-solid:color-mix(in srgb, var(--danger-500) 72%, var(--neutral-400));--ai-soft:color-mix(in srgb, var(--ai-50) 52%, var(--neutral-50));--ai-soft-fg:color-mix(in srgb, var(--ai-700) 60%, var(--neutral-600));--ai-border:color-mix(in srgb, var(--ai-200) 50%, var(--neutral-150))}[data-radius=sharp]{--radius-xs:1px;--radius-sm:2px;--radius-md:3px;--radius-lg:5px;--radius-xl:8px}[data-radius=rounded]{--radius-xs:5px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px}[data-type=grotesk]{--font-sans:"Anuphan", "Sora", ui-sans-serif, system-ui, sans-serif;--font-latin:"Sora", "Anuphan", ui-sans-serif, system-ui, sans-serif}:root{--font-sans:"IBM Plex Sans Thai", "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-latin:"IBM Plex Sans", "IBM Plex Sans Thai", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.55;--leading-relaxed:1.7;--tracking-tight:-.011em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-mono:.01em;--font-display:var(--weight-semibold) var(--text-2xl)/var(--leading-tight) var(--font-sans);--font-title:var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);--font-heading:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-sans);--font-body:var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);--font-body-strong:var(--weight-semibold) var(--text-base)/var(--leading-normal) var(--font-sans);--font-label:var(--weight-medium) var(--text-xs)/var(--leading-snug) var(--font-sans);--font-caption:var(--weight-regular) var(--text-xs)/var(--leading-snug) var(--font-sans);--font-code:var(--weight-medium) var(--text-sm)/var(--leading-snug) var(--font-mono);--space-0:0;--space-px:1px;--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;--space-16:4rem;--space-20:5rem;--shell-rail-w:56px;--shell-nav-w:256px;--shell-rightrail-w:340px;--shell-header-h:52px;--container-max:1440px;--control-h:var(--control-h-comfortable);--control-h-sm:28px;--row-h:var(--row-h-comfortable);--radius-none:0;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--elevation-0:none;--elevation-1:0 1px 2px #0f0f0f0a;--elevation-2:0 1px 3px #0f0f0f0f, 0 0 0 1px #0f0f0f08;--elevation-3:0 0 0 1px #0f0f0f0d, 0 4px 10px #0f0f0f14, 0 9px 24px #0f0f0f12;--elevation-4:0 0 0 1px #0f0f0f0d, 0 12px 28px #0f0f0f24, 0 18px 44px #0f0f0f1a;--ring-focus:0 0 0 3px var(--accent-100);--ring-ai:0 0 0 3px var(--ai-100);--ring-danger:0 0 0 3px var(--danger-100);--z-base:0;--z-sticky:100;--z-rail:200;--z-dropdown:600;--z-popover:700;--z-tooltip:800;--z-overlay:900;--z-modal:1000;--z-toast:1100;--z-command:1200}[data-theme=dark]{--elevation-1:0 1px 2px #0006;--elevation-2:0 2px 6px #00000073;--elevation-3:0 8px 22px #00000080;--elevation-4:0 18px 48px #0009;--ring-focus:0 0 0 3px #3d88fb59;--ring-ai:0 0 0 3px #a878fb59}:root{--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--duration-instant:60ms;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--duration-slower:.38s}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-slower:0s}}:root,[data-density=comfortable]{--control-h-comfortable:36px;--row-h-comfortable:44px;--control-h:36px;--row-h:44px;--field-pad-y:var(--space-2);--field-pad-x:var(--space-3);--cell-pad-y:var(--space-3);--cell-pad-x:var(--space-4);--stack-gap:var(--space-4);--table-font:var(--text-base)}[data-density=compact]{--control-h:30px;--row-h:34px;--field-pad-y:var(--space-1);--field-pad-x:var(--space-2);--cell-pad-y:var(--space-2);--cell-pad-x:var(--space-3);--stack-gap:var(--space-3);--table-font:var(--text-sm)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:var(--font-body);color:var(--content-default);background:var(--surface-app);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"tnum" 0;margin:0}.tnum,td,th,.mono,code,kbd{font-feature-settings:"tnum" 1}h1,h2,h3,h4,h5,h6{color:var(--content-strong);font-weight:var(--weight-semibold);margin:0}p{margin:0}a{color:var(--content-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}::selection{background:var(--accent-100);color:var(--content-strong)}button{font:inherit}html,body,#root{min-height:100%}body{font:var(--font-body);font-family:var(--font-sans);color:var(--content-default);background:var(--surface-sunken)}#root{background:linear-gradient(180deg, var(--surface-card) 0, var(--surface-sunken) 360px), var(--surface-sunken)}.hb-auth-page{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.hb-loading-card{align-items:center;gap:var(--space-3);font:var(--font-body-strong);color:var(--content-muted);display:inline-flex}.hb-login-card{width:min(100%,420px)}.hb-recovery-stack{gap:var(--space-5);flex-direction:column;display:flex}.hb-recovery-stack>*{margin:0!important}.hb-login-wordmark,.hb-shell-brand{align-items:center;gap:var(--space-3);display:flex}.hb-login-wordmark{margin-bottom:var(--space-5)}.hb-login-mark,.hb-shell-mark{color:var(--content-inverse);background:var(--brand-solid);font:var(--weight-semibold) var(--text-sm) / 1 var(--font-latin);border-radius:var(--radius-md);box-shadow:var(--elevation-1);justify-content:center;align-items:center;display:inline-flex}.hb-login-mark{width:36px;height:36px}.hb-shell-mark{width:28px;height:28px}.hb-login-wordmark h1,.hb-shell-wordmark{color:var(--content-strong);font:var(--font-heading);margin:0}.hb-login-form{gap:var(--space-4);display:grid}.hb-login-error{padding:var(--space-3);color:var(--danger-fg);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md);font:var(--font-caption);margin:0}.hb-app-shell{background:var(--surface-sunken);min-height:100vh}.hb-shell-header{z-index:10;background:color-mix(in srgb, var(--surface-card) 92%, transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.hb-shell-bar{min-height:var(--shell-header-h);align-items:center;gap:var(--space-4);width:min(100%, var(--container-max));grid-template-columns:auto 1fr auto;margin:0 auto;display:grid;padding:0 var(--space-5)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.hb-shell-actions{justify-content:flex-end;display:flex}.hb-shell-main{width:min(100%, var(--container-max));padding:var(--space-6) var(--space-5);margin:0 auto}.hb-dashboard-page{gap:var(--space-5);display:grid}.hb-dashboard-card{min-height:160px}@media (width<=680px){.hb-auth-page{padding:var(--space-4)}.hb-shell-bar{gap:var(--space-3);grid-template-columns:1fr auto;padding:var(--space-3) var(--space-4)!important}.hb-shell-bar nav{grid-column:1/-1;width:100%;overflow-x:auto}.hb-shell-main{padding:var(--space-4)}}svg.lucide{flex-shrink:0}