:root{--c-bg:#f4f6f9;--c-surface:#fff;--c-surface-2:#f9fafc;--c-chrome:#11182a;--c-chrome-2:#1b2436;--c-chrome-ink:#e7ebf3;--c-chrome-ink-muted:#97a1b8;--c-text:#1c2433;--c-text-muted:#586073;--c-text-faint:#828b9d;--c-border:#e2e6ee;--c-border-strong:#cdd3df;--c-primary:#2457e6;--c-primary-hover:#1c47c4;--c-primary-soft:#eaf0ff;--c-primary-ink:#1740b8;--c-success:#1a8a4d;--c-success-soft:#e6f5ec;--c-warning:#b7791f;--c-warning-soft:#fbf2dd;--c-danger:#d33030;--c-danger-hover:#b91f1f;--c-danger-soft:#fcebeb;--c-neutral-soft:#eef0f4;--radius:9px;--radius-sm:6px;--radius-lg:14px;--space:16px;--shadow-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--shadow-md:0 4px 12px rgba(16,24,40,.08),0 2px 4px rgba(16,24,40,.05);--shadow-lg:0 16px 40px rgba(16,24,40,.16);--z-sticky:100;--z-sidebar:200;--z-backdrop:900;--z-modal:1000;--z-toast:1100;--ease-out:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Noto Sans Thai,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Sarabun,Tahoma,sans-serif;font-size:15px;line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}.app-shell{min-height:100vh}h1,h2,h3,h4{color:var(--c-text);font-weight:650;line-height:1.25;margin:0;text-wrap:balance}h1{font-size:1.5rem;letter-spacing:-.01em}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 .8em}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--c-text-muted)}.faint{color:var(--c-text-faint)}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:.01em}.nowrap{white-space:nowrap}.right{text-align:right}.container{width:100%;max-width:1180px;margin:0 auto;padding:24px}@media(max-width:640px){.container{padding:16px}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-head__titles{min-width:0}.page-head__sub{color:var(--c-text-muted);font-size:.92rem;margin:4px 0 0}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__pad{padding:20px 22px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid var(--c-border)}.card__head h2,.card__head h3{font-size:1.02rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius);background:var(--c-primary);color:#fff;font:inherit;font-weight:550;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .06s ease}.btn:hover{background:var(--c-primary-hover)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2457e652}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--ghost{background:transparent;color:var(--c-text);border-color:var(--c-border-strong)}.btn--ghost:hover{background:var(--c-surface-2)}.btn--danger{background:var(--c-danger)}.btn--danger:hover{background:var(--c-danger-hover)}.btn--danger.btn--ghost{background:transparent;color:var(--c-danger);border-color:var(--c-danger-soft)}.btn--danger.btn--ghost:hover{background:var(--c-danger-soft)}.btn--sm{padding:6px 11px;font-size:.87rem;border-radius:var(--radius-sm)}.btn--block{width:100%}.btn--lg{padding:12px 22px;font-size:1.02rem}.btn-spinner{width:15px;height:15px;border:2px solid hsla(0,0%,100%,.5);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn--ghost .btn-spinner{border-color:#0000002e;border-top-color:var(--c-text)}.linkbtn{background:none;border:none;padding:4px 6px;font:inherit;font-weight:550;color:var(--c-primary);cursor:pointer;border-radius:var(--radius-sm)}.linkbtn:hover{background:var(--c-primary-soft)}.linkbtn--danger{color:var(--c-danger)}.linkbtn--danger:hover{background:var(--c-danger-soft)}label{display:block;margin-bottom:6px;font-weight:550;font-size:.9rem;color:var(--c-text)}.req{color:var(--c-danger);margin-left:2px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--c-border-strong);border-radius:var(--radius);font:inherit;color:var(--c-text);background:var(--c-surface);transition:border-color .15s ease,box-shadow .15s ease}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--c-text-faint)}input::placeholder,textarea::placeholder{color:var(--c-text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #2457e624}input:disabled,select:disabled,textarea:disabled{background:var(--c-surface-2);color:var(--c-text-muted);cursor:not-allowed}input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:var(--c-danger)}input.is-invalid:focus,select.is-invalid:focus{box-shadow:0 0 0 3px #d3303029}.field{margin-bottom:16px}.field__error{color:var(--c-danger)}.field__error,.field__hint{font-size:.84rem;margin-top:5px}.field__hint{color:var(--c-text-muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px}.radio-row{display:flex;gap:10px;flex-wrap:wrap}.radio-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--c-border-strong);border-radius:var(--radius);cursor:pointer;font-weight:500;background:var(--c-surface);transition:all .15s ease}.radio-pill input{width:auto;margin:0;accent-color:var(--c-primary)}.radio-pill.is-active,.radio-pill:hover{border-color:var(--c-primary)}.radio-pill.is-active{background:var(--c-primary-soft);color:var(--c-primary-ink)}.table-wrap{width:100%;overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.92rem}table.data th{text-align:left;font-weight:600;font-size:.8rem;letter-spacing:.01em;color:var(--c-text-muted);padding:11px 16px;white-space:nowrap;background:var(--c-surface-2)}table.data td,table.data th{border-bottom:1px solid var(--c-border)}table.data td{padding:12px 16px;vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s ease}table.data tbody tr:hover{background:var(--c-surface-2)}.cell-actions{display:flex;gap:4px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.4;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--neutral{background:var(--c-neutral-soft);color:var(--c-text-muted)}.badge--warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge--danger{background:var(--c-danger-soft);color:var(--c-danger)}.badge--primary{background:var(--c-primary-soft);color:var(--c-primary-ink)}.badge--plain:before{display:none}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius);font-size:.9rem;border:1px solid transparent}.alert__icon{flex:none;font-size:1.05rem;line-height:1.4}.alert--success{background:var(--c-success-soft);color:#126039;border-color:#bfe6cd}.alert--warning{background:var(--c-warning-soft);color:#855a12;border-color:#ecd9a7}.alert--danger{background:var(--c-danger-soft);color:#9b1c1c;border-color:#f0c6c6}.alert--info{background:var(--c-primary-soft);color:var(--c-primary-ink);border-color:#cdd9fb}.empty-state{text-align:center;padding:48px 24px;color:var(--c-text-muted)}.empty-state__icon{font-size:2rem;margin-bottom:8px;opacity:.7}.empty-state__title{color:var(--c-text);font-weight:600;margin-bottom:4px}.skeleton{background:linear-gradient(90deg,#eef1f6 25%,#e3e7ee 37%,#eef1f6 63%);background-size:400% 100%;border-radius:var(--radius-sm);animation:shimmer 1.3s ease infinite}.skel-row{height:14px;margin:14px 16px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes spin{to{transform:rotate(1turn)}}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--c-border);flex-wrap:wrap}.pager__info{color:var(--c-text-muted);font-size:.88rem}.pager__ctrls{display:flex;gap:8px;align-items:center}.modal-backdrop{position:fixed;inset:0;background:#11182a6b;z-index:var(--z-backdrop);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow-y:auto;animation:fade .16s ease}.modal{position:relative;z-index:var(--z-modal);background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;animation:pop .18s var(--ease-out)}.modal--wide{max-width:720px}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--c-border)}.modal__body{padding:20px 22px}.modal__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--c-border)}.modal__x{background:none;border:none;font-size:1.4rem;line-height:1;color:var(--c-text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm)}.modal__x:hover{background:var(--c-surface-2);color:var(--c-text)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.99)}}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:var(--z-toast);flex-direction:column;max-width:min(380px,calc(100vw - 36px))}.toast,.toast-stack{display:flex;gap:10px}.toast{align-items:flex-start;background:var(--c-surface);border-left-width:1px;border:1px solid var(--c-border);box-shadow:var(--shadow-md);border-radius:var(--radius);padding:12px 14px;font-size:.92rem;animation:toast-in .22s var(--ease-out)}.toast__dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:7px}.toast--success .toast__dot{background:var(--c-success)}.toast--error .toast__dot{background:var(--c-danger)}.toast--info .toast__dot{background:var(--c-primary)}.toast__body{flex:1;min-width:0}.toast__x{background:none;border:none;color:var(--c-text-faint);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.stack{flex-direction:column;gap:16px}.row,.stack{display:flex}.row{gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.search-input{max-width:320px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}