:root{--primary-50: #ECF7F2;--primary-100: #D3EEE2;--primary-300: #5FD3A8;--primary-500: #10916A;--primary-600: #0B6E4F;--primary-700: #08573F;--accent-500: #F2A93B;--ink-900: #14213D;--slate-50: #F8FAFC;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-900: #0F172A;--surface-50: #F8FAFC;--surface-0: #FFFFFF;--density-free: #15803D;--density-near: #B45309;--density-full: #B91C1C;--info: #1D4ED8;--font-sans: "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;--font-display: "Anuphan", "IBM Plex Sans Thai", sans-serif;--font-brand: "Lexend", "Anuphan", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-monogram: "Lexend", "Noto Sans Thai Looped", "IBM Plex Sans Thai", sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fs-4xl: 48px;--fs-5xl: 60px;--fs-tv: 96px;--lh-thai: 1.6;--lh-tight: 1.25;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(15,23,42,.05);--shadow-modal: 0 24px 48px -12px rgba(15,23,42,.28);--touch: 44px;--motion-fast: .12s;--motion-base: .2s;--easing: cubic-bezier(.2,.8,.2,1);--bg: var(--slate-50);--bg-elev: var(--surface-0);--bg-subtle: var(--slate-100);--text: var(--slate-900);--text-muted: var(--slate-600);--border: var(--slate-200);--border-strong: var(--slate-300);--brand: var(--primary-600);--brand-strong: var(--primary-700);--brand-soft: var(--primary-50);--on-brand: #FFFFFF;--focus: var(--info);--track: var(--slate-200);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0B1120;--bg-elev: #111A2C;--bg-subtle: #172238;--text: #F1F5F9;--text-muted: #A9B6CA;--border: #1F2B42;--border-strong: #2C3A55;--brand: var(--primary-300);--brand-strong: #7FE0BC;--brand-soft: #0F2A24;--on-brand: #0B1120;--focus: var(--accent-500);--track: #1F2B42;color-scheme:dark}}:root[data-theme=dark]{--bg: #0B1120;--bg-elev: #111A2C;--bg-subtle: #172238;--text: #F1F5F9;--text-muted: #A9B6CA;--border: #1F2B42;--border-strong: #2C3A55;--brand: var(--primary-300);--brand-strong: #7FE0BC;--brand-soft: #0F2A24;--on-brand: #0B1120;--focus: var(--accent-500);--track: #1F2B42;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-thai);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;word-break:normal;overflow-wrap:anywhere}h1,h2,h3{font-family:var(--font-display);line-height:1.3;margin:0 0 var(--space-3);font-weight:600;letter-spacing:-.01em}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0 0 var(--space-3)}a{color:var(--brand)}.num{font-variant-numeric:tabular-nums;font-family:var(--font-brand)}.muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--bg-elev);padding:8px 12px;border-radius:var(--radius-sm)}.skip-link:focus{left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font:600 var(--fs-md)/1 var(--font-sans);cursor:pointer;text-decoration:none;text-align:center;line-height:1.25;transition:background var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing),box-shadow var(--motion-fast) var(--easing),transform var(--motion-fast) var(--easing)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--on-brand);box-shadow:0 1px 2px #0f172a1f,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--brand-strong)}.btn-accent{background:var(--accent-500);color:var(--ink-900)}.btn-secondary{background:var(--bg-elev);color:var(--text);border-color:var(--border-strong);box-shadow:0 1px 2px #0f172a0d}.btn-secondary:hover{background:var(--bg-subtle)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--bg-subtle)}.btn-accent:hover{background:#e89a26}.btn-line{background:#06c755;color:#0b2e13;font-weight:600}.btn-block{width:100%}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--fs-sm);border-radius:8px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.eyebrow-label{font:600 var(--fs-sm)/1.4 var(--font-brand);letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}::selection{background:color-mix(in srgb,var(--brand) 22%,transparent)}.field{display:grid;gap:var(--space-1);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);font-weight:500}.input{min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--bg-elev);color:var(--text);font:inherit;width:100%}.input{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:500}.badge-free{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.badge-live{background:var(--density-full);color:#fff;letter-spacing:.06em;font-family:var(--font-brand);font-size:var(--fs-xs)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .badge-free{color:var(--primary-300)}}:root[data-theme=dark] .badge-free{color:var(--primary-300)}.progress{height:10px;background:var(--track);border-radius:var(--radius-pill);overflow:hidden}.progress>span{display:block;height:100%;background:var(--brand);border-radius:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root{--space-5: 20px;--space-10: 40px;--space-16: 64px;--radius-xl: 24px;--shadow-1: 0 1px 2px rgba(15,23,42,.06);--shadow-2: 0 4px 12px -2px rgba(15,23,42,.08), 0 2px 4px -2px rgba(15,23,42,.04);--shadow-3: 0 20px 40px -12px rgba(15,23,42,.22);--danger: #B91C1C;--success: #166534;--warning: #92400E;--on-danger: #FFFFFF;--input-border: var(--slate-500);--status-info: #1D4ED8;--skeleton: #E2E8F0;--skeleton-hi: #F1F5F9}:root[data-theme=dark]{--skeleton: #172238;--skeleton-hi: #1F2B42;--danger: #FCA5A5;--success: #4ADE80;--warning: #FBBF24;--on-danger: var(--ink-900);--input-border: #6E7F9C;--status-info: #93C5FD}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--skeleton: #172238;--skeleton-hi: #1F2B42;--danger: #FCA5A5;--success: #4ADE80;--warning: #FBBF24;--on-danger: var(--ink-900);--input-border: #6E7F9C;--status-info: #93C5FD}}.btn[disabled],.btn[aria-busy=true]{opacity:.6;cursor:not-allowed}.btn-danger{background:var(--danger);color:var(--on-danger)}.btn-lg{min-height:52px;padding:0 var(--space-6);font-size:var(--fs-lg)}.spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:nq-spin .7s linear infinite}@keyframes nq-spin{to{transform:rotate(360deg)}}.field .hint{font-size:var(--fs-sm);color:var(--text-muted)}.field .error{font-size:var(--fs-sm);color:var(--danger)}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{padding:var(--space-2) var(--space-3);min-height:96px;line-height:var(--lh-thai)}.st-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;line-height:1.6;white-space:nowrap}.st-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip-success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.chip-warning{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.chip-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.chip-info{background:color-mix(in srgb,var(--status-info) 14%,transparent);color:var(--status-info)}.chip-neutral{background:var(--track);color:var(--text-muted)}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton) 25%,var(--skeleton-hi) 50%,var(--skeleton) 75%);background-size:200% 100%;animation:nq-shimmer 1.2s ease-in-out infinite}@keyframes nq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.unsaved{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--warning);font-weight:500;margin-right:auto}.unsaved:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}nq-shell main h1{font-size:26px;letter-spacing:-.02em;font-weight:600}nq-shell main h2{letter-spacing:-.01em;font-size:18px}nq-shell main .card{box-shadow:0 1px 2px #0f172a0a}nq-shell main table{border-collapse:collapse}nq-shell main thead th{font-size:13px;font-weight:500;color:var(--text-muted);text-align:left;background:var(--bg-subtle)}nq-shell main tbody tr{transition:background var(--motion-fast)}nq-shell main tbody tr:hover{background:color-mix(in srgb,var(--text) 3%,transparent)}nq-admin-shell main h1{font-size:26px;letter-spacing:-.02em}@media(max-width:640px){table.stack,table.stack tbody{display:block!important;width:100%!important;min-width:0!important}table.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}table.stack tbody tr{display:grid!important;gap:2px;padding:12px 14px;border-bottom:1px solid var(--border)}table.stack tbody tr:last-child{border-bottom:0}table.stack tbody td{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:4px 0!important;border:0!important;white-space:normal!important;text-align:right!important;min-width:0;overflow-wrap:anywhere}table.stack tbody td:before{content:attr(data-label);flex:none;max-width:45%;text-align:left;color:var(--text-muted);font-size:13px;font-weight:500}table.stack tbody td:first-child{text-align:left!important;font-weight:600}table.stack tbody td:first-child:before{display:none}table.stack tbody td[data-label=""]:before,table.stack tbody td:not([data-label]):before{display:none}table.stack tbody td[colspan]{justify-content:center}table.stack tbody td .input{width:auto;max-width:60%}table.stack tbody td>.acts,table.stack tbody td>div{justify-content:flex-end;flex-wrap:wrap}.tw:has(>table.stack){overflow:visible!important}}:root{--sso-g-bg: #FFFFFF;--sso-g-border: #747775;--sso-g-text: #1F1F1F;--sso-g-hover: #F2F2F2;--sso-ms-bg: #FFFFFF;--sso-ms-border: #8C8C8C;--sso-ms-text: #5E5E5E;--sso-ms-hover: #F3F3F3}:root[data-theme=dark]{--sso-g-bg: #131314;--sso-g-border: #8E918F;--sso-g-text: #E3E3E3;--sso-g-hover: #1F1F20;--sso-ms-bg: #2F2F2F;--sso-ms-border: #2F2F2F;--sso-ms-text: #FFFFFF;--sso-ms-hover: #3B3B3B}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--sso-g-bg: #131314;--sso-g-border: #8E918F;--sso-g-text: #E3E3E3;--sso-g-hover: #1F1F20;--sso-ms-bg: #2F2F2F;--sso-ms-border: #2F2F2F;--sso-ms-text: #FFFFFF;--sso-ms-hover: #3B3B3B}}:root{--switch-off: #7C8BA1}:root[data-theme=dark]{--switch-off: #6E7F9C}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--switch-off: #6E7F9C}}input.switch{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:40px;height:24px;margin:0;border:0;border-radius:var(--radius-pill);background:var(--switch-off);cursor:pointer;vertical-align:middle;transition:background var(--motion-fast) var(--easing)}input.switch:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a4d;transition:transform var(--motion-fast) var(--easing)}input.switch:checked{background:var(--brand)}input.switch:checked:before{transform:translate(16px)}input.switch:disabled{opacity:.5;cursor:not-allowed}input.switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.switch-row{display:flex;width:fit-content;max-width:100%;align-items:center;gap:12px;min-height:var(--touch);cursor:pointer;font-size:var(--fs-md);line-height:1.4}.switch-row .st{font-size:var(--fs-sm);color:var(--text-muted)}.switch-row input:checked~.st{color:var(--success);font-weight:500}.mi{display:flex;width:100%;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:0;border-radius:6px;background:none;color:var(--text);font:500 var(--fs-sm) var(--font-sans);text-align:left;cursor:pointer;text-decoration:none;white-space:nowrap}.mi:hover,.mi:focus-visible{background:var(--bg-subtle);outline:none}.mi.danger{color:var(--danger)}.mi[disabled]{opacity:.5;cursor:not-allowed}.mi-sep{height:1px;background:var(--border);margin:4px 0;border:0}@media(max-width:640px){.mi{min-height:44px}}nq-shell main .head{margin-bottom:var(--space-6)}.head hgroup{display:grid;gap:2px;min-width:0;margin:0}.head hgroup p{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.btn-icon{min-width:36px;padding:0}.btn-icon.btn{min-width:var(--touch)}.btn-icon.btn-sm{min-width:36px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:var(--space-4)}.toolbar .grow{flex:1 1 200px;min-width:0}.btn-group{display:inline-flex}.btn-group>.btn,.head .btn-group>.btn{border-radius:0;margin-left:-1px}.btn-group>.btn:first-child,.head .btn-group>.btn:first-child{border-radius:8px 0 0 8px;margin-left:0}.btn-group>.btn:last-child,.head .btn-group>.btn:last-child{border-radius:0 8px 8px 0}.btn-group>.btn:hover{position:relative;z-index:1}.search{position:relative;display:flex;align-items:center}.search nq-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.search .input{padding-left:34px}nq-shell main thead th{position:sticky;top:0;z-index:1}@media(min-width:641px){nq-shell main .tw,nq-shell main .tbl-wrap{max-height:min(72vh,760px);overflow:auto}}@media(max-width:640px){nq-shell main .btn-sm,nq-shell main .head .btn{min-height:var(--touch)}nq-shell main .btn-icon.btn-sm{min-width:var(--touch)}nq-shell main .head{margin-bottom:var(--space-4)}nq-shell main .head h1{font-size:22px}nq-shell main .head hgroup p:not(.keep){display:none}}.av-c{--h: 152;background:hsl(var(--h) 60% 93%);color:hsl(var(--h) 55% 26%);border:1px solid hsl(var(--h) 45% 84%)}:root[data-theme=dark] .av-c{background:hsl(var(--h) 35% 20%);color:hsl(var(--h) 70% 82%);border-color:hsl(var(--h) 30% 30%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .av-c{background:hsl(var(--h) 35% 20%);color:hsl(var(--h) 70% 82%);border-color:hsl(var(--h) 30% 30%)}}:root{--serp-link: #1A0DAB}:root[data-theme=dark]{--serp-link: #8AB4F8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--serp-link: #8AB4F8}}.nq-prefs{display:inline-flex;align-items:center;gap:8px}@media print{nq-public-header,nq-public-footer,nq-theme-menu,.skip-link{display:none!important}}