@charset "UTF-8";@font-face{font-family:Prompt;src:url(/fonts/prompt/Prompt-Regular-thai.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt/Prompt-Regular-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122;font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt/Prompt-Bold-thai.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt/Prompt-Bold-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122;font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt/Prompt-ExtraBold-thai.woff2) format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;font-weight:800 900;font-style:normal;font-display:swap}@font-face{font-family:Prompt;src:url(/fonts/prompt/Prompt-ExtraBold-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122;font-weight:800 900;font-style:normal;font-display:swap}:root{--color-paper: oklch(99.2% .002 60);--color-paper-2: oklch(97.6% .003 58);--color-paper-3: oklch(94.6% .004 55);--color-paper-4: oklch(90% .005 52);--color-rule: oklch(91% .004 55);--color-rule-strong: oklch(83% .005 50);--color-ink: oklch(24% .012 50);--color-ink-2: oklch(37% .012 50);--color-ink-3: oklch(50% .01 50);--color-ink-4: oklch(63% .008 50);--color-ink-5: oklch(74% .006 50);--color-accent: oklch(56% .21 27);--color-accent-hover: oklch(50% .21 27);--color-accent-active: oklch(46% .205 27);--color-accent-soft: oklch(96% .035 27);--color-accent-soft-2: oklch(92.5% .05 27);--color-accent-ink: oklch(45% .18 27);--color-accent-ring: oklch(64% .19 27 / 35%);--color-on-accent: oklch(99% .01 27);--color-btn-primary: var(--color-accent);--color-btn-primary-hover: var(--color-accent-hover);--color-btn-primary-active: var(--color-accent-active);--color-btn-primary-fg: var(--color-on-accent);--sidebar-bg: oklch(23% .01 255);--sidebar-bg-2: oklch(19% .01 255);--sidebar-rule: oklch(100% 0 0 / 9%);--sidebar-fg: oklch(96% .004 250);--sidebar-fg-muted: oklch(72% .008 255);--sidebar-fg-dim: oklch(60% .008 255);--sidebar-item-hover: oklch(100% 0 0 / 6%);--sidebar-item-active: oklch(100% 0 0 / 10%);--sidebar-active-icon: oklch(66% .2 27);--sidebar-pop-bg: oklch(28% .012 255);--sidebar-pop-rule: oklch(100% 0 0 / 14%);--sidebar-pop-shadow: 0 16px 40px oklch(0% 0 0 / .55), 0 4px 12px oklch(0% 0 0 / .4);--color-success: oklch(58% .14 152);--color-success-soft: oklch(96% .03 152);--color-warn: oklch(74% .16 75);--color-warn-soft: oklch(96% .04 80);--color-danger: oklch(56% .2 25);--color-danger-soft: oklch(96% .03 25);--color-info: oklch(56% .13 245);--color-info-soft: oklch(96% .03 245);--color-group-1: oklch(93% .03 235);--color-group-2: oklch(93% .035 145);--color-group-3: oklch(93% .035 95);--color-group-4: oklch(93% .045 55);--color-group-5: oklch(93% .04 20);--color-group-6: oklch(93% .03 265);--color-group-7: oklch(93% .035 165);--color-group-total: oklch(72% .1 240);--color-group-zone: oklch(80% .08 240);--color-group-region: oklch(88% .06 240);--shadow-color: 25% .005 50;--shadow-xs: 0 1px 2px oklch(25% .005 50 / .03);--shadow-sm: 0 1px 3px oklch(25% .005 50 / .04), 0 2px 8px oklch(25% .005 50 / .02);--shadow-md: 0 4px 12px oklch(25% .005 50 / .03), 0 2px 4px oklch(25% .005 50 / .02);--shadow-lg: 0 10px 24px oklch(25% .005 50 / .04), 0 3px 8px oklch(25% .005 50 / .02);--shadow-pop: 0 16px 40px oklch(25% .005 50 / .08), 0 4px 12px oklch(25% .005 50 / .04);--color-focus: oklch(56% .21 27);--font-ui: "Prompt", "Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans Thai", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-display: 2.25rem;--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;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--rule-thin: 1px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: 80ms;--dur-base: .14s;--dur-slow: .22s;--sidebar-width: 244px;--topbar-height: 56px;--z-base: 1;--z-sticky: 100;--z-dropdown: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-paper-2);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{margin:0;padding:0;list-style:none}img,svg,video,canvas{display:block}img,video,canvas{max-width:100%}::selection{background:var(--color-accent-soft-2);color:var(--color-accent-ink)}*{scrollbar-width:thin;scrollbar-color:var(--color-ink-5) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-ink-5);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-4);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}html{overflow-x:clip}button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}.btn-ghost{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:var(--color-ink-2);background:transparent;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn-ghost app-icon{color:currentColor;opacity:.75;transition:opacity var(--dur-fast) var(--ease-out)}.btn-ghost:hover:not(:disabled){background:var(--color-paper-3);color:var(--color-ink)}.btn-ghost:hover:not(:disabled) app-icon{opacity:1}.btn-ghost.danger:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger)}.btn-ghost:disabled{color:var(--color-ink-5);cursor:not-allowed}.col-actions .btn-ghost{opacity:.55;transition:opacity var(--dur-base) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.col-actions .btn-ghost+.btn-ghost{margin-left:var(--space-1)}tr:hover .col-actions .btn-ghost,tr:focus-within .col-actions .btn-ghost{opacity:1}@media(prefers-reduced-motion:reduce){.col-actions .btn-ghost{opacity:1}}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
