@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#0f2440;-webkit-font-smoothing:antialiased;background:linear-gradient(#f7fafe 0%,#eef4fb 100%) fixed;margin:0;font-family:IBM Plex Sans Thai,Sarabun,sans-serif;font-size:14px;line-height:1.45}a{color:#b91c1c;text-decoration:none}a:hover{color:#7f1d1d}h1,h2,h3,h4{margin:0}img{max-width:100%}table{border-spacing:0}th{font-weight:700}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}[data-shell] input,[data-shell] select{color:#0f2440;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-shell] input::placeholder{color:#8fa1b8}[data-shell] button{color:#0f2440}[data-paper] button{color:#1c1917}[data-paper] input,[data-paper] select,[data-paper] textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1c1917!important}[data-paper] input::placeholder{color:#a8a29e!important}[data-paper] input:disabled,[data-paper] select:disabled,[data-paper] textarea:disabled{opacity:1;-webkit-text-fill-color:#1c1917}[data-paper] textarea:focus{outline-offset:-1px;border-radius:4px;outline:2px solid #d91f2659}input,select,button{font-family:inherit}input:focus,select:focus{outline-offset:-1px;border-radius:4px;outline:2px solid #d91f2659}[data-shell] input:focus,[data-shell] select:focus{outline:2px solid #1e6fd959}input::placeholder{color:#b4b0aa}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bellRing{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}[data-hero-blob]{animation:7s ease-in-out infinite floatY}[data-hero-blob]:nth-child(2){animation-duration:9s;animation-delay:-3s}[data-hero-blob]:nth-child(3){animation-duration:11s;animation-delay:-5s}[data-bar]{transform-origin:bottom;animation:.7s cubic-bezier(.22,.61,.36,1) both growBar}[data-fill]{transform-origin:0;animation:.8s cubic-bezier(.22,.61,.36,1) both growX}[data-bell]:hover svg{animation:.7s bellRing}[data-row]{transition:background-color .18s,transform .18s}[data-row]:hover{background:#eef4fa;transform:translate(2px)}tr[data-row]:hover{transform:none}button:hover{filter:brightness(1.03)}[data-main]>*{animation:.4s cubic-bezier(.22,.61,.36,1) both fadeUp}[data-anim-card]{animation:.5s cubic-bezier(.22,.61,.36,1) both fadeUp}[data-anim-card]:nth-child(2){animation-delay:60ms}[data-anim-card]:nth-child(3){animation-delay:.12s}[data-anim-card]:nth-child(4){animation-delay:.18s}[data-anim-card]:nth-child(5){animation-delay:.24s}[data-anim-card]:nth-child(6){animation-delay:.3s}[data-pop]{animation:.22s both popIn}button,input,select,a{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s,opacity .18s}button:active{transform:scale(.97)}button:disabled{cursor:default}[data-card]{transition:transform .22s,box-shadow .22s}[data-card]:hover{transform:translateY(-2px);box-shadow:0 18px 40px -20px #1e6fd959}.hv-soft:hover{background:#eef4fa!important}.hv-soft2:hover{color:#1e6fd9!important;background:#e3f0fb!important;border-color:#b9d6f2!important}.hv-paper:hover{background:#f6f5f2!important}.hv-primary:hover{background:linear-gradient(135deg,#154fa8,#1b5fc7)!important}.hv-row-primary:hover{background:#154fa8!important;border-color:#154fa8!important}.hv-primary-up:hover{transform:translateY(-1px);background:linear-gradient(135deg,#154fa8,#1b5fc7)!important}.hv-white-up:hover{transform:translateY(-1px);background:#eef4fa!important}.hv-glass:hover{background:#ffffff42!important}.hv-ink:hover{color:#0f2440!important}.hv-blue:hover{background:#b9d6f2!important}.hv-danger:hover{background:#fdf1ee!important}.hv-red:hover{color:#d91f26!important}.hv-dim:hover{opacity:.8}.hv-combo:hover{background:#eef4fa!important}.hv-chk:hover{background:#f1f5f9!important}.nav-btn:hover{background:#eef4fa}.nav-btn[data-active="1"]:hover{background:#e3f0fb}@media (max-width:860px){[data-shell]{grid-template-columns:1fr!important}[data-sidebar]{flex-wrap:wrap;align-items:center;flex-direction:row!important;height:auto!important;position:static!important}[data-sidebar] nav{flex-wrap:wrap;flex-direction:row!important}[data-sidebar-foot]{display:none!important}}@media print{body{background:#fff}[data-noprint]{display:none!important}[data-shell]{display:block!important}[data-main]{padding:0!important}[data-paperwrap]{zoom:1!important}[data-paper]{zoom:.9;-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;border:none!important;border-radius:0!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important}[data-paper^=cover]{break-after:page;page-break-after:always;height:272mm!important;display:grid!important;overflow:hidden!important}[data-paper] input,[data-paper] select,[data-paper] textarea{color:#0f2440!important;-webkit-text-fill-color:#0f2440!important;opacity:1!important}[data-paper] select{appearance:none}input[type=date]::-webkit-calendar-picker-indicator{display:none}input::-webkit-list-button{display:none}@page{size:A4 portrait;margin:8mm}}.holo-tip{pointer-events:none;opacity:0;visibility:hidden;z-index:60;color:#0f2440;position:absolute;left:50%}.holo-tip.top{bottom:calc(100% + 12px);transform:translate(-50%)}.holo-tip.bottom{top:calc(100% + 10px);transform:translate(-50%)}.holo-tip.over{bottom:calc(100% + 10px);transform:translate(-50%)}.holo-card{background:#fff;border:1px solid #dce7f3;border-radius:14px;padding:12px 14px;position:relative;box-shadow:0 12px 28px -12px #1e3c6e47}.holo-tip.top:after,.holo-tip.bottom:after{content:"";background:#fff;border:1px solid #dce7f3;width:10px;height:10px;margin-left:-5px;position:absolute;left:50%;transform:rotate(45deg)}.holo-tip.top:after{border-top:none;border-left:none;margin-top:-6px;top:100%}.holo-tip.bottom:after{border-bottom:none;border-right:none;margin-bottom:-6px;bottom:100%}.holo-beam{display:none}.holo-wrap:hover .holo-tip,.holo-wrap:focus-within .holo-tip{opacity:1;visibility:visible}.holo-wrap:hover .wk-fill{filter:brightness(1.06)}.wk-fill{transition:filter .15s}.holo-host{z-index:1;position:relative}:is(.holo-host:has(.holo-wrap:hover),.holo-host:has(.holo-wrap:focus-within)){z-index:70}[data-card]:has(.holo-wrap:hover){transform:none}@keyframes logoutNudge{0%,70%,to{transform:translate(0)}80%{transform:translate(4px)}90%{transform:translate(0)}}@keyframes logoutOut{0%{opacity:1;transform:translate(0)}55%{opacity:0;transform:translate(14px)}56%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes logoutDoor{0%{transform:perspective(60px)rotateY(0)}to{transform:perspective(60px)rotateY(-70deg)}}@keyframes logoutShine{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}.logout-btn{transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .18s}.logout-ico{flex:none;overflow:visible}.logout-arrow{transform-origin:8px 11px;animation:4s ease-in-out infinite logoutNudge}.logout-door{transform-origin:1.5px 11px;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.logout-light{transition:opacity .3s .1s}.logout-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff9,#0000);width:40%;position:absolute;top:0;bottom:0;left:0;transform:translate(-140%)skew(-18deg)}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px #d9482e8c;color:#d9482e!important;background:#fdf1ee!important;border-color:#f8c9bf!important}.logout-btn:hover .logout-door{animation:.45s cubic-bezier(.22,.61,.36,1) both logoutDoor}.logout-btn:hover .logout-arrow{stroke:#d9482e;animation:.9s cubic-bezier(.22,.61,.36,1) infinite logoutOut}.logout-btn:hover .logout-light{opacity:1}.logout-btn:hover:after{animation:.8s logoutShine}.logout-btn:hover .logout-ico rect{stroke:#d9482e}.logout-btn:hover .logout-ico circle{fill:#d9482e}.logout-btn:active{transform:scale(.97)}@keyframes acctMenuIn{0%{opacity:0;filter:blur(3px);transform:translateY(-10px)scale(.96)}60%{opacity:1;filter:blur();transform:translateY(3px)scale(1.005)}to{transform:translateY(0)scale(1)}}@keyframes acctItemIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.acct-chip{transition:background .18s,box-shadow .18s,border-color .18s,transform .18s}.acct-chip:hover,.acct-chip.open{box-shadow:0 8px 20px -12px #1e6fd980;background:#eef4fa!important;border-color:#b9d6f2!important}.acct-caret{transition:transform .25s cubic-bezier(.22,.61,.36,1)}.acct-chip.open .acct-caret{transform:rotate(180deg)}.acct-menu{transform-origin:100% 0;animation:.32s cubic-bezier(.22,.61,.36,1) both acctMenuIn}.acct-item-anim{animation:.3s cubic-bezier(.22,.61,.36,1) both acctItemIn}.acct-item{cursor:pointer;color:#0f2440;width:100%;font:inherit;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:9px 10px;transition:background .16s,transform .16s;display:flex}.acct-item:hover{background:#eef4fa;transform:translate(2px)}.acct-item .acct-ico{color:#1e6fd9;background:#e3f0fb;border-radius:99px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background .16s;display:flex}.acct-item:hover .acct-ico{background:#d6e8fa;transform:scale(1.08)rotate(-6deg)}.acct-item .acct-chev{color:#b3c2d4;opacity:0;flex:none;margin-left:auto;transition:opacity .16s,transform .16s;transform:translate(-6px)}.acct-item:hover .acct-chev{opacity:1;transform:translate(0)}.acct-item.danger{color:#d9482e}.acct-item.danger .acct-ico{color:#d9482e;background:#fdf1ee}.acct-item.danger:hover{background:#fdf1ee}.acct-avatar:hover .acct-cam{opacity:1!important}.acct-avatar{transition:transform .2s}.acct-avatar:hover{transform:scale(1.04)}@keyframes svPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes svRing{0%{box-shadow:0 0 #1d9a6c8c}to{box-shadow:0 0 0 18px #1d9a6c00}}@keyframes svRingBlue{0%{box-shadow:0 0 #1e6fd980}to{box-shadow:0 0 0 18px #1e6fd900}}@keyframes svSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes svCheckDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes svArrow{0%,60%,to{transform:translate(0)}75%{transform:translate(5px)}90%{transform:translate(1px)}}@keyframes svPrinter{0%,70%,to{transform:translateY(0)}78%{transform:translateY(-3px)}86%{transform:translateY(1px)}}@keyframes svShine{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}.sv-in{animation:.4s cubic-bezier(.22,.61,.36,1) both svSlide}.sv-icon{animation:.5s cubic-bezier(.22,.61,.36,1) .1s both svPop}.sv-icon.green:after,.sv-icon.blue:after{content:"";border-radius:99px;position:absolute;inset:0}.sv-icon.green:after{animation:1.1s ease-out .45s 2 svRing}.sv-icon.blue:after{animation:1.1s ease-out .6s 2 svRingBlue}.sv-check{stroke-dasharray:24;stroke-dashoffset:24px;animation:.35s .4s forwards svCheckDraw}.sv-btn{transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;position:relative}.sv-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px #1e3c6e73}.sv-btn:active{transform:translateY(0)scale(.97)}.sv-btn .sv-printer{animation:3s ease-in-out infinite svPrinter;display:inline-block}.sv-btn .sv-plus{transition:transform .3s cubic-bezier(.22,.61,.36,1);display:inline-block}.sv-btn:hover .sv-plus{transform:rotate(90deg)scale(1.15)}.sv-btn .sv-arrow{animation:2.4s ease-in-out infinite svArrow;display:inline-block}.sv-btn.primary:hover{box-shadow:0 16px 30px -12px #1b5fc7d9}.sv-btn.primary:hover .sv-arrow{animation:.8s ease-in-out infinite svArrow}.sv-row{transition:background .16s,transform .16s}.sv-row:hover{background:#f7fafe;transform:translate(2px)}@keyframes badgePop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes badgePulse{0%{box-shadow:0 0 #d936368c}to{box-shadow:0 0 0 10px #d9363600}}.nav-badge{color:#fff;font-variant-numeric:tabular-nums;background:#e53935;border:2px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;animation:.45s cubic-bezier(.22,.61,.36,1) both badgePop,1.2s ease-out .3s 2 badgePulse;display:inline-flex}table.tbl-zebra tbody tr[data-row]:nth-child(2n){background:#f4f9fe}table.tbl-zebra tbody tr[data-row]:hover{background:#dcebfb}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}