@charset "UTF-8";.small-icon{font-size:1.3rem}.icon-pos{margin-top:10px;margin-left:-30px}.text_label{font-family:pridi,sans-serif;font-size:1rem}.summary_text{font-weight:600}.cell-color{color:#00008b!important;cursor:pointer!important;text-decoration:none!important;font-weight:500!important}.cell-color:hover{background-color:#edf8ef!important;color:#00008b!important;cursor:pointer!important;text-decoration:none!important;font-weight:900!important}.inline-edit{background-color:transparent!important;color:red!important;cursor:pointer!important;text-decoration:none!important;font-weight:500!important}.inline-edit:hover{cursor:pointer!important;text-decoration:none!important;font-weight:900!important}a{text-decoration:none;color:inherit;font-weight:inherit}.page-number{display:inline;font-family:Kanit,sans-serif;background-color:red;color:#fff;padding:2px 6px;border-radius:10px;margin-left:8px;vertical-align:middle}body,html{margin:0;height:100%}.kw-layout-head,.kw-layout-footer{flex:1 auto}.kw-content{height:100dvh;display:flex;justify-content:center;align-items:center;overflow:unset}.kw-embed-responsive{width:100%;height:100%}.kw-embed-item{width:100%;height:100%;border:none}.kw-section-top-1{width:100%;justify-content:space-between;align-items:center;height:180px;padding:10px 20px}.kw-section-top-2{width:100%;justify-content:space-between;align-items:center;height:100vh;height:100dvh;padding:10px 20px}.kw-section-bottom-1{justify-content:space-between;padding:0 20px;background-color:#ebebe7}.kw-layout-left{display:flex;flex-grow:1;width:48%;background-color:#e7e1e1}.kw-layout-right{display:flex;flex-grow:1;width:62%;background-color:#e7e1e1}h1,h2,h3,h4,h5,h6{font-family:Kanit,sans-serif}p{font-family:pridi,sans-serif;font-size:1rem}.kw-u-col-pad{padding:0 20px}.kw-w-15{width:15%}.kw-w-30{width:30%}.kw-w-35{width:35%}.kw-w-40{width:40%}.kw-w-45{width:50%}.kw-w-55{width:55%}.kw-w-60{width:60%}.kw-w-65{width:65%}.kw-w-70{width:70%}.kw-offcanvas{position:fixed;top:0;right:0;width:300px;height:100dvh;background-color:#f8f9fa;box-shadow:-2px 0 5px #00000080;transform:translate(100%);transition:transform .3s ease-in-out}.kw-offcanvas-show{transform:translate(0)}.kw-offcanvas-body{display:flex;flex-direction:column;align-items:flex-start}.kw-offcanvas-card .kw-offcanvas-header{padding:.75rem 1rem}.kw-offcanvas-title{font-size:1.1rem}@media(max-width:767.98px){.kw-offcanvas-card .kw-offcanvas-header{padding:.2rem .6rem}.kw-offcanvas-title{font-size:.85rem}.kw-offcanvas-close{transform:scale(.8)}}.kw-tabs-nav{border-bottom:1px solid #5e63ff;font:"pridi",sans-serif}.kw-tabs-tab{color:#007bff;font:"pridi",sans-serif}.kw-tabs-tab:hover{color:#0056b3}.kw-tabs-tab-active{color:#dc3545}.kw-calendar-grid{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #0000001a}.kw-thai-date-wrapper{position:relative;display:inline-block;overflow:visible}.page-header{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:100%}.header-content{display:flex;align-items:center;gap:16px}.back-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:#99b1e0;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500}.back-button:hover{background:#e5e7eb}.back-icon{width:16px;height:16px}.header-title h1{margin:0;font-size:24px;font-weight:600;color:#111827}.header-title p{margin:4px 0 0;color:#6b7280;font-size:14px}.form-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:100%}.section-header{display:flex;align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:0;padding-bottom:0}.section-icon{font-size:20px;width:36px;height:36px;background-color:transparent;display:flex;align-items:center;justify-content:center}.section-content h3{margin:0;font-size:18px;font-weight:600;color:#111827}.section-content p{margin:2px 0 0;color:#6b7280;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-weight:500;color:#374151;font-size:13px;display:flex;align-items:center;gap:4px}.required{color:#ef4444}.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-input.error{border-color:#ef4444}.form-input.success{border-color:#10b981}.form-input::placeholder{color:#9ca3af}.select-wrapper{position:relative}.message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500;font-size:13px}.error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.message-icon{width:16px;height:16px;flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-icon,.loading-icon{width:16px;height:16px}.loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:1024px){.modern-page-container,.page-header{padding:24px}.header-title h1{font-size:28px}.header-title p{font-size:15px}.form-container{padding:32px}.modern-form{max-width:100%}.section-header{gap:16px}.section-icon{width:40px;height:40px;font-size:22px}.section-content h3{font-size:20px}.section-content p{font-size:14px}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:24px}.form-label{font-size:14px}.form-input{padding:12px 16px;font-size:14px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:14px}}@media(min-width:1440px){.modern-page-container{padding:32px}.page-header{padding:28px}.header-title h1{font-size:32px}.form-container{padding:36px}.modern-form{max-width:100%}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}}@media(min-width:768px)and (max-width:1023px){.modern-page-container,.page-header{padding:20px}.header-title h1{font-size:24px}.form-container{padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:3px}}@media(max-width:767px){.modern-page-container{padding:12px}.page-header{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header-title h1{font-size:20px}.header-title p{font-size:13px}.form-container{padding:16px}.form-grid{grid-template-columns:1fr;gap:12px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.form-actions{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:12px 16px}}.password-field{margin-bottom:24px}.password-label{font-weight:700;color:#555;background:transparent;padding:0 6px;position:absolute;margin-top:-12px;margin-left:10px;z-index:2;font-size:15px}.password-row{display:flex}.icon-buttons{display:flex;align-items:center}.password-icon-btn,.password-generate-btn{background:transparent;border:none;cursor:pointer;padding:4px;color:#888}.password-icon-btn:hover,.password-generate-btn:hover{color:#333}.password-icon-btn svg,.password-generate-btn svg{display:block}.Kw-Input-Single-label{font-family:Pridi,sans-serif;font-size:1rem}.Kw-Border-label{position:absolute;top:-8px;left:12px;background:red;padding:0 4px;font-size:1rem;z-index:2;pointer-events:none;font-family:Pridi,sans-serif}.Kw-Border-wrapper{position:relative;border:1px solid #ccc}.bg-strong-green{background-color:#a8e6a1;color:#1b3d1b}.bg-strong-red{background-color:#f5a3a3!important;color:#3d1b1b!important}.Kw-btn-push{display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;min-width:80px;height:40px;padding:0 10px;background-image:linear-gradient(to top,#d8d9db,#fff 80%,#fdfdfd);border-radius:8px;border:1px solid #8f9092;transition:all .2s ease;font-family:pridi,sans-serif,sans-serif;font-weight:600;color:#606060;text-shadow:0 1px #fff}.Kw-btn-push:hover{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}.Kw-btn-push:active,.Kw-btn-push:focus{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #bdbcbc,inset 0 0 10px #aaa}.Kw-btn-push.active{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #bdbcbc,inset 0 0 10px #aaa;background-image:linear-gradient(to top,#c4c5c7,#ebebeb 80%,#e2e2e2);color:#333}.Kw-btn-click,.Kw-btn-symbol{color:#090909;padding:.5rem;font-size:1rem;font-family:pridi,sans-serif;border-radius:.5em;min-width:70px;background:#d6d6d6;cursor:pointer;border:2px solid #b0a5a5;transition:all .3s;box-shadow:6px 6px 12px #969696b3}.Kw-btn-click:hover,.Kw-btn-symbol:hover{background:#cfcfcf}.Kw-btn-click:active,.Kw-btn-symbol:active{color:#444;box-shadow:inset 4px 4px 12px #a9a9a9,inset -4px -4px 12px #e0e0e0}.Kw-btn-click:disabled,.Kw-btn-symbol:disabled{display:none}.Kw-btn-symbol{max-width:32px!important;max-height:32px!important;min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.Kw-btn-click--view{background:#cbe7fb;color:#0d47a1}.Kw-btn-click--view:hover{background:#d9eefc}.Kw-btn-click--view:active{color:#093272;box-shadow:inset 4px 4px 12px #d3eafc,inset -4px -4px 12px #fff}.Kw-btn-click--save{background:#d6ede3;color:#00796b}.Kw-btn-click--save:hover{background:#e1f2ea}.Kw-btn-click--save:active{color:#00463e;box-shadow:inset 4px 4px 12px #92d2cc,inset -4px -4px 12px #fff}.Kw-btn-click--edit{background:#ffe9c7;color:#e65100}.Kw-btn-click--edit:hover{background:#ffefd6}.Kw-btn-click--edit:active{color:#b33f00;box-shadow:inset 4px 4px 12px #ffeacc,inset -4px -4px 12px #fff}.Kw-btn-click--delete{background:#e2a2b7;color:#880e4f}.Kw-btn-click--delete:hover{background:#e6adc0}.Kw-btn-click--delete:active{color:#5a0934;box-shadow:inset 4px 4px 12px #fad2e0,inset -4px -4px 12px #fff}.Kw-btn-click--cancel{background:#e3d2e5;color:#555}.Kw-btn-click--cancel:hover{background:#e9dcea}.Kw-btn-click--cancel:active{color:#3c3c3c;box-shadow:inset 4px 4px 12px #ecf5d3,inset -4px -4px 12px #fff}.Kw-btn-click--export{background:#efefc8;color:#6e5f3f}.Kw-btn-click--export:hover{background:#f3f3d4}.Kw-btn-click--export:active{color:#4e432c;box-shadow:inset 4px 4px 12px #e8e1c9,inset -4px -4px 12px #fff}.Kw-btn-click--add{background:#e5f2d6;color:#33691e}.Kw-btn-click--add:hover{background:#ecf6e1}.Kw-btn-click--add:active{color:#204113;box-shadow:inset 4px 4px 12px #e8f3db,inset -4px -4px 12px #fff}.Kw-btn-click--history{background:#f7d5d1;color:#bf360c}.Kw-btn-click--history:hover{background:#fae1de}.Kw-btn-click--history:active{color:#8f2809;box-shadow:inset 4px 4px 12px #ffdfd6,inset -4px -4px 12px #fff}.Kw-btn-click--highlight{background:#fff2c8;color:#ff6f00}.Kw-btn-click--highlight:hover{background:#fff6d7}.Kw-btn-click--highlight:active{color:#cc5900;box-shadow:inset 4px 4px 12px #fff2cd,inset -4px -4px 12px #fff}.Kw-btn-click--info{background:#dfd4ef;color:#4527a0}.Kw-btn-click--info:hover{background:#e7e0f3}.Kw-btn-click--info:active{color:#331d77;box-shadow:inset 4px 4px 12px #dfd7f0,inset -4px -4px 12px #fff}.Kw-btn-click--filter{background:#ebf0ad;color:#827717}.Kw-btn-click--filter:hover{background:#eef2ba}.Kw-btn-click--filter:active{color:#574f0f;box-shadow:inset 4px 4px 12px #ebf2b2,inset -4px -4px 12px #fff}.Kw-btn-click--refresh{background:#caf1f6;color:#006064}.Kw-btn-click--refresh:hover{background:#d7f5f9}.Kw-btn-click--refresh:active{color:#002f31;box-shadow:inset 4px 4px 12px #c8f1f6,inset -4px -4px 12px #fff}.Kw-btn-click--invoice{background:#ebd3ee;color:#6a1b9a}.Kw-btn-click--invoice:hover{background:#f0def2}.Kw-btn-click--invoice:active{color:#4c136f;box-shadow:inset 4px 4px 12px #ead1ee,inset -4px -4px 12px #fff}.Kw-btn-click--payment{background:#d6edd8;color:#2e7d32}.Kw-btn-click--payment:hover{background:#e1f2e2}.Kw-btn-click--payment:active{color:#205823;box-shadow:inset 4px 4px 12px #daeeda,inset -4px -4px 12px #fff}@keyframes warning-flash{0%{background-color:#f44336}50%{background-color:#ff7961}to{background-color:#f44336}}.Kw-btn-row{display:grid;grid-auto-flow:column;gap:10px;justify-content:center;align-items:center;padding:15px 10px 0;width:100%}.Kw-btn-rowWrap{display:inline-flex;padding:15px;justify-content:right;align-items:center;flex-wrap:wrap;width:65%;gap:6px}.Kw-btn-login{display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;min-width:80px;height:40px;padding:0 10px;background-image:linear-gradient(to top,#d8d9db,#fff 80%,#fdfdfd);border-radius:30px;border:2px solid #8f9092;transition:all .2s ease;font-family:pridi,sans-serif,sans-serif;font-weight:600;color:#606060;text-shadow:0 1px #e2c2c2}.Kw-go-back{display:flex;background-color:#fff;text-align:flex-end;width:5rem;height:2rem;border-radius:.9rem;color:gray;font-family:pridi,sans-serif;font-size:1rem;font-weight:600;position:relative;overflow:hidden;border-width:1px;justify-content:end}.Kw-go-back-inner-div{background-color:#68d391;border-radius:.75rem;height:1.7rem;width:30%;display:flex;align-items:center;justify-content:center;position:absolute;left:.1rem;top:.1rem;z-index:10;transition:width .5s}.Kw-go-back:hover .Kw-go-back-inner-div{width:4.7rem}.Kw-go-back-text{transform:translate(.125rem)}.Kw-go-back-icon{font-size:.7rem}.Kw-main-card{background-color:#f0ebeb!important;margin:0;padding-top:10px;width:100%;height:100dvh;z-index:0;border:none;border-radius:0;box-shadow:none!important}.Kw-main-card-body{margin:0;padding:0;display:flex}.Kw-card{background-color:#e0e0e0;border:1px solid #8ea8c1;border-radius:10px!important;transition:border-radius .5s cubic-bezier(.175,.885,.32,1.275);padding-bottom:1rem;box-shadow:inset 0 -3em 3em #0000000d,0 0 0 2px #dcdcdc,.3em .3em 1em #00000026!important;position:relative;overflow:visible;height:auto;width:100%;flex:0 0 auto}.Kw-card-header{display:flex;align-items:center;background-color:transparent}.Kw-card-title{font-size:1.2rem;margin:0 5px;font-family:Kanit,sans-serif,sans-serif}.Kw-card-text{font-size:1.8rem;font-family:Kanit,Tahoma;text-align:center;margin-top:1.1rem}.Kw-card-body{margin:0;padding:0}.Kw-card-number{background-color:#3ca3de;border:none;color:#f5f5f5}.Kw-card-menu{background-color:#fff;border:none}.Kw-card-4c{padding:.8rem}@media(min-width:768px){.Kw-card-4c{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem);overflow-y:auto}}@media(min-width:992px){.Kw-card-4c{flex:1 1 calc(25% - 1rem);max-width:calc(25% - 1rem)}}.Kw-card-5c{padding:.8rem}@media(min-width:768px){.Kw-card-5c{flex:1 1 calc(33.33% - 1rem);max-width:calc(33.33% - 1rem);overflow-y:auto}}@media(min-width:992px){.Kw-card-5c{flex:1 1 calc(20% - 1rem);max-width:calc(20% - 1rem)}}.card-footer{margin-top:15px}.two-equal-card{flex:1 1 100%;max-width:100%;margin-top:15px}@media(min-width:992px){.two-equal-card{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}.table{width:100%;border-collapse:collapse;margin:0 auto;font-size:1rem;font-family:pridi,sans-serif;box-shadow:0 0 20px #00000026}.table thead tr{font-weight:400;text-align:center;border-bottom:1px solid #5e63ff}.table td{padding:8px}.table th{background-color:#efe3dc!important;padding:8px}.table tbody tr{border-bottom:1px solid #ecbcbc}.kw-offcanvas-backdrop{position:fixed;top:0;left:0;vertical-align:top;padding:15px;width:100vw;height:100vh;background-color:#0000002e;z-index:1040;opacity:1;transition:opacity .5s,visibility .5s;visibility:hidden;pointer-events:none}.kw-offcanvas-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:600px){.kw-offcanvas-backdrop{border-radius:0}}.kw-offcanvas-outer{position:fixed;top:0;right:0;width:420px;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .5s,visibility .5s}.kw-offcanvas-outer.open{opacity:1;pointer-events:auto;visibility:visible}.kw-offcanvas-card{background-color:#fff;box-shadow:0 8px 32px #0000002e;width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:auto;overflow:hidden}.kw-offcanvas-card.open{transform:translate(0)}@media(max-width:600px){.kw-offcanvas-card{max-width:100vw;border-radius:0}}.kw-offcanvas-card-left{background-color:#fff;border-radius:24px;box-shadow:0 8px 32px #0000002e;width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);pointer-events:auto;overflow:hidden}.kw-offcanvas-card-left-header{display:flex;align-items:end;padding:1.2rem 1.5rem .5rem;border-bottom:none;font-size:1.35rem}.kw-offcanvas-card-left.open{transform:translate(0)}.kw-offcanvas-card-left.closing{transform:translate(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}@media(max-width:600px){.kw-offcanvas-card-left{max-width:100vw;border-radius:0}}.kw-offcanvas-header{display:flex;align-items:center;padding:1.2rem 1.5rem .5rem;border-bottom:none;font-size:1.35rem}.kw-offcanvas-title{margin:10px;font-weight:500;font-size:1.35rem;display:flex;align-items:center;font-family:Kanit;gap:.75rem}.kw-offcanvas-subtitle{background:#e53935;color:#fff;border-radius:10px;padding:2px 12px;font-size:1.1rem;font-weight:600;margin-left:.5rem;display:inline-block}.kw-offcanvas-close{background:none;border:none;font-size:2rem;padding:.5rem;cursor:pointer;color:#444;margin-left:1rem;line-height:1}.kw-offcanvas-body{padding:1.5rem .5rem;overflow-y:auto;flex:1;min-height:0}.switch{width:50px;height:24px;background-color:#ccc;border-radius:24px;position:relative;cursor:pointer;transition:background-color .3s;padding:0}.switch .thumb{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s}.switch.on{background-color:#4caf50}.switch.on .thumb{transform:translate(26px)}.switch--onoff input:checked+.slider{background:#8cc4ff}.switch--onoff input:checked+.slider:before{transform:translate(1.5em)}.switch--onoff input:focus+.slider{box-shadow:0 0 1px #8cc4ff}.switch--choice .slider{background:#a8e6a3}.switch--choice input:checked+.slider{background:#8cc4ff}.switch--choice input:checked+.slider:before{transform:translate(1.5em)}.switch--choice input:focus+.slider{box-shadow:0 0 2px #67b2ff}.switch-label{font-size:16px;margin-left:1rem}.Kw-radio-btn-group{display:block;margin-left:30px;justify-content:space-evenly;gap:10px}.Kw-radio-btn{display:none}.Kw-radio-btn:checked+.Kw-radio-btn-label{color:#666;background:#f0efef;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}.Kw-radio-btn-label{color:#285e2b;font-weight:400;font-size:1rem;margin-bottom:2px}.Kw-checkbox{appearance:none;width:18px;height:18px;border:2px solid #769191;border-radius:5px;background-color:transparent;display:inline-block;position:relative;margin-right:10px;cursor:pointer}.Kw-checkbox:before{content:"";background-color:#769191;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;border-radius:3px;transition:all .3s ease-in-out}.Kw-checkbox:checked:before{transform:translate(-50%,-50%) scale(1)}.Kw-checkbox-label{font-size:12px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}