@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons+Round";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";.menu .app-brand.demo{height:64px;margin-top:12px}.app-brand-logo.demo svg{width:22px;height:38px}.app-brand-text.demo{font-size:1.75rem;letter-spacing:-.5px;text-transform:lowercase}.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:76px!important}.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page{padding-top:64px!important}.content-wrapper .navbar{z-index:auto}.demo-blocks>*{display:block!important}.demo-inline-spacing>*{margin:1rem .375rem 0 0!important}.demo-vertical-spacing>*{margin-top:1rem!important;margin-bottom:0!important}.demo-vertical-spacing.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-lg>*{margin-top:1.875rem!important;margin-bottom:0!important}.demo-vertical-spacing-lg.demo-only-element>:first-child{margin-top:0!important}.demo-vertical-spacing-xl>*{margin-top:5rem!important;margin-bottom:0!important}.demo-vertical-spacing-xl.demo-only-element>:first-child{margin-top:0!important}.rtl-only{display:none!important;text-align:left!important;direction:ltr!important}[dir=rtl] .rtl-only{display:block!important}.layout-demo-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1rem}.layout-demo-placeholder img{width:900px}.layout-demo-info{text-align:center;margin-top:1rem}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}.ps{position:relative}.ps__rail-x{height:.25rem}.ps__rail-y{width:.25rem}.ps__rail-x,.ps__rail-y,.ps__thumb-x,.ps__thumb-y{border-radius:10rem}.ps__rail-x:hover,.ps__rail-x:focus,.ps__rail-x.ps--clicking,.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking>.ps__thumb-x{height:.375rem}.ps__rail-y:hover,.ps__rail-y:focus,.ps__rail-y.ps--clicking,.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking>.ps__thumb-y{width:.375rem}.ps__thumb-x{height:.25rem;bottom:0}.ps__thumb-y{width:.25rem;right:0}.light-style .ps__thumb-x,.light-style .ps__thumb-y{background-color:#43597166}.light-style .ps__rail-x:hover,.light-style .ps__rail-y:hover,.light-style .ps__rail-x:focus,.light-style .ps__rail-y:focus,.light-style .ps__rail-x.ps--clicking,.light-style .ps__rail-y.ps--clicking{background-color:#43597133}.light-style .ps__rail-x:hover>.ps__thumb-x,.light-style .ps__rail-y:hover>.ps__thumb-y,.light-style .ps__rail-x:focus>.ps__thumb-x,.light-style .ps__rail-y:focus>.ps__thumb-y,.light-style .ps__rail-x.ps--clicking>.ps__thumb-x,.light-style .ps__rail-y.ps--clicking>.ps__thumb-y{background-color:#435971b3}.light-style .ps-inverted .ps__rail-x:hover,.light-style .ps-inverted .ps__rail-y:hover,.light-style .ps-inverted .ps__rail-x:focus,.light-style .ps-inverted .ps__rail-y:focus,.light-style .ps-inverted .ps__rail-x.ps--clicking,.light-style .ps-inverted .ps__rail-y.ps--clicking{background-color:#ffffff80}.light-style .ps-inverted .ps__thumb-x,.light-style .ps-inverted .ps__thumb-y{background-color:#ffffffb3}.light-style .ps-inverted .ps__rail-x:hover>.ps__thumb-x,.light-style .ps-inverted .ps__rail-y:hover>.ps__thumb-y,.light-style .ps-inverted .ps__rail-x:focus>.ps__thumb-x,.light-style .ps-inverted .ps__rail-y:focus>.ps__thumb-y,.light-style .ps-inverted .ps__rail-x.ps--clicking>.ps__thumb-x,.light-style .ps-inverted .ps__rail-y.ps--clicking>.ps__thumb-y{background-color:#fff}@supports (-moz-appearance: none){#both-scrollbars-example{max-width:1080px;margin:0 auto;padding-left:0;padding-right:0}}.authentication-wrapper{display:flex;flex-basis:100%;min-height:100vh;width:100%}.authentication-wrapper .authentication-inner{width:100%}.authentication-wrapper.authentication-basic{align-items:center;justify-content:center;overflow:hidden}.authentication-wrapper.authentication-cover{align-items:flex-start}.authentication-wrapper.authentication-cover .authentication-inner{height:100vh}.authentication-wrapper.authentication-basic .authentication-inner{max-width:400px;position:relative}.authentication-wrapper.authentication-basic .authentication-inner:before{width:148px;height:148px;content:" ";position:absolute;top:-40px;right:-40px;background-image:url("data:image/svg+xml,%3Csvg width='148px' height='148px' viewBox='0 0 148 148' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M355,144 C356.104569,144 357,144.895431 357,146 C357,147.104569 356.104569,148 355,148 C353.895431,148 353,147.104569 353,146 C353,144.895431 353.895431,144 355,144 Z M382,144 C383.104569,144 384,144.895431 384,146 C384,147.104569 383.104569,148 382,148 C380.895431,148 380,147.104569 380,146 C380,144.895431 380.895431,144 382,144 Z M412,144 C413.104569,144 414,144.895431 414,146 C414,147.104569 413.104569,148 412,148 C410.895431,148 410,147.104569 410,146 C410,144.895431 410.895431,144 412,144 Z M442,144 C443.104569,144 444,144.895431 444,146 C444,147.104569 443.104569,148 442,148 C440.895431,148 440,147.104569 440,146 C440,144.895431 440.895431,144 442,144 Z M472,144 C473.104569,144 474,144.895431 474,146 C474,147.104569 473.104569,148 472,148 C470.895431,148 470,147.104569 470,146 C470,144.895431 470.895431,144 472,144 Z M499,144 C500.104569,144 501,144.895431 501,146 C501,147.104569 500.104569,148 499,148 C497.895431,148 497,147.104569 497,146 C497,144.895431 497.895431,144 499,144 Z M355,117 C356.104569,117 357,117.895431 357,119 C357,120.104569 356.104569,121 355,121 C353.895431,121 353,120.104569 353,119 C353,117.895431 353.895431,117 355,117 Z M382,117 C383.104569,117 384,117.895431 384,119 C384,120.104569 383.104569,121 382,121 C380.895431,121 380,120.104569 380,119 C380,117.895431 380.895431,117 382,117 Z M412,117 C413.104569,117 414,117.895431 414,119 C414,120.104569 413.104569,121 412,121 C410.895431,121 410,120.104569 410,119 C410,117.895431 410.895431,117 412,117 Z M442,117 C443.104569,117 444,117.895431 444,119 C444,120.104569 443.104569,121 442,121 C440.895431,121 440,120.104569 440,119 C440,117.895431 440.895431,117 442,117 Z M472,117 C473.104569,117 474,117.895431 474,119 C474,120.104569 473.104569,121 472,121 C470.895431,121 470,120.104569 470,119 C470,117.895431 470.895431,117 472,117 Z M499,117 C500.104569,117 501,117.895431 501,119 C501,120.104569 500.104569,121 499,121 C497.895431,121 497,120.104569 497,119 C497,117.895431 497.895431,117 499,117 Z M355,87 C356.104569,87 357,87.8954305 357,89 C357,90.1045695 356.104569,91 355,91 C353.895431,91 353,90.1045695 353,89 C353,87.8954305 353.895431,87 355,87 Z M382,87 C383.104569,87 384,87.8954305 384,89 C384,90.1045695 383.104569,91 382,91 C380.895431,91 380,90.1045695 380,89 C380,87.8954305 380.895431,87 382,87 Z M412,87 C413.104569,87 414,87.8954305 414,89 C414,90.1045695 413.104569,91 412,91 C410.895431,91 410,90.1045695 410,89 C410,87.8954305 410.895431,87 412,87 Z M442,87 C443.104569,87 444,87.8954305 444,89 C444,90.1045695 443.104569,91 442,91 C440.895431,91 440,90.1045695 440,89 C440,87.8954305 440.895431,87 442,87 Z M472,87 C473.104569,87 474,87.8954305 474,89 C474,90.1045695 473.104569,91 472,91 C470.895431,91 470,90.1045695 470,89 C470,87.8954305 470.895431,87 472,87 Z M499,87 C500.104569,87 501,87.8954305 501,89 C501,90.1045695 500.104569,91 499,91 C497.895431,91 497,90.1045695 497,89 C497,87.8954305 497.895431,87 499,87 Z M355,57 C356.104569,57 357,57.8954305 357,59 C357,60.1045695 356.104569,61 355,61 C353.895431,61 353,60.1045695 353,59 C353,57.8954305 353.895431,57 355,57 Z M472,57 C473.104569,57 474,57.8954305 474,59 C474,60.1045695 473.104569,61 472,61 C470.895431,61 470,60.1045695 470,59 C470,57.8954305 470.895431,57 472,57 Z M412,57 C413.104569,57 414,57.8954305 414,59 C414,60.1045695 413.104569,61 412,61 C410.895431,61 410,60.1045695 410,59 C410,57.8954305 410.895431,57 412,57 Z M499,57 C500.104569,57 501,57.8954305 501,59 C501,60.1045695 500.104569,61 499,61 C497.895431,61 497,60.1045695 497,59 C497,57.8954305 497.895431,57 499,57 Z M382,57 C383.104569,57 384,57.8954305 384,59 C384,60.1045695 383.104569,61 382,61 C380.895431,61 380,60.1045695 380,59 C380,57.8954305 380.895431,57 382,57 Z M442,57 C443.104569,57 444,57.8954305 444,59 C444,60.1045695 443.104569,61 442,61 C440.895431,61 440,60.1045695 440,59 C440,57.8954305 440.895431,57 442,57 Z M355,27 C356.104569,27 357,27.8954305 357,29 C357,30.1045695 356.104569,31 355,31 C353.895431,31 353,30.1045695 353,29 C353,27.8954305 353.895431,27 355,27 Z M382,27 C383.104569,27 384,27.8954305 384,29 C384,30.1045695 383.104569,31 382,31 C380.895431,31 380,30.1045695 380,29 C380,27.8954305 380.895431,27 382,27 Z M412,27 C413.104569,27 414,27.8954305 414,29 C414,30.1045695 413.104569,31 412,31 C410.895431,31 410,30.1045695 410,29 C410,27.8954305 410.895431,27 412,27 Z M442,27 C443.104569,27 444,27.8954305 444,29 C444,30.1045695 443.104569,31 442,31 C440.895431,31 440,30.1045695 440,29 C440,27.8954305 440.895431,27 442,27 Z M472,27 C473.104569,27 474,27.8954305 474,29 C474,30.1045695 473.104569,31 472,31 C470.895431,31 470,30.1045695 470,29 C470,27.8954305 470.895431,27 472,27 Z M499,27 C500.104569,27 501,27.8954305 501,29 C501,30.1045695 500.104569,31 499,31 C497.895431,31 497,30.1045695 497,29 C497,27.8954305 497.895431,27 499,27 Z M355,0 C356.104569,0 357,0.8954305 357,2 C357,3.1045695 356.104569,4 355,4 C353.895431,4 353,3.1045695 353,2 C353,0.8954305 353.895431,0 355,0 Z M382,0 C383.104569,0 384,0.8954305 384,2 C384,3.1045695 383.104569,4 382,4 C380.895431,4 380,3.1045695 380,2 C380,0.8954305 380.895431,0 382,0 Z M412,0 C413.104569,0 414,0.8954305 414,2 C414,3.1045695 413.104569,4 412,4 C410.895431,4 410,3.1045695 410,2 C410,0.8954305 410.895431,0 412,0 Z M442,0 C443.104569,0 444,0.8954305 444,2 C444,3.1045695 443.104569,4 442,4 C440.895431,4 440,3.1045695 440,2 C440,0.8954305 440.895431,0 442,0 Z M472,0 C473.104569,0 474,0.8954305 474,2 C474,3.1045695 473.104569,4 472,4 C470.895431,4 470,3.1045695 470,2 C470,0.8954305 470.895431,0 472,0 Z M499,0 C500.104569,0 501,0.8954305 501,2 C501,3.1045695 500.104569,4 499,4 C497.895431,4 497,3.1045695 497,2 C497,0.8954305 497.895431,0 499,0 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-822.000000, -197.000000)'%3E%3Cg id='top-illustration' transform='translate(469.000000, 197.000000)'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.authentication-wrapper.authentication-basic .authentication-inner:after{width:243px;height:240px;content:" ";position:absolute;bottom:-68px;left:-46px}.authentication-wrapper.authentication-basic .authentication-inner .card{z-index:1}.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand{margin-bottom:2.5rem}.authentication-wrapper .auth-input-wrapper .auth-input{max-width:50px;padding-left:.4rem;padding-right:.4rem;font-size:150%}@media (max-width: 575.98px){.authentication-wrapper .auth-input-wrapper .auth-input{font-size:1.125rem}}.light-style .authentication-wrapper .authentication-bg{background-color:#fff}.light-style .authentication-wrapper.authentication-basic .authentication-inner:after{background-image:url("data:image/svg+xml,%3Csvg width='243px' height='240px' viewBox='0 0 243 240' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M34.5,182 C35.8807119,182 37,183.119288 37,184.5 C37,185.880712 35.8807119,187 34.5,187 C33.1192881,187 32,185.880712 32,184.5 C32,183.119288 33.1192881,182 34.5,182 Z M61.5,182 C62.8807119,182 64,183.119288 64,184.5 C64,185.880712 62.8807119,187 61.5,187 C60.1192881,187 59,185.880712 59,184.5 C59,183.119288 60.1192881,182 61.5,182 Z M91.5,182 C92.8807119,182 94,183.119288 94,184.5 C94,185.880712 92.8807119,187 91.5,187 C90.1192881,187 89,185.880712 89,184.5 C89,183.119288 90.1192881,182 91.5,182 Z M123.5,182 C124.880712,182 126,183.119288 126,184.5 C126,185.880712 124.880712,187 123.5,187 C122.119288,187 121,185.880712 121,184.5 C121,183.119288 122.119288,182 123.5,182 Z M153.5,182 C154.880712,182 156,183.119288 156,184.5 C156,185.880712 154.880712,187 153.5,187 C152.119288,187 151,185.880712 151,184.5 C151,183.119288 152.119288,182 153.5,182 Z M180.5,182 C181.880712,182 183,183.119288 183,184.5 C183,185.880712 181.880712,187 180.5,187 C179.119288,187 178,185.880712 178,184.5 C178,183.119288 179.119288,182 180.5,182 Z M34.5,154 C35.8807119,154 37,155.119288 37,156.5 C37,157.880712 35.8807119,159 34.5,159 C33.1192881,159 32,157.880712 32,156.5 C32,155.119288 33.1192881,154 34.5,154 Z M61.5,154 C62.8807119,154 64,155.119288 64,156.5 C64,157.880712 62.8807119,159 61.5,159 C60.1192881,159 59,157.880712 59,156.5 C59,155.119288 60.1192881,154 61.5,154 Z M91.5,154 C92.8807119,154 94,155.119288 94,156.5 C94,157.880712 92.8807119,159 91.5,159 C90.1192881,159 89,157.880712 89,156.5 C89,155.119288 90.1192881,154 91.5,154 Z M123.5,154 C124.880712,154 126,155.119288 126,156.5 C126,157.880712 124.880712,159 123.5,159 C122.119288,159 121,157.880712 121,156.5 C121,155.119288 122.119288,154 123.5,154 Z M153.5,154 C154.880712,154 156,155.119288 156,156.5 C156,157.880712 154.880712,159 153.5,159 C152.119288,159 151,157.880712 151,156.5 C151,155.119288 152.119288,154 153.5,154 Z M180.5,154 C181.880712,154 183,155.119288 183,156.5 C183,157.880712 181.880712,159 180.5,159 C179.119288,159 178,157.880712 178,156.5 C178,155.119288 179.119288,154 180.5,154 Z M34.5,124 C35.8807119,124 37,125.119288 37,126.5 C37,127.880712 35.8807119,129 34.5,129 C33.1192881,129 32,127.880712 32,126.5 C32,125.119288 33.1192881,124 34.5,124 Z M61.5,124 C62.8807119,124 64,125.119288 64,126.5 C64,127.880712 62.8807119,129 61.5,129 C60.1192881,129 59,127.880712 59,126.5 C59,125.119288 60.1192881,124 61.5,124 Z M91.5,124 C92.8807119,124 94,125.119288 94,126.5 C94,127.880712 92.8807119,129 91.5,129 C90.1192881,129 89,127.880712 89,126.5 C89,125.119288 90.1192881,124 91.5,124 Z M123.5,124 C124.880712,124 126,125.119288 126,126.5 C126,127.880712 124.880712,129 123.5,129 C122.119288,129 121,127.880712 121,126.5 C121,125.119288 122.119288,124 123.5,124 Z M153.5,124 C154.880712,124 156,125.119288 156,126.5 C156,127.880712 154.880712,129 153.5,129 C152.119288,129 151,127.880712 151,126.5 C151,125.119288 152.119288,124 153.5,124 Z M180.5,124 C181.880712,124 183,125.119288 183,126.5 C183,127.880712 181.880712,129 180.5,129 C179.119288,129 178,127.880712 178,126.5 C178,125.119288 179.119288,124 180.5,124 Z M34.5,94 C35.8807119,94 37,95.1192881 37,96.5 C37,97.8807119 35.8807119,99 34.5,99 C33.1192881,99 32,97.8807119 32,96.5 C32,95.1192881 33.1192881,94 34.5,94 Z M153.5,94 C154.880712,94 156,95.1192881 156,96.5 C156,97.8807119 154.880712,99 153.5,99 C152.119288,99 151,97.8807119 151,96.5 C151,95.1192881 152.119288,94 153.5,94 Z M91.5,94 C92.8807119,94 94,95.1192881 94,96.5 C94,97.8807119 92.8807119,99 91.5,99 C90.1192881,99 89,97.8807119 89,96.5 C89,95.1192881 90.1192881,94 91.5,94 Z M180.5,94 C181.880712,94 183,95.1192881 183,96.5 C183,97.8807119 181.880712,99 180.5,99 C179.119288,99 178,97.8807119 178,96.5 C178,95.1192881 179.119288,94 180.5,94 Z M61.5,94 C62.8807119,94 64,95.1192881 64,96.5 C64,97.8807119 62.8807119,99 61.5,99 C60.1192881,99 59,97.8807119 59,96.5 C59,95.1192881 60.1192881,94 61.5,94 Z M123.5,94 C124.880712,94 126,95.1192881 126,96.5 C126,97.8807119 124.880712,99 123.5,99 C122.119288,99 121,97.8807119 121,96.5 C121,95.1192881 122.119288,94 123.5,94 Z M34.5,64 C35.8807119,64 37,65.1192881 37,66.5 C37,67.8807119 35.8807119,69 34.5,69 C33.1192881,69 32,67.8807119 32,66.5 C32,65.1192881 33.1192881,64 34.5,64 Z M61.5,64 C62.8807119,64 64,65.1192881 64,66.5 C64,67.8807119 62.8807119,69 61.5,69 C60.1192881,69 59,67.8807119 59,66.5 C59,65.1192881 60.1192881,64 61.5,64 Z M91.5,64 C92.8807119,64 94,65.1192881 94,66.5 C94,67.8807119 92.8807119,69 91.5,69 C90.1192881,69 89,67.8807119 89,66.5 C89,65.1192881 90.1192881,64 91.5,64 Z M123.5,64 C124.880712,64 126,65.1192881 126,66.5 C126,67.8807119 124.880712,69 123.5,69 C122.119288,69 121,67.8807119 121,66.5 C121,65.1192881 122.119288,64 123.5,64 Z M153.5,64 C154.880712,64 156,65.1192881 156,66.5 C156,67.8807119 154.880712,69 153.5,69 C152.119288,69 151,67.8807119 151,66.5 C151,65.1192881 152.119288,64 153.5,64 Z M180.5,64 C181.880712,64 183,65.1192881 183,66.5 C183,67.8807119 181.880712,69 180.5,69 C179.119288,69 178,67.8807119 178,66.5 C178,65.1192881 179.119288,64 180.5,64 Z M34.5,37 C35.8807119,37 37,38.1192881 37,39.5 C37,40.8807119 35.8807119,42 34.5,42 C33.1192881,42 32,40.8807119 32,39.5 C32,38.1192881 33.1192881,37 34.5,37 Z M61.5,37 C62.8807119,37 64,38.1192881 64,39.5 C64,40.8807119 62.8807119,42 61.5,42 C60.1192881,42 59,40.8807119 59,39.5 C59,38.1192881 60.1192881,37 61.5,37 Z M91.5,37 C92.8807119,37 94,38.1192881 94,39.5 C94,40.8807119 92.8807119,42 91.5,42 C90.1192881,42 89,40.8807119 89,39.5 C89,38.1192881 90.1192881,37 91.5,37 Z M123.5,37 C124.880712,37 126,38.1192881 126,39.5 C126,40.8807119 124.880712,42 123.5,42 C122.119288,42 121,40.8807119 121,39.5 C121,38.1192881 122.119288,37 123.5,37 Z M153.5,37 C154.880712,37 156,38.1192881 156,39.5 C156,40.8807119 154.880712,42 153.5,42 C152.119288,42 151,40.8807119 151,39.5 C151,38.1192881 152.119288,37 153.5,37 Z M180.5,37 C181.880712,37 183,38.1192881 183,39.5 C183,40.8807119 181.880712,42 180.5,42 C179.119288,42 178,40.8807119 178,39.5 C178,38.1192881 179.119288,37 180.5,37 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='📝-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Login---V2' transform='translate(-469.000000, -670.000000)'%3E%3Cg id='Shapes' transform='translate(469.000000, 197.000000)'%3E%3Cg id='bottom-illustration' transform='translate(0.000000, 473.000000)'%3E%3Crect id='Rectangle' fill='%23696cff' opacity='0.04' x='0' y='0' width='215' height='216' rx='10'%3E%3C/rect%3E%3Crect id='Rectangle' stroke='rgba(67, 89, 113, 0.5)' opacity='0.48' x='104.5' y='100.5' width='138' height='139' rx='10'%3E%3C/rect%3E%3Cg id='Dot'%3E%3Cuse fill='%23696cff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.6' fill='%23FFFFFF' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}:root{--primary: #6c5ce7;--primary-dark: #5b4bc4;--bg-gradient: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--text-main: #2d3436;--text-muted: #636e72}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);font-family:Kanit,sans-serif;padding:20px}.login-card{width:100%;max-width:950px;background:#fff;border-radius:30px;box-shadow:0 30px 60px #0003;display:flex;overflow:hidden;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-main{flex:1.2;padding:50px;background:#fff}.school-logo{width:100px;height:100px;object-fit:contain;margin-bottom:15px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.1))}.school-name{color:var(--primary);font-weight:600;margin-bottom:5px}.school-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:30px}.input-group-custom{margin-bottom:20px;text-align:left}.input-group-custom label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-main);margin-bottom:8px;font-weight:500}.custom-input{border-radius:12px!important;padding:14px 18px!important;border:2px solid #f1f2f6!important;transition:all .3s!important;background:#f8f9fa!important}.custom-input:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px #6c5ce71a!important}.password-wrapper{position:relative}.btn-toggle-pwd{position:absolute;right:15px;top:50%;transform:translateY(-50%);border:none;background:none;color:#b2bec3;cursor:pointer}.role-selector-modern{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.role-option{cursor:pointer;border:2px solid #f1f2f6;border-radius:12px;padding:10px;text-align:center;transition:.3s}.role-option input{display:none}.role-option.active{border-color:var(--primary);background:#6c5ce70d;color:var(--primary);font-weight:600}.btn-login{width:100%;padding:15px;border-radius:15px;border:none;background:var(--primary);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center}.btn-login:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #6c5ce74d}.login-sidebar{flex:0 0 320px;background:#f8f9fa;padding:40px 30px;display:flex;flex-direction:column;border-left:1px solid #edf2f7}.side-menu-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.side-btn{display:flex;align-items:center;gap:15px;padding:18px;border-radius:18px;border:none;transition:.3s;text-align:left}.side-icon{font-size:1.5rem;background:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 4px 10px #0000000d}.side-text{display:flex;flex-direction:column}.side-text strong{font-size:.95rem;display:block}.side-text span{font-size:.75rem;opacity:.8}.btn-parent{background:#00b894;color:#fff}.btn-regis{background:#ff7675;color:#fff}.sidebar-footer{margin-top:auto;text-align:center;font-size:.8rem;color:#b2bec3}@media (max-width: 850px){.login-card{flex-direction:column;border-radius:20px}.login-sidebar{flex:1;border-left:none;border-top:1px solid #eee}.login-main{padding:30px}}.login-card{width:100%;max-width:900px;background:#fff;border-radius:24px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000001a}.login-main{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center}.custom-input{width:100%;height:50px;border-radius:12px!important;padding:12px 20px!important;border:1.5px solid #e1e8ed!important;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.custom-input:focus{border-color:#6c5ce7!important;box-shadow:0 0 0 4px #6c5ce71a!important;outline:none}.btn-login{width:100%;height:50px;background:#6c5ce7;border-radius:12px;font-size:1.1rem;font-weight:600;margin-top:10px}.role-selector{width:100%;display:flex;justify-content:flex-start;gap:25px;margin-bottom:25px;padding-left:5px}@media (max-width: 768px){.login-main{padding:30px}}:root{--menu-collapsed-width: 80px;--menu-expanded-width: 280px;--menu-primary: #696cff;--menu-bg-sidebar: #ffffff;--menu-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.menu-sidenav{height:100vh;background-color:var(--menu-bg-sidebar);position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:3000;transition:var(--menu-transition);box-shadow:4px 0 15px #0000000d}.menu-toggle-btn{position:fixed;left:20px;top:20px;width:42px;height:42px;background:var(--menu-primary);border:none;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4000;box-shadow:0 4px 12px #696cff66;transition:var(--menu-transition)}.menu-toggle-btn.menu-open{left:250px}.menu-sidenav.menu-collapsed{width:var(--menu-collapsed-width)}.menu-sidenav.menu-expanded{width:var(--menu-expanded-width)}.menu-collapsed .menu-nav-item span,.menu-collapsed .menu-nav-section-title,.menu-collapsed .menu-brand-text,.menu-collapsed .menu-arrow{display:none}.menu-collapsed .menu-nav-item{justify-content:center;padding:15px 0}.menu-main-content{margin-left:var(--menu-collapsed-width);width:calc(100% - var(--menu-collapsed-width));min-height:100vh;padding:20px;background:#f5f5f9}@media (max-width: 767px){.menu-sidenav{left:-320px!important;width:var(--menu-expanded-width)!important;transition:left .3s ease-in-out}.menu-sidenav.menu-expanded{left:0!important}.menu-toggle-btn.menu-open{left:calc(var(--menu-expanded-width) - 50px)!important;z-index:4001}.menu-main-content{margin-left:0!important;width:100%!important;padding-top:80px}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2500}}.menu-nav-brand{padding:25px 20px;display:flex;align-items:center;gap:12px}.menu-brand-logo{width:35px;height:35px;background:var(--menu-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.menu-brand-text{color:#333;font-weight:600;font-size:1.1rem}.menu-nav-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden}.menu-nav-section-title{padding:15px 25px 5px;color:#565674;font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.menu-nav-item{display:flex;align-items:center;padding:12px 25px;color:#697a8d;text-decoration:none;gap:15px;transition:var(--menu-transition)}.menu-nav-item:hover,.menu-nav-item.menu-active{background:#696cff1a;color:var(--menu-primary)}.menu-nav-submenu{background:#00000008;padding-bottom:5px}.menu-nav-submenu a{display:block;padding:10px 10px 10px 62px;font-size:.85rem;color:#697a8d;text-decoration:none}.menu-nav-footer{padding:15px;border-top:1px solid rgba(0,0,0,.05)}.menu-logout-btn{color:#ff4d4d!important;cursor:pointer;border:none;background:none;width:100%;text-align:left}.menu-arrow.menu-rotate{transform:rotate(180deg)}.menu-icon-main{color:#696cff}.menu-icon-academic{color:#71dd37}.menu-icon-person{color:#ff9f43}.menu-icon-student{color:#03c3ec}.menu-icon-budget{color:#ff3e1d}.dba-layout-wrapper{display:flex;background:#f4f7fe;min-height:100vh}.dba-main-page{flex:1;width:100%}.dba-content-container{padding:24px;margin-left:70px}.dba-header{background:var(--stdu-card-bg);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dba-title{font-size:1.5rem;font-weight:700;color:#334155;margin:0}.dba-subtitle{color:#64748b;margin:4px 0 0}.dba-btn-filter{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;cursor:pointer;transition:.2s}.dba-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.dba-stat-card{background:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px -1px #0000001a}.dba-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.dba-bg-blue{background:#696cff}.dba-bg-orange{background:#ffab00}.dba-bg-green{background:#71dd37}.dba-main-grid{display:flex;flex-wrap:wrap;gap:20px}.dba-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.dba-col-8{flex:2;min-width:400px}.dba-col-4{flex:1;min-width:300px}.dba-card-header{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:20px;color:#475569}.dba-chart-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dba-label{width:40px;font-weight:600}.dba-progress-track{flex:1;height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden;display:flex}.dba-progress-bar{height:100%;transition:width .5s ease}.dba-present{background:#696cff}.dba-late{background:#ffab00}.dba-list-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9}.dba-badge{background:#fee2e2;color:#ef4444;padding:2px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.dba-summary-box{margin-top:20px;background:#f8fafc;padding:15px;border-radius:8px;text-align:center}.dba-email-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d;margin-top:24px;width:100%}.dba-email-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.dba-form-row{display:flex;gap:16px;flex-wrap:wrap}.dba-field-group{flex:1;min-width:250px;display:flex;flex-direction:column;gap:6px}.dba-field-group label{font-size:.875rem;font-weight:600;color:#64748b}.dba-select-input,.dba-text-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;color:#334155;font-size:.95rem;outline:none;transition:all .2s ease}.dba-select-input:focus,.dba-text-input:focus{border-color:#696cff;background-color:#fff;box-shadow:0 0 0 3px #696cff1a}.dba-textarea{min-height:100px;resize:vertical}.dba-action-area{display:flex;justify-content:flex-end;margin-top:8px}.dba-btn-submit{display:flex;align-items:center;gap:8px;background:#696cff;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.dba-btn-submit:hover:not(:disabled){background:#565add;transform:translateY(-1px)}.dba-btn-submit:disabled{background:#cbd5e1;cursor:not-allowed}.dba-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.dba-modal-container{background:#fff;width:90%;max-width:1100px;height:85vh;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden}.dba-modal-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.dba-modal-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.dba-btn-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#64748b}.dba-modal-body{flex:1;display:grid;grid-template-columns:2.2fr 1fr 1fr;overflow:hidden;background:#f8fafc}.dba-modal-col{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid #e2e8f0}.dba-modal-col:last-child{border-right:none}.dba-col-header-box{padding:14px 20px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;font-weight:600;color:#475569;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.dba-search-wrapper{padding:12px 16px;border-bottom:1px solid #e2e8f0}.dba-modal-list-scroll{flex:1;overflow-y:auto;padding:8px 0}.dba-student-row{display:grid;grid-template-columns:2.2fr 1fr 1fr;align-items:center;border-bottom:1px solid #f1f5f9;transition:background .15s ease}.dba-student-row:hover{background:#f8fafc}.dba-student-cell{padding:12px 20px;font-size:.925rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dba-center-check{display:flex;justify-content:center;align-items:center}.dba-checkbox-custom{width:18px;height:18px;cursor:pointer;accent-color:#696cff}.dba-email-meta{display:block;font-size:.75rem;color:#94a3b8;margin-top:2px}.dba-modal-footer-form{padding:20px 24px;border-top:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;gap:12px}.dba-short-row{display:flex;gap:16px}.dba-btn-shortcut{background:transparent;border:none;color:#696cff;font-size:.8rem;font-weight:600;cursor:pointer;padding:0}.dba-btn-shortcut:hover{text-decoration:underline}.dba-attachment-area{margin-top:4px}.dba-file-upload-wrapper{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:8px 12px;border:1px dashed #cbd5e1;border-radius:8px;margin-top:4px}.dba-file-input-hidden{display:none!important}.dba-btn-upload-trigger{background:#fff;border:1px solid #cbd5e1;padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .15s ease}.dba-btn-upload-trigger:hover{background:#f1f5f9;border-color:#94a3b8}.dba-no-file-text{font-size:.85rem;color:#94a3b8}.dba-file-badge{display:inline-flex;align-items:center;gap:6px;background:#e0e1ff;color:#696cff;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:500;max-width:300px}.dba-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dba-btn-remove-file{background:transparent;border:none;color:#696cff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:background .15s}.dba-btn-remove-file:hover{background:#696cff33}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.dba-form-row{flex-direction:column;gap:12px}.dba-content-container{padding:14px;margin-left:2px}.dba-col-8,.dba-col-4{flex:1 1 100%;min-width:100%}.dba-header{flex-direction:column;align-items:flex-start;gap:16px}}:root{--stc-primary: #696cff;--stc-primary-gradient: linear-gradient(135deg, #696cff 0%, #3f4191 100%);--stc-card-shadow: 0 10px 30px rgba(0, 0, 0, .05);--stc-border-radius: 16px;--stc-bg-light: #f8f9ff;--stc-text-main: #32325d;--stc-text-sub: #718096}.stc-main-wrapper{background:#fff;border-radius:var(--stc-border-radius);padding:24px;box-shadow:var(--stc-card-shadow);font-family:Prompt,Kanit,sans-serif}.stc-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.stc-title-group{display:flex;align-items:center;gap:16px}.stc-icon-box{width:48px;height:48px;background:var(--stc-primary-gradient);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #696cff33}.stc-main-title{font-size:1.25rem;font-weight:700;color:var(--stc-text-main);margin:0}.stc-sub-title{font-size:.9rem;color:var(--stc-text-sub);margin:0}.stc-action-controls{display:flex;gap:12px;align-items:center}.stc-input-wrapper{display:flex;align-items:center;background:var(--stc-bg-light);border:1px solid #e2e8f0;padding:8px 12px;border-radius:10px;color:var(--stc-text-sub);transition:all .2s}.stc-input-wrapper:focus-within{border-color:var(--stc-primary);box-shadow:0 0 0 3px #696cff1a}.stc-date-input{border:none;background:transparent;margin-left:8px;color:var(--stc-text-main);font-family:inherit;outline:none}.stc-btn-action{background:var(--stc-primary-gradient);color:#fff;border:none;padding:10px 20px;border-radius:10px;display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.stc-btn-action:hover{transform:translateY(-2px);box-shadow:0 5px 15px #696cff4d}.stc-content-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.stc-chart-section{background:var(--stc-bg-light);border-radius:var(--stc-border-radius);padding:20px;display:flex;flex-direction:column;justify-content:center}.stc-chart-visual{position:relative;min-height:250px;display:flex;align-items:center;justify-content:center}.stc-empty-chart-text{position:absolute;color:var(--stc-text-sub);font-size:.9rem}.stc-stat-cards-group{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.stc-stat-card-item{background:#fff;padding:12px;border-radius:12px;border-left:4px solid var(--stc-border-color);display:flex;flex-direction:column;box-shadow:0 2px 4px #00000005}.stc-stat-card-label{font-size:.85rem;color:var(--stc-text-sub)}.stc-stat-card-value{font-size:1.2rem;font-weight:700;color:var(--stc-text-main)}.stc-list-section{border:1px solid #edf2f7;border-radius:var(--stc-border-radius);overflow:hidden;display:flex;flex-direction:column}.stc-section-header{background:#fcfcfd;padding:16px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:10px;font-weight:600;color:var(--stc-text-main)}.stc-table-container{max-height:400px;overflow-y:auto}.stc-data-table{width:100%;border-collapse:collapse}.stc-table-row{border-bottom:1px solid #f7fafc;transition:background .2s}.stc-table-row:hover{background:#f8f9ff}.stc-td-num,.stc-td-name,.stc-td-status{padding:12px 16px}.stc-number-badge{width:28px;height:28px;background:#e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#4a5568}.stc-student-name{font-weight:500;color:var(--stc-text-main)}.stc-status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.stc-empty-list-box{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.stc-empty-text{color:#10b981;font-weight:500}@media (max-width: 992px){.stc-content-grid{grid-template-columns:1fr}}@media (max-width: 600px){.stc-header-container{flex-direction:column;align-items:flex-start}.stc-action-controls{width:100%;flex-direction:column;align-items:stretch}.stc-btn-action{justify-content:center}}@media (max-width: 500px){.stc-content-grid{gap:24px}}@media (max-width: 400px){.stc-main-wrapper{padding:16px}.stc-content-grid{display:block;gap:0}.stc-chart-section{margin-bottom:24px}.stc-stat-cards-group{grid-template-columns:1fr}.stc-main-title{font-size:1.1rem}}:root{--stk-primary: #696cff;--stk-primary-light: #e7e7ff;--stk-success: #71dd37;--stk-danger: #ff3e1d;--stk-warning: #ffab00;--stk-info: #03c3ec;--stk-text-main: #566a7f;--stk-text-light: #a1acb8;--stk-card-bg: #ffffff;--stk-radius: 16px;--stk-shadow: 0 10px 30px rgba(0, 0, 0, .08);--stk-transition: all .3s cubic-bezier(.25, .8, .25, 1)}.stk-container{width:100%;margin-bottom:2rem}.stk-card{background:var(--stk-card-bg);border-radius:var(--stk-radius);box-shadow:var(--stk-shadow);border:1px solid rgba(67,89,113,.1);overflow:hidden;transition:var(--stk-transition)}.stk-header{padding:24px;display:flex;justify-content:space-between;align-items:center;background:#fff;cursor:pointer;border-bottom:1px solid #f0f2f4}.stk-title-group{display:flex;align-items:center;gap:16px}.stk-icon-bg{width:48px;height:48px;background:var(--stk-primary-light);color:var(--stk-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #696cff26}.stk-title-group h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--stk-text-main)}.stk-title-group p{margin:4px 0 0;font-size:.85rem;color:var(--stk-text-light)}.stk-actions{display:flex;align-items:center;gap:15px}.stk-date-picker{display:flex;align-items:center;background:#f5f5f9;padding:8px 16px;border-radius:10px;border:1px solid transparent;transition:var(--stk-transition)}.stk-date-picker:focus-within{background:#fff;border-color:var(--stk-primary);box-shadow:0 0 0 3px #696cff1a}.stk-date-picker input{border:none;background:transparent;outline:none;margin-left:10px;color:var(--stk-text-main);font-family:inherit}.stk-arrow{transition:transform .3s ease;color:var(--stk-text-light)}.stk-arrow.rotate{transform:rotate(180deg)}.stk-body{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.stk-card.expanded .stk-body{max-height:1500px}.stk-table-scroll-area{overflow-x:auto;padding:0 20px 20px}.stk-table{width:100%;border-collapse:separate;border-spacing:0 8px}.stk-table th{padding:15px;color:var(--stk-text-light);font-weight:600;font-size:.85rem;text-transform:uppercase;border-bottom:1px solid #f0f2f4}.stk-table td{padding:12px 15px;background:#fff;vertical-align:middle}.stk-table tbody tr{transition:var(--stk-transition)}.stk-table tbody tr:hover td{background:#f9f9ff;transform:translateY(-2px)}.stk-td-name{min-width:220px;border-radius:12px 0 0 12px}.stk-name-wrapper{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--stk-text-main)}.stk-avatar{width:34px;height:34px;background:var(--stk-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.stk-status-pill{padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:700;display:inline-block;min-width:50px}.stk-present{background:#e8fadf;color:var(--stk-success)}.stk-absent{background:#ffe5e0;color:var(--stk-danger)}.stk-leave{background:#fff2d6;color:var(--stk-warning)}.stk-late{background:#d7f5fc;color:var(--stk-info)}.stk-none{background:#f5f5f9;color:var(--stk-text-light)}.stk-period-th{position:relative;min-width:90px}.stk-info-btn{background:none;border:none;color:var(--stk-text-light);cursor:pointer;margin-left:5px;padding:4px;border-radius:50%;transition:.2s}.stk-info-btn:hover{color:var(--stk-primary);background:var(--stk-primary-light)}.stk-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:100;background:#233446;color:#fff;padding:12px;border-radius:10px;font-size:.8rem;width:180px;text-align:left;box-shadow:0 10px 20px #0003;white-space:pre-wrap;margin-top:10px}.stk-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #233446 transparent}@media (max-width: 768px){.stk-header{flex-direction:column;align-items:flex-start;gap:15px}.stk-actions{width:100%;justify-content:space-between}}.stk-mobile-status-group{display:none}@media (max-width: 400px){.stk-table thead{display:none}.stk-table,.stk-table tbody,.stk-table tr,.stk-table td{display:block;width:100%}.stk-table tbody tr{margin-bottom:15px;border:1px solid #f0f2f4;border-radius:12px;padding:10px}.stk-table td{border:none;padding:5px 0;text-align:left!important}.stk-td-name{min-width:unset}.stk-mobile-status-group{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-left:46px}.stk-status-circle{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:relative}.stk-table td:not(.stk-td-name){display:none}}:root{--ms-primary: #696cff;--ms-primary-light: #e7e7ff;--ms-danger: #ff3e1d;--ms-warning: #ffab00;--ms-success: #71dd37;--ms-text-main: #566a7f;--ms-text-sub: #a1acb8;--ms-bg-card: #ffffff;--ms-radius: 16px;--ms-shadow: 0 10px 30px rgba(0, 0, 0, .08);--ms-transition: all .3s cubic-bezier(.25, .8, .25, 1)}.ms-wrapper{width:100%;font-family:Prompt,sans-serif}.ms-main-card{background:var(--ms-bg-card);border-radius:var(--ms-radius);box-shadow:var(--ms-shadow);border:1px solid rgba(67,89,113,.1);overflow:hidden;transition:var(--ms-transition)}.ms-card-header{padding:24px;display:flex;justify-content:space-between;align-items:center;background:#fff;cursor:pointer;border-bottom:1px solid #f0f2f4}.ms-header-left{display:flex;align-items:center;gap:16px}.ms-alert-icon-box{width:48px;height:48px;background:#ffe5e0;color:var(--ms-danger);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ff3e1d26}.ms-header-text .ms-main-title{display:block;font-size:1.25rem;font-weight:700;color:var(--ms-text-main)}.ms-header-text .ms-sub-title{font-size:.85rem;color:var(--ms-text-sub)}.ms-chevron-icon{color:var(--ms-text-sub);transition:transform .3s ease}.ms-chevron-icon.is-open{transform:rotate(90deg)}.ms-card-content{overflow:hidden;transition:max-height .4s ease}.ms-card-content.collapsed{max-height:0}.ms-card-content.expanded{max-height:2000px}.ms-custom-table{width:100%;border-collapse:collapse}.ms-custom-table th{padding:16px 24px;text-align:left;background:#fcfcfd;color:var(--ms-text-sub);font-weight:600;font-size:.85rem;text-transform:uppercase}.ms-custom-table td{padding:16px 24px;border-bottom:1px solid #f0f2f4;color:var(--ms-text-main)}.ms-student-cell{display:flex;align-items:center;gap:12px}.ms-name-avatar{width:36px;height:36px;background:var(--ms-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.ms-subject-badge{background:var(--ms-primary-light);color:var(--ms-primary);padding:4px 12px;border-radius:8px;font-size:.85rem;font-weight:600}.ms-desktop-search-btn{background:none;border:1px solid #d9dee3;color:var(--ms-text-sub);padding:8px;border-radius:8px;cursor:pointer;transition:var(--ms-transition)}.ms-desktop-search-btn:hover{background:var(--ms-primary);color:#fff;border-color:var(--ms-primary)}.ms-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#23344680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ms-modal-box{background:#fff;width:100%;max-width:500px;border-radius:var(--ms-radius);box-shadow:0 20px 50px #00000026;animation:msModalSlide .3s ease}@keyframes msModalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ms-modal-top{padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid #f0f2f4}.ms-modal-list{padding:20px;max-height:60vh;overflow-y:auto}.ms-subject-card{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.ms-abs-indicator{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:8px;min-width:60px}.ms-abs-indicator .val{font-weight:800;font-size:1.1rem}.ms-abs-indicator .lbl{font-size:.7rem}@media (max-width: 768px){.ms-desktop-column{display:none}.ms-header-left{gap:10px}.ms-main-title{font-size:1.1rem}}:root{--mscs-primary: #6366f1;--mscs-danger: #ef4444;--mscs-success: #10b981;--mscs-bg: #f8fafc;--mscs-card-bg: #ffffff;--mscs-text-main: #1e293b;--mscs-text-muted: #64748b}.mscs-container{background-color:var(--mscs-bg);min-height:100vh;font-family:Sarabun,sans-serif}.mscs-header{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:2.5rem;border-radius:1.5rem;color:#fff;margin-bottom:2rem;box-shadow:0 10px 25px #6366f133}.mscs-title-group{display:flex;align-items:center;gap:1.5rem}.mscs-title-group h1{margin:0;font-size:1.75rem;font-weight:700}.mscs-title-group p{margin:.25rem 0 0;opacity:.9}.mscs-title-group p span{font-weight:700;text-decoration:underline}.mscs-table-wrapper{background:var(--mscs-card-bg);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.mscs-main-table{width:100%;border-collapse:collapse;min-width:800px}.mscs-main-table th{background:#f1f5f9;padding:1rem;text-align:left;color:var(--mscs-text-muted);font-size:.875rem;border-bottom:2px solid #e2e8f0}.mscs-main-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.mscs-divider-row td{padding:0}.mscs-divider-content{background:#f8fafc;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--mscs-primary);font-weight:600;border-left:4px solid var(--mscs-primary)}.mscs-advisor{margin-left:auto;font-weight:400;font-size:.85rem;color:var(--mscs-text-muted)}.mscs-percent-badge{padding:.35rem .75rem;border-radius:2rem;font-weight:700;font-size:.85rem;display:inline-block}.mscs-percent-badge.danger{background:#fee2e2;color:var(--mscs-danger)}.mscs-percent-badge.success{background:#d1fae5;color:var(--mscs-success)}.mscs-absence-val{color:var(--mscs-danger);font-weight:800;font-size:1.1rem}.mscs-btn-action{padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;margin:0 auto}.mscs-btn-action.fix{background-color:#fff;color:var(--mscs-danger);border:1.5px solid var(--mscs-danger)}.mscs-btn-action.fix:hover{background-color:var(--mscs-danger);color:#fff}.mscs-btn-action.done{background-color:var(--mscs-success);color:#fff;opacity:.7}.mscs-text-center{text-align:center!important}.mscs-row-done{opacity:.6;background-color:#fcfcfc}.mscs-course-info{display:flex;flex-direction:column}.mscs-course-code{font-size:.75rem;color:var(--mscs-text-muted)}.mscs-header-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;width:100%}.mscs-title-group{display:flex;align-items:center;gap:12px}.mscs-filter-group{display:flex;flex-wrap:wrap;gap:12px;flex-grow:1;justify-content:center}.mscs-select-wrapper{position:relative;display:flex;align-items:center;min-width:180px}.mscs-filter-inline-icon{position:absolute;left:10px;color:#6b7280;pointer-events:none}.mscs-select{width:100%;padding:8px 12px 8px 34px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px;color:#374151;outline:none;cursor:pointer;transition:all .2s}.mscs-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.mscs-header-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.mscs-btn-excel,.mscs-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;border:none;transition:background-color .2s;white-space:nowrap}.mscs-btn-excel{background-color:#107c41;color:#fff}.mscs-btn-excel:hover{background-color:#0b592e}@media (max-width: 1024px){.mscs-header-content{flex-direction:column;align-items:flex-start}.mscs-filter-group{justify-content:flex-start;width:100%}.mscs-select-wrapper{flex:1;min-width:200px}.mscs-header-actions{width:100%;justify-content:flex-start}}@media (max-width: 768px){.mscs-container{padding:1rem}.mscs-header{padding:1.5rem;border-radius:1rem}.mscs-title-group h1{font-size:1.4rem}.mscs-table-wrapper{overflow-x:auto}}.mscs-loading-wrapper,.mscs-empty-card{text-align:center;padding:5rem 1rem;background:#fff;border-radius:1.5rem}.mscs-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--mscs-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.mscs-header-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.mscs-btn-primary{display:flex;align-items:center;gap:.75rem;background-color:#fff;color:#6366f1;padding:.75rem 1.5rem;border-radius:.75rem;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.mscs-btn-primary:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.mscs-btn-primary:active{transform:translateY(0)}@media (max-width: 600px){.mscs-header-content{flex-direction:column;align-items:flex-start}.mscs-title-group{width:100%;justify-content:center;margin-bottom:4px}.mscs-filter-group{flex-direction:column;gap:8px}.mscs-select-wrapper{width:100%}.mscs-header-actions{flex-direction:column;gap:8px}.mscs-btn-excel,.mscs-btn-primary{width:100%;padding:12px}.mscs-header-actions{width:100%}.mscs-btn-primary{width:100%;justify-content:center}}.studentchecker-card{border:none!important;border-radius:12px!important;background:#fff;box-shadow:0 4px 20px #0000000d!important;width:100%!important;max-width:100%!important;display:flex;flex-direction:column}.studentchecker-header-title{color:#232743;font-weight:700;display:flex;align-items:center;gap:8px}.studentchecker-search-container{display:flex;flex-direction:row;gap:8px;width:100%}.studentchecker-select{flex:1;min-width:0;max-width:100%!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;height:42px!important;width:50%;padding:0 36px 0 12px!important;font-size:.95rem!important;font-family:inherit;color:#4f5d75!important;background-color:#fff!important;border:1px solid #d9dee3!important;border-radius:8px!important;box-sizing:border-box!important;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23696cff'%3E%3Cpath d='M12 15.25a.74.74 0 0 1-.53-.22l-5-5a.75.75 0 0 1 1.06-1.06L12 13.44l4.47-4.47a.75.75 0 0 1 1.06 1.06l-5 5a.74.74 0 0 1-.53.22z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.studentchecker-select:focus{outline:none!important;border-color:#696cff!important;box-shadow:0 0 0 3px #696cff26!important}.studentchecker-select option{padding:10px!important;background-color:#fff;color:#4f5d75;max-width:100%!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.studentchecker-result-box{padding:1rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #eef0f2;margin-top:1rem;animation:studentchecker-fadeIn .3s ease-out;width:100%}@keyframes studentchecker-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.studentchecker-stats-container{display:flex;gap:8px;margin-bottom:8px;width:100%}.studentchecker-stat-card{flex:1;min-width:0;padding:8px;background-color:#fff;border:1px solid #e4e6e8;border-radius:8px;text-align:center}.studentchecker-stat-label{display:block;font-size:.75rem;color:#6c757d;font-weight:500;margin-bottom:2px;white-space:nowrap}.studentchecker-stat-value{font-size:1.15rem;font-weight:700}.studentchecker-status-alert{padding:8px 12px;border-radius:8px;text-align:center;font-weight:600;font-size:.85rem;align-items:center;justify-content:center;gap:4px;width:100%}.studentchecker-status-success{background-color:#e1fbe7!important;color:#1e7e34!important}.studentchecker-status-danger{background-color:#ffe2e5!important;color:#dc3545!important}@media (max-width: 576px){.studentchecker-search-container{flex-direction:column!important}.studentchecker-select,.studentchecker-btn-search{width:100%!important;padding:10px!important;justify-content:center}}:root{--primary-gradient: linear-gradient(135deg, #696cff 0%, #3f4191 100%);--glass-bg: rgba(255, 255, 255, .9);--card-shadow: 0 10px 30px rgba(0, 0, 0, .05);--border-radius: 16px;--sidebar-w: 280px;--sidebar-c: 80px}.hm-layout-wrapper{min-height:100vh;background-color:#f8f9ff;font-family:Prompt,sans-serif}.hm-main-content{flex-grow:1;transition:all .3s cubic-bezier(.4,0,.2,1);padding:24px;margin-left:var(--sidebar-c)}.hm-layout-wrapper.expanded .hm-main-content{margin-left:var(--sidebar-w)}.hm-container{margin:0 auto}.hm-welcome-card{background:#fff;padding:30px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-right:6px solid #696cff;border-left:none;position:relative;overflow:hidden}.hm-consultant-section{z-index:1;background:#696cff0d;padding:12px 20px;border-radius:16px}.hm-consultant-value{font-size:1.2rem;font-weight:800;color:#696cff}.hm-welcome-info{flex-direction:row}.hm-text-group{text-align:right}.hm-avatar-circle{width:60px;height:60px;background:#f0f2ff;color:#696cff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #696cff26;order:2}.hm-greeting{font-size:1.5rem;font-weight:700;color:#32325d;margin-bottom:8px}.hm-badge{padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:500}.hm-badge-id{background:#eef2ff;color:#696cff}.hm-badge-role{background:#e8fadf;color:#71dd37;margin-left:10px}.hm-grid-container{grid-template-columns:repeat(2,1fr);gap:24px}.hm-grid-full{grid-column:span 2;margin-bottom:10px}.hm-widget-wrapper{background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow);height:100%;transition:transform .2s ease;margin-bottom:10px}.hm-widget-wrapper:hover{transform:translateY(-5px)}@media (max-width: 992px){.hm-grid-container{grid-template-columns:1fr}.hm-grid-full{grid-column:span 1}.hm-main-content{margin-left:var(--sidebar-c)}}@media (max-width: 768px){.hm-main-content{margin-left:0!important;padding:2px}.hm-welcome-card{flex-direction:column-reverse;align-items:flex-end;text-align:right}.hm-welcome-info{width:100%;justify-content:flex-end}.hm-greeting{font-size:1.2rem}.hm-badge-group{display:flex;flex-wrap:wrap;gap:8px}.hm-badge-role{margin-left:0}}@media (max-width: 320px){.hm-container{padding:0 5px}.hm-avatar-circle{width:50px;height:50px}.hm-welcome-info{gap:10px}}:root{--sched-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--sched-bg: #f8fafc;--sched-border: #e2e8f0;--sched-text-dark: #1e293b;--sched-text-mute: #64748b;--sched-white: #ffffff}.sched-layout{display:flex;background:var(--sched-bg);min-height:100vh;font-family:Sarabun,sans-serif;color:var(--sched-text-dark)}.sched-main{flex:1;padding:2rem;margin-left:70px;width:100%;box-sizing:border-box}.sched-hero{background:var(--sched-primary);border-radius:24px;padding:2.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:2rem;box-shadow:0 10px 30px -10px #4f46e566}.sched-hero-left{display:flex;align-items:center;gap:1.5rem}.sched-icon-bg{background:#fff3;padding:1rem;border-radius:16px;display:flex}.sched-title{font-size:2rem;font-weight:700;margin:0}.sched-subtitle{margin:.2rem 0 0;opacity:.9;font-weight:300}.sched-hero-actions{display:flex;gap:1rem}.sched-btn-white,.sched-btn-outline{padding:.8rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:.2s;border:none}.sched-btn-white{background:#fff;color:#4f46e5}.sched-btn-outline{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.sched-btn-white:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.sched-toolbar{margin-bottom:2rem}.sched-search-box{background:#fff;border:1px solid var(--sched-border);border-radius:16px;padding:0 1.2rem;display:flex;align-items:center;max-width:450px;box-shadow:0 2px 4px #00000005}.sched-search-icon{color:var(--sched-text-mute)}.sched-select{border:none;padding:1rem;width:100%;font-family:inherit;font-size:1rem;outline:none;background:transparent}.sched-content-card{background:#fff;border-radius:24px;border:1px solid var(--sched-border);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.sched-table-wrapper{overflow-x:auto;width:100%}.sched-table{width:100%;border-collapse:collapse;min-width:auto}.sched-table th{background:#f8fafc;padding:1.2rem;text-align:center;font-size:.85rem;color:var(--sched-text-mute);border-bottom:1px solid var(--sched-border)}.sched-table td{padding:1rem;border:1px solid #f1f5f9;vertical-align:middle}.sched-day-label{background:#f8fafc;font-weight:700;text-align:center;min-width:100px}.sched-cell{height:90px;text-align:center;transition:.2s}.sched-cell.has-content{background:#f0f7ff;border-left:4px solid #4f46e5}.sched-item{text-align:left;display:flex;flex-direction:column;gap:.4rem}.sched-item-name{font-weight:700;color:#1e1b4b;font-size:.95rem;display:flex;align-items:center;gap:6px}.sched-item-info{color:#4338ca;font-size:.85rem;display:flex;align-items:center;gap:6px}.sched-none{color:#cbd5e1;font-size:1.2rem}.sched-empty-state,.sched-status-view{padding:5rem 2rem;text-align:center;color:var(--sched-text-mute)}.sched-empty-icon{margin-bottom:1.5rem;opacity:.5}.sched-spin{animation:spin 1s linear infinite;margin-bottom:1rem;color:#4f46e5}.sched-table-card{background:var(--sched-white);border-radius:20px;border:1px solid var(--sched-border);box-shadow:0 10px 25px -5px #0000000d;overflow:hidden;margin-top:1.5rem}.sched-table{width:100%;border-collapse:collapse}.sched-table th{background:#f8fafc;padding:1.2rem .75rem;font-size:.85rem;font-weight:700;color:var(--sched-text-mute);border-bottom:2px solid #f1f5f9}.sched-table tr:nth-child(1) .sched-day-label{background-color:#fef9c3;color:#854d0e}.sched-table tr:nth-child(2) .sched-day-label{background-color:#fce7f3;color:#9d174d}.sched-table tr:nth-child(3) .sched-day-label{background-color:#dcfce7;color:#166534}.sched-table tr:nth-child(4) .sched-day-label{background-color:#ffedd5;color:#9a3412}.sched-table tr:nth-child(5) .sched-day-label{background-color:#e0f2fe;color:#075985}.sched-day-label{width:120px;font-weight:700;text-align:center;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.sched-cell{height:100px;padding:8px;border:1px solid #f1f5f9;vertical-align:top;transition:all .2s ease}@media (max-width: 768px){.sched-table,.sched-table thead,.sched-table tbody,.sched-table tr,.sched-table td{display:block;width:100%}.sched-table thead{display:none}.sched-table tr{margin-bottom:2rem;background:#fff;border-radius:16px;border:1px solid var(--sched-border);overflow:hidden}.sched-table tr:nth-child(1) .sched-day-label{background:linear-gradient(135deg,#fde047,#eab308);color:#854d0e}.sched-table tr:nth-child(2) .sched-day-label{background:linear-gradient(135deg,#f9a8d4,#ec4899);color:#fff}.sched-table tr:nth-child(3) .sched-day-label{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}.sched-table tr:nth-child(4) .sched-day-label{background:linear-gradient(135deg,#fdba74,#f97316);color:#fff}.sched-table tr:nth-child(5) .sched-day-label{background:linear-gradient(135deg,#7dd3fc,#0ea5e9);color:#fff}.sched-day-label{padding:1rem 1.5rem;font-size:1.2rem;width:100%;text-align:left;border:none}.sched-cell{display:flex;flex-direction:row;align-items:center;padding:12px 16px;height:auto;border:none;border-bottom:1px solid #f1f5f9}.sched-cell:before{content:attr(data-label);min-width:65px;font-size:.7rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:3px 6px;border-radius:5px;margin-right:12px;text-align:center}.sched-item{flex:1;background:#f8fafc;padding:8px 12px;border-radius:10px;border:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:flex-start;width:auto;max-width:100%}.sched-item-name{font-size:.9rem;color:#1e293b;font-weight:700}.sched-item-info{font-size:.8rem;color:#64748b}.sched-cell:not(.has-content){display:none}}@media (max-width: 768px){.sched-main{padding:1rem;margin-left:0}.sched-hero{background:var(--sched-primary);border-radius:24px;padding:2.5rem;display:grid;justify-content:space-between;align-items:center;color:#fff;margin-bottom:2rem;box-shadow:0 10px 30px -10px #4f46e566}.sched-table,.sched-table thead,.sched-table tbody,.sched-table tr,.sched-table td{display:block;width:100%}.sched-table thead{display:none}.sched-table tr{margin-bottom:2rem;background:#fff;border-radius:16px;border:1px solid var(--sched-border);box-shadow:0 4px 12px #00000008;overflow:hidden}.sched-day-label{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:1rem 1.5rem;font-size:1.2rem;width:100%;text-align:left;border:none}.sched-cell{display:flex;flex-direction:row;align-items:flex-start;padding:12px 16px;height:auto;border:none;border-bottom:1px solid #f1f5f9}.sched-cell:before{content:attr(data-label);min-width:70px;font-size:.75rem;font-weight:700;color:#6366f1;background:#f5f3ff;padding:4px 8px;border-radius:6px;margin-right:15px;text-align:center}.sched-item{flex:1;background:#f8fafc;padding:10px;border-radius:10px;border:1px solid #f1f5f9;align-items:flex-start}.sched-item-name{font-size:.95rem;margin-bottom:4px;justify-content:flex-start}.sched-item-info{font-size:.85rem;justify-content:flex-start}.sched-cell:not(.has-content){display:none}}:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--danger-soft: #fff1f2;--primary-soft: #eef2ff;--text-main: #1e293b;--text-light: #64748b;--border-color: #e2e8f0}.lst-layout{display:flex;background:#f1f5f9;min-height:100vh;font-family:Sarabun,sans-serif}.lst-main{flex:1;margin-left:80px;width:100%}.lst-hero-banner{background:var(--primary-gradient);border-radius:20px;padding:2.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:2rem;box-shadow:0 10px 25px -5px #6366f166}.lst-hero-content{display:flex;align-items:center;gap:1.5rem}.lst-hero-icon{background:#fff3;padding:1rem;border-radius:15px}.lst-title{font-size:2rem;font-weight:700;margin:0}.lst-subtitle{opacity:.9;margin:.2rem 0 0}.lst-stat-item{background:#0000001a;padding:1rem 2rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.lst-stat-label{display:block;font-size:.8rem;opacity:.8}.lst-stat-value{font-size:1.8rem;font-weight:800}.lst-toolbar{display:flex;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.lst-search-box{background:#fff;padding:0 1rem;border-radius:12px;display:flex;align-items:center;flex:1;max-width:450px;box-shadow:0 2px 4px #0000000d;border:1px solid var(--border-color)}.lst-search-box input{border:none;padding:.8rem;width:100%;outline:none;font-family:inherit}.lst-action-buttons{display:flex;gap:.5rem}.lst-btn-icon{background:#fff;border:1px solid var(--border-color);padding:.8rem;border-radius:12px;cursor:pointer;color:var(--text-light);transition:.2s}.lst-btn-icon:hover{color:#6366f1;border-color:#6366f1;background:var(--primary-soft)}.lst-btn-add{background:#1e293b;color:#fff;border:none;padding:0 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-weight:600;cursor:pointer;transition:.2s}.lst-btn-add:hover{background:#0f172a;transform:translateY(-2px)}.lst-table-card{background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.lst-table-modern{width:100%;border-collapse:collapse}.lst-table-modern thead th{background:#f8fafc;padding:1.2rem 1rem;text-align:left;color:#64748b;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9}.lst-table-modern tbody tr{transition:.2s}.lst-table-modern tbody tr:hover{background:#f8fafc}.lst-table-modern td{padding:1.2rem 1rem;border-bottom:1px solid #f1f5f9;color:var(--text-main)}.lst-col-code span{background:var(--primary-soft);color:#4338ca;padding:4px 10px;border-radius:6px;font-weight:700;font-family:monospace}.lst-col-name{font-weight:600}.lst-credit-badge{background:#f1f5f9;color:#475569;padding:2px 12px;border-radius:20px;font-size:.9rem;font-weight:700;border:1px solid #e2e8f0}.lst-btn-group{display:flex;gap:.5rem;justify-content:center}.lst-edit-btn,.lst-delete-btn{border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.lst-edit-btn{background:#f0fdf4;color:#16a34a}.lst-edit-btn:hover{background:#16a34a;color:#fff}.lst-delete-btn{background:#fef2f2;color:#dc2626}.lst-delete-btn:hover{background:#dc2626;color:#fff}.lst-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.lst-modal-box{background:#fff;border-radius:24px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.lst-modal-header-gradient{background:var(--primary-gradient);padding:1.5rem 2rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.lst-modal-title-wrap{display:flex;align-items:center;gap:1rem}.lst-modal-title-wrap h3{margin:0;font-size:1.25rem}.lst-modal-title-wrap span{font-size:.85rem;opacity:.8}.lst-close-x{background:#fff3;border:none;color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer}.lst-spin{animation:spin 1s linear infinite}.lst-pagination-area{display:flex;justify-content:center;padding:1.5rem;background:#fff;border-top:1px solid #f1f5f9}.lst-pagination{display:flex;list-style:none;padding:0;margin:0;gap:.5rem;align-items:center}.lst-pagination li{cursor:pointer;transition:all .2s ease}.lst-pagination li a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;color:#64748b;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease}.lst-pagination li:hover:not(.active) a{background:#f8fafc;border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.lst-pagination li.active a{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f14d}.lst-pagination li.previous a,.lst-pagination li.next a{background:#f1f5f9;border:none;color:#1e293b}.lst-pagination li.previous a:hover,.lst-pagination li.next a:hover{background:#e2e8f0;color:#6366f1}.lst-pagination li.disabled a{cursor:not-allowed;opacity:.5;background:#f8fafc;color:#cbd5e1}@media (max-width: 480px){.lst-pagination li a{width:32px;height:32px;font-size:.8rem}.lst-pagination{gap:.3rem}}.lst-modal-backdrop{padding:1rem;box-sizing:border-box}.lst-modal-box{width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column}.lst-form-body{padding:1.5rem;overflow-y:auto}.lst-input-field input{width:100%;padding:.8rem;border-radius:10px;border:1px solid #e2e8f0;box-sizing:border-box}.lst-form-footer{padding:1.2rem;display:flex;gap:.8rem}.lst-form-footer button{flex:1;padding:.8rem;border-radius:10px;font-weight:600}@media (max-width: 768px){.lst-main{padding:.75rem;box-sizing:border-box;margin-left:2px}.lst-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.lst-search-box{width:100%;max-width:none;box-sizing:border-box}.lst-action-buttons{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.lst-btn-add{flex:1;justify-content:center}.lst-table-modern thead{display:none}.lst-table-modern,.lst-table-modern tbody,.lst-table-modern tr,.lst-table-modern td{display:block;width:100%;box-sizing:border-box}.lst-table-modern tr{background:#fff;border:1px solid var(--border-color);border-radius:16px;margin-bottom:1rem;padding:.5rem;box-shadow:0 4px 6px -1px #0000000d}.lst-table-modern td{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;text-align:right;word-break:break-word}.lst-table-modern td:last-child{border-bottom:none;padding-top:1rem}.lst-table-modern td:before{content:attr(data-label);font-weight:700;color:var(--text-light);font-size:.85rem;min-width:100px;text-align:left;flex-shrink:0}.lst-table-modern td>div,.lst-table-modern td>span,.lst-table-modern td>p{flex:1;margin-left:1rem}.lst-btn-group{justify-content:flex-end;gap:.75rem}.lst-hero-banner{padding:1.5rem;flex-direction:column;text-align:center}.lst-title{font-size:1.5rem}}.lst-input-group{margin-bottom:1.25rem}.lst-input-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem;font-size:.9rem}.lst-input-control{width:100%;padding:.75rem 1rem;border-radius:12px;border:2px solid #e2e8f0;font-family:Sarabun,sans-serif;font-size:1rem;transition:all .2s ease;background:#f8fafc}.lst-input-control:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.lst-input-control.is-disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-style:dashed}.lst-form-footer{background:#f8fafc;padding:1.5rem 2rem;display:flex;gap:1rem;border-top:1px solid #e2e8f0}.lst-btn-primary,.lst-btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;font-family:Sarabun,sans-serif}.lst-btn-primary{background:var(--primary-gradient);color:#fff;border:none;box-shadow:0 4px 12px #6366f14d}.lst-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #6366f166}.lst-btn-primary:disabled{opacity:.7;cursor:wait}.lst-btn-secondary{background:#fff;color:var(--text-light);border:2px solid #e2e8f0}.lst-btn-secondary:hover{background:#f1f5f9;color:var(--text-main);border-color:#cbd5e1}.lst-modal-icon-top{background:#fff3;padding:.4rem;border-radius:10px}@media (max-width: 480px){.lst-modal-box{width:95%;border-radius:20px}.lst-modal-header-gradient,.lst-form-body{padding:1.2rem}.lst-form-footer{padding:1.2rem;flex-direction:column-reverse}}:root{--stcin-primary: #696cff;--stcin-bg: #f8f9ff;--stcin-card-bg: #ffffff;--stcin-radius: 16px;--stcin-shadow: 0 10px 30px rgba(0, 0, 0, .08);--stcin-transition: all .3s cubic-bezier(.25, .8, .25, 1)}.stcin-container{margin-left:70px;padding:24px}.stcin-title-box h2{margin:0;font-size:1.5rem;color:#32325d}.stcin-day-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-left:10px}.stcin-day-title{font-size:1.2rem;font-weight:700;text-transform:uppercase}.stcin-card{background:#fff;border-radius:var(--stcin-radius);padding:20px;box-shadow:var(--stcin-shadow);border:1px solid rgba(67,89,113,.1);transition:var(--stcin-transition);position:relative;overflow:hidden}.stcin-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.stcin-period-badge{background:#f0f2f4;color:#566a7f;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:12px;display:inline-block}.stcin-subject-name{font-size:1.15rem;font-weight:700;color:#32325d;margin-bottom:8px}.stcin-subject-info{font-size:.9rem;color:#a1acb8;display:flex;align-items:center;gap:15px;margin-bottom:20px}.stcin-btn{width:100%;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;border:none;transition:var(--stcin-transition);display:flex;align-items:center;justify-content:center;gap:8px}.stcin-btn-primary{background:var(--stcin-primary);color:#fff;box-shadow:0 4px 12px #696cff4d}@media (max-width: 768px){.stcin-header{gap:15px;align-items:flex-start}.stcin-grid{grid-template-columns:1fr}.stcin-container{padding:15px}}@media (max-width: 500px){.stcin-card{padding:15px}.stcin-subject-name{font-size:1rem}}.stcin-layout{min-height:100vh;background-color:var(--stcin-bg);font-family:Prompt,sans-serif}.stcin-container{margin:0 auto;padding:24px}.stcin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:var(--stcin-radius);box-shadow:var(--stcin-shadow)}.stcin-date-picker-wrapper{display:flex;align-items:center;gap:12px;background:#f5f5f9;padding:8px 16px;border-radius:12px}.stcin-date-range{font-size:.9rem;color:#697a8d;border-left:1px solid #d9dee3;padding-left:12px}.stcin-day-group{margin-bottom:40px}.stcin-day-title{font-size:1.2rem;font-weight:700;margin-bottom:15px}.stcin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.stcin-card{background:#fff;border-radius:var(--stcin-radius);padding:20px;box-shadow:var(--stcin-shadow);border:1px solid rgba(67,89,113,.1);position:relative;overflow:hidden;transition:.3s}.stcin-card:hover{transform:translateY(-5px)}.stcin-status-bar{position:absolute;top:0;left:0;width:100%;height:5px}.stcin-period-badge{background:#f0f2f4;color:#566a7f;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:12px;display:inline-flex;align-items:center}.stcin-subject-name{font-size:1.1rem;font-weight:700;color:#32325d;margin-bottom:8px}.stcin-subject-info{font-size:.9rem;color:#a1acb8;display:flex;gap:15px;margin-bottom:20px}.stcin-btn{width:100%;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s}.stcin-btn-primary{background:var(--stcin-primary);color:#fff}.stcin-btn-success{background:#e8fadf;color:#71dd37;cursor:default}.day-mon{color:#ffd600}.bg-mon{background:#ffd600}.day-tue{color:#ff69b4}.bg-tue{background:#ff69b4}.day-wed{color:#32cd32}.bg-wed{background:#32cd32}.day-thu{color:orange}.bg-thu{background:orange}.day-fri{color:#1e90ff}.bg-fri{background:#1e90ff}@media (max-width: 500px){.stcin-container{padding:2px}}@media (min-width: 501px){.stcin-container{margin-left:70px;padding:24px}}.stcin-card-actions{position:absolute;top:15px;right:15px;display:flex;gap:8px;z-index:10}.stcin-action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#f5f5f9}.stcin-action-btn.edit{color:var(--stcin-primary)}.stcin-action-btn.edit:hover{background:#e7e7ff;transform:scale(1.1)}.stcin-action-btn.delete{color:#ff3e1d}.stcin-action-btn.delete:hover{background:#ffe5e0;transform:scale(1.1)}.stcin-modal-wrapper.modal{display:flex!important;align-items:center!important;justify-content:center!important;padding:20px;background-color:#00000080!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999!important}.stcin-modal-wrapper.modal{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:99999!important;background-color:#0006!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stcin-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.stcin-modal-container{background:#fff;width:90%;max-width:550px;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column}.stcin-modal-header{background:#4f46e5;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.stcin-header-info{display:flex;align-items:center;gap:12px}.stcin-icon-wrapper{background:#fff3;padding:8px;border-radius:8px;display:flex}.stcin-modal-header h3{margin:0;font-size:1.1rem}.stcin-modal-header p{margin:0;font-size:.8rem;opacity:.8}.stcin-close-btn{background:none;border:none;color:#fff;cursor:pointer}.stcin-modal-body{padding:20px;max-height:70vh;overflow-y:auto}.stcin-form-group{margin-bottom:15px;display:flex;flex-direction:column;gap:6px}.stcin-form-group label{font-weight:600;font-size:.9rem;color:#4b5563;display:flex;align-items:center;gap:6px}.stcin-form-group select,.stcin-form-group input{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;width:100%}.stcin-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stcin-period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:5px}.stcin-period-item{padding:8px;text-align:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;background:#f9fafb;transition:.2s}.stcin-period-item:hover{border-color:#4f46e5;color:#4f46e5}.stcin-period-item.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.stcin-modal-footer{padding:15px 20px;background:#f3f4f6;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb}.btn-cancel{background:none;border:none;padding:10px 15px;cursor:pointer;color:#6b7280;font-weight:500}.btn-save{background:#4f46e5;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-save:hover{background:#4338ca}.chin-layout{min-height:100vh;background-color:#f8f9ff}.chin-container{margin-left:80px;padding:24px;max-width:1400px}.chin-header-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.chin-header-left{display:flex;align-items:center;gap:16px}.chin-btn-back{width:40px;height:40px;border-radius:10px;border:1px solid #eef0f2;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.chin-btn-back:hover{background:#f8f9ff;border-color:#696cff;color:#696cff}.chin-main-title{margin:0 0 8px;font-size:1.4rem;color:#32325d;font-weight:700}.chin-badge-row{display:flex;gap:8px;flex-wrap:wrap}.chin-badge{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:5px;color:#fff}.chin-bg-primary{background:#696cff}.chin-bg-info{background:#03c3ec}.chin-bg-warning{background:#ffab00}.chin-date-picker-box{display:flex;flex-direction:column;gap:5px}.chin-date-label{font-size:.85rem;font-weight:600;color:#566a7f;display:flex;align-items:center;gap:5px}.chin-date-input{border:2px solid #eef0f2;border-radius:10px;padding:10px 15px;outline:none;transition:.2s;font-family:inherit;width:200px}.chin-date-input:focus{border-color:#696cff}.chin-content-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden;min-height:400px}.chin-table-wrapper{overflow-x:auto;width:100%}.chin-table{width:100%;border-collapse:collapse}.chin-th-no,.chin-th-name,.chin-th-period{background:#f9fafb;padding:15px 20px;text-align:left;font-size:.85rem;color:#8592a3;text-transform:uppercase;border-bottom:1px solid #eef0f2}.chin-tr:hover{background-color:#fcfcff}.chin-td-no{width:60px;text-align:center;font-weight:600}.chin-td-name{min-width:250px}.chin-student-fullname{display:block;font-weight:600;color:#32325d}.chin-student-id{color:#a1acb8;font-size:.75rem}.chin-td-status{padding:10px 15px;text-align:center}.chin-select-status{padding:8px 12px;border-radius:8px;border:1px solid #d9dee3;font-weight:600;cursor:pointer;outline:none;width:100%;max-width:100px}.chin-st-1{color:#10b981;background-color:#ecfdf5;border-color:#10b981}.chin-st-2{color:#ef4444;background-color:#fef2f2;border-color:#ef4444}.chin-st-3{color:#6366f1;background-color:#eef2ff;border-color:#6366f1}.chin-st-4{color:#f59e0b;background-color:#fffbeb;border-color:#f59e0b}.chin-form-footer{padding:24px;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f2}.chin-footer-info{display:flex;align-items:center;gap:10px;color:#8592a3;font-size:.9rem}.chin-btn-save{background:#696cff;color:#fff;border:none;padding:12px 30px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 15px #696cff66;transition:.2s}.chin-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #696cff80}.chin-empty-state{padding:100px 20px;text-align:center;color:#a1acb8}.chin-empty-icon{opacity:.2;margin-bottom:20px;color:#696cff}.chin-quick-card{background:#fff;padding:15px 24px;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;transition:all .3s ease}.chin-quick-label{font-weight:700;color:#566a7f;display:flex;align-items:center;gap:8px;font-size:.95rem;white-space:nowrap}.chin-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.chin-btn-quick{padding:8px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.chin-btn-quick:hover{transform:translateY(-2px);filter:brightness(.95);box-shadow:0 4px 8px #0000001a}.chin-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;font-family:Inter,Sarabun,sans-serif}.chin-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.chin-table th{padding:12px 16px;font-weight:600;color:#475569;text-align:left;font-size:.9rem}.chin-tr{transition:background-color .2s;border-bottom:1px solid #f1f5f9}.chin-tr:hover{background-color:#f1f5f9}.chin-row-active{background-color:#eff6ff!important}.chin-table td{padding:12px 16px;vertical-align:middle;color:#1e293b}.chin-select-status{padding:6px 10px;border-radius:6px;border:1px solid #cbd5e1;font-size:.85rem;width:100%;min-width:90px;cursor:pointer;outline:none}.chin-st-present{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.chin-st-absent{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.chin-st-late{background-color:#fef9c3;color:#854d0e;border-color:#fef08a}.chin-st-none{background-color:#f1f5f9;color:#64748b}.form-check-input{width:1.1em;height:1.1em;cursor:pointer}.stcin-btn-danger{background-color:#ef4444;color:#fff}@media (max-width: 768px){.chin-container{margin-left:0;padding:10px}.chin-header-card{align-items:stretch}.chin-date-input{width:100%}.chin-form-footer{flex-direction:column;gap:20px;text-align:center}.chin-btn-save{width:100%;justify-content:center}.stcin-header{flex-direction:column;align-items:stretch}.stcin-grid{grid-template-columns:1fr}.chin-quick-card{flex-direction:column;align-items:flex-start;gap:15px;padding:16px}.chin-quick-actions{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chin-btn-quick{width:100%;padding:10px;font-size:.9rem}@media (max-width: 500px){.chin-desktop-only{display:none!important}.chin-table thead{display:none}.chin-table,.chin-table tbody,.chin-tr,.chin-table td{display:block;width:100%}.chin-tr{padding:12px;margin-bottom:12px;border:1px solid #e2e8f0;border-radius:12px}.chin-td-combined{padding:0!important}.chin-student-info-container{display:flex;flex-direction:column;gap:12px}.chin-td-name{font-size:1.05rem;font-weight:700;color:#2563eb;display:block;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.chin-mobile-status-group{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:8px}.chin-mobile-select-item{display:flex;flex-direction:column;gap:4px}.chin-period-label{font-size:.75rem;color:#64748b;font-weight:500}.text-center{text-align:left!important;padding:0 0 8px!important}}@media (max-width: 400px){.form-check-input{width:1.5em;height:1.5em;cursor:pointer}.chin-quick-actions{grid-template-columns:1fr}}}@media (min-width: 501px){.chin-mobile-only,.chin-mobile-status-group{display:none}}:root{--stdu-primary: #696cff;--stdu-primary-hover: #5f61e6;--stdu-danger: #ff3e1d;--stdu-bg: #f5f5f9;--stdu-card-bg: #ffffff;--stdu-text: #566a7f;--stdu-border: #d9dee3;--stdu-radius: 12px}.stdu-layout{min-height:100vh;background-color:var(--stdu-bg);font-family:Prompt,sans-serif}.stdu-main-content{flex:1;padding:20px;margin-left:80px;transition:all .3s}.stdu-container{margin:0 auto}.stdu-header-card{background:var(--stdu-card-bg);padding:24px;border-radius:var(--stdu-radius);box-shadow:0 2px 6px #4359711f;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stdu-title{font-size:1.5rem;font-weight:600;color:var(--stdu-text);margin:0}.stdu-subtitle{color:#a1acb8;margin:4px 0 0}.stdu-header-actions{display:flex;gap:12px}.stdu-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.stdu-btn-primary{background:var(--stdu-primary);color:#fff}.stdu-btn-primary:hover{background:var(--stdu-primary-hover)}.stdu-btn-outline{background:transparent;border:1px solid var(--stdu-primary);color:var(--stdu-primary)}.stdu-btn-outline:hover{background:#f2f2ff}.stdu-table-wrapper{background:var(--stdu-card-bg);border-radius:var(--stdu-radius);box-shadow:0 2px 6px #4359711f;overflow:hidden}.stdu-table-header{padding:20px;border-bottom:1px solid var(--stdu-border)}.stdu-search-box{position:relative;max-width:350px}.stdu-search-box svg{position:absolute;left:12px;top:10px;color:#a1acb8}.stdu-search-box input{width:100%;padding:10px 15px 10px 40px;border:1px solid var(--stdu-border);border-radius:8px;outline:none}.stdu-table{width:100%;border-collapse:collapse}.stdu-table th{background:#f8f9fa;padding:15px;text-align:left;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--stdu-border)}.stdu-table td{padding:15px;border-bottom:1px solid var(--stdu-border);color:var(--stdu-text)}.stdu-icon-btn{border:none;background:transparent;cursor:pointer;padding:8px;border-radius:6px}.stdu-edit{color:var(--stdu-primary)}.stdu-edit:hover{background:#f2f2ff}.stdu-delete{color:var(--stdu-danger)}.stdu-delete:hover{background:#fff1f0}.stdu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.stdu-modal-box{background:#fff;width:100%;max-width:550px;border-radius:16px;overflow:hidden;animation:stduSlideUp .3s ease-out}.stdu-modal-lg{max-width:900px}.stdu-modal-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stdu-border)}.stdu-modal-body{padding:20px}.stdu-modal-footer{padding:20px;border-top:1px solid var(--stdu-border);display:flex;justify-content:flex-end;gap:10px}@media (max-width: 768px){.stdu-main-content{margin-left:0;padding:15px}.stdu-header-card{flex-direction:column;gap:15px;text-align:center}.stdu-header-actions{width:100%;flex-direction:column}.stdu-btn{width:100%;justify-content:center}.stdu-table th:nth-child(4),.stdu-table td:nth-child(4){display:none}}.stdu-pagination{display:flex;list-style:none;gap:5px;padding:0}.stdu-pagination li a{padding:8px 12px;border-radius:6px;border:1px solid var(--stdu-border);cursor:pointer;color:var(--stdu-text)}.stdu-pagination li.active a{background:var(--stdu-primary);color:#fff;border-color:var(--stdu-primary)}.stdu-stats-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:24px}.stdu-stat-card{background:#fff;padding:20px;border-radius:var(--stdu-radius);box-shadow:0 2px 6px #4359711f;display:flex;justify-content:space-between;align-items:center}.stdu-stat-label{color:#a1acb8;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.stdu-stat-value{font-size:2rem;color:var(--stdu-text);margin:5px 0 0}.stdu-chart-mini{width:80px;height:80px}.stdu-class-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stdu-tag{background:#f2f2ff;padding:4px 10px;border-radius:6px;font-size:.85rem;border:1px solid #e7e7ff}.stdu-tag-lvl{color:var(--stdu-primary);font-weight:600;margin-right:4px}.stdu-tag-count{color:#566a7f}.stdu-stat-icon{color:#e7e7ff}.stdu-avatar-text{width:30px;height:30px;background:#e7e7ff;color:var(--stdu-primary);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;font-weight:600;font-size:.8rem}@media (max-width: 992px){.stdu-stats-grid{grid-template-columns:1fr}}.stdu-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;color:var(--stdu-text)}.stdu-spin{animation:stdu-rotate 1s linear infinite;color:var(--stdu-primary);margin-bottom:10px}@keyframes stdu-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stdu-header-banner{background:linear-gradient(135deg,#696cff,#3f4191);padding:40px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #696cff4d;margin-bottom:30px;color:#fff}.stdu-banner-info{display:flex;align-items:center;gap:20px}.stdu-icon-circle{background:#fff3;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stdu-banner-title{font-size:1.8rem;font-weight:700;margin:0}.stdu-banner-subtitle{opacity:.8;margin:5px 0 0;font-size:1rem}.stdu-btn-glass{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stdu-btn-glass:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stdu-btn-white{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#6366f1;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fff3}.stdu-btn-white:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.stdu-btn-white:active{transform:translateY(0)}.stdu-modal-card{background:#fff;width:100%;max-width:580px;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #0003}.stdu-modal-header-modern{padding:30px;display:flex;justify-content:space-between;align-items:center;background:#f8f9ff;border-bottom:1px solid #edf2f7}.stdu-modal-icon-box{width:50px;height:50px;background:#e7e7ff;color:#696cff;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-right:15px}.stdu-modal-title-group{display:flex;align-items:center}.stdu-modal-title-group h3{margin:0;font-size:1.3rem;color:#32325d}.stdu-modal-title-group span{font-size:.9rem;color:#718096}.stdu-form-body{padding:30px;display:flex;flex-direction:column;gap:20px}.stdu-input-wrapper{display:flex;flex-direction:column;gap:8px;flex:1}.stdu-input-wrapper label{font-size:.9rem;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:8px}.stdu-input-wrapper input{padding:12px 16px;border-radius:12px;border:1.5px solid #e2e8f0;transition:all .2s;outline:none}.stdu-input-wrapper input:focus{border-color:#696cff;box-shadow:0 0 0 4px #696cff1a}.stdu-form-row{display:flex;gap:15px}.stdu-custom-radio-group{display:flex;gap:15px;margin-top:10px}.stdu-radio-item{flex:1;padding:15px;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.stdu-radio-item.active{border-color:#696cff;background:#f2f2ff}.stdu-radio-circle{width:18px;height:18px;border:2px solid #cbd5e0;border-radius:50%;position:relative}.stdu-radio-item.active .stdu-radio-circle{border-color:#696cff}.stdu-radio-item.active .stdu-radio-circle:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#696cff;border-radius:50%}.stdu-modal-actions{padding:20px 30px 30px;display:flex;gap:12px;justify-content:flex-end}.stdu-btn-cancel{padding:12px 25px;border-radius:12px;border:none;background:#edf2f7;color:#4a5568;cursor:pointer}.stdu-btn-submit{padding:12px 25px;border-radius:12px;border:none;background:#696cff;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600}.stdu-banner-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.stdu-header-banner{flex-direction:column;text-align:center;padding:30px 20px}.stdu-banner-info{flex-direction:column}.stdu-banner-actions{gap:10px;justify-content:flex-start}.stdu-btn-glass,.stdu-btn-white{padding:8px 12px;font-size:.9rem}.stdu-form-row{flex-direction:column}}.stdu-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:stduFadeIn .2s ease-out}.stdu-preview-card{background:#fff;width:100%;max-width:900px;max-height:85vh;border-radius:24px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:stduSlideUp .3s ease-out}.stdu-preview-header{padding:20px 30px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#fff}.stdu-preview-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.stdu-preview-close{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.stdu-preview-close:hover{background:#e2e8f0;color:#ef4444}.stdu-preview-body{padding:0 30px;overflow-y:auto;flex:1}.stdu-preview-table{width:100%;border-collapse:separate;border-spacing:0}.stdu-preview-table th{position:sticky;top:0;background:#fff;padding:15px 12px;text-align:left;font-size:.85rem;font-weight:600;color:#64748b;border-bottom:2px solid #f1f5f9;z-index:1}.stdu-preview-table td{padding:12px;font-size:.95rem;color:#334155;border-bottom:1px solid #f1f5f9}.stdu-preview-footer{padding:20px 30px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc}.stdu-btn-cancel{padding:10px 20px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s}.stdu-btn-cancel:hover{background:#f1f5f9}.stdu-btn-confirm{padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.stdu-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.stdu-btn-confirm:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes stduFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stduSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.stdu-preview-card{max-height:95vh}.stdu-preview-footer{flex-direction:column}.stdu-btn-confirm,.stdu-btn-cancel{width:100%;justify-content:center}}:root{--chic-primary: #696cff;--chic-primary-glow: rgba(105, 108, 255, .4);--chic-bg: #f5f6fb;--chic-surface: #ffffff;--chic-text-dark: #444a6e;--chic-text-muted: #828db5;--chic-border: #e6e9f4;--chic-shadow-sm: 0 4px 12px rgba(0, 0, 0, .03);--chic-shadow-md: 0 12px 24px rgba(70, 79, 114, .08)}.chic-layout-wrapper{min-height:100vh;background:var(--chic-bg);font-family:Prompt,sans-serif;color:var(--chic-text-dark)}.chic-main-content{margin-left:80px;padding:30px 20px;transition:all .3s ease}.chic-container{margin:0 auto}.chic-header-panel{background:var(--chic-surface);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--chic-shadow-md);margin-bottom:24px}.chic-header-main{display:flex;align-items:center;gap:20px}.chic-brand-icon{width:60px;height:60px;background:linear-gradient(135deg,#696cff,#3f4191);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #696cff40}.chic-main-title{font-size:1.4rem;font-weight:600;margin:0 0 4px}.chic-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--chic-text-muted)}.chic-breadcrumb .active{color:var(--chic-primary);font-weight:500}.chic-input-icon-wrapper{position:relative;display:flex;align-items:center}.chic-input-icon-wrapper svg{position:absolute;left:12px;color:var(--chic-primary)}.chic-date-input{border:1px solid var(--chic-border);border-radius:10px;padding:10px 15px 10px 40px;font-family:inherit;color:var(--chic-text-dark);outline:none;transition:border-color .2s}.chic-date-input:focus{border-color:var(--chic-primary)}.chic-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.chic-action-label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--chic-text-muted)}.chic-btn-group{display:flex;gap:10px}.chic-btn-tool{border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem}.chic-btn-all-present{background:#e8fadf;color:#71dd37}.chic-btn-all-present:hover{background:#71dd37;color:#fff}.chic-btn-all-absent{background:#ffe5e0;color:#ff3e1d}.chic-btn-all-absent:hover{background:#ff3e1d;color:#fff}.chic-data-card{background:var(--chic-surface);border-radius:20px;box-shadow:var(--chic-shadow-md);overflow:hidden;margin-bottom:100px}.chic-table{width:100%;border-collapse:collapse}.chic-thead th{background:#f9faff;padding:18px;font-weight:600;font-size:.9rem;color:var(--chic-text-muted);text-align:left;border-bottom:1px solid var(--chic-border)}.chic-row{border-bottom:1px solid var(--chic-border);transition:background .2s}.chic-row:hover{background:#fcfcff}.chic-td-num{width:80px;text-align:center;color:var(--chic-text-muted)}.chic-td-id{width:140px;font-weight:500}.chic-user-info{display:flex;align-items:center;gap:12px}.chic-avatar{width:36px;height:36px;background:#f0f2f8;color:var(--chic-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.chic-status-picker{display:flex;gap:6px;justify-content:center}.chic-option-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--chic-border);background:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--chic-text-muted)}.chic-option-btn.is-active.chic-status-present{background:#71dd37;color:#fff;border-color:#71dd37}.chic-option-btn.is-active.chic-status-absent{background:#ff3e1d;color:#fff;border-color:#ff3e1d}.chic-option-btn.is-active.chic-status-leave{background:#ffab00;color:#fff;border-color:#ffab00}.chic-option-btn.is-active.chic-status-late{background:#03c3ec;color:#fff;border-color:#03c3ec}.chic-save-dock{position:fixed;bottom:0;left:80px;right:0;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;display:flex;justify-content:center;border-top:1px solid var(--chic-border);z-index:100}.chic-main-save-btn{background:var(--chic-primary);color:#fff;border:none;padding:12px 40px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px var(--chic-primary-glow);cursor:pointer;transition:transform .2s}.chic-main-save-btn:active{transform:scale(.96)}.chic-animate-spin{animation:spin 1s linear infinite}.chic-m-label{display:none}@media (max-width: 768px){.chic-main-content{margin-left:0;padding:15px}.chic-save-dock{left:0}.chic-header-panel{flex-direction:column;text-align:center;gap:20px}.chic-header-main{flex-direction:column}.chic-thead{display:none}.chic-row{display:block;padding:20px;margin-bottom:12px;border-radius:15px;background:#fff;border:1px solid var(--chic-border)}.chic-table td{display:block;width:100%!important;padding:5px 0;text-align:left!important}.chic-m-label{display:inline-block;font-weight:600;color:var(--chic-text-muted);margin-right:8px}.chic-status-picker{flex-wrap:wrap;justify-content:flex-start;margin-top:10px}.chic-opt-text{font-size:.8rem}}.crop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:cropFadeIn .3s ease}.crop-modal-window{background:#fff;width:100%;max-width:600px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:cropSlideUp .4s cubic-bezier(.16,1,.3,1)}.crop-modal-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.crop-modal-title-group{display:flex;align-items:center;gap:15px}.crop-icon-wrapper{background:#eef2ff;color:#4f46e5;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.crop-modal-title-group h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.crop-modal-title-group p{margin:0;font-size:.85rem;color:#64748b}.crop-btn-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:5px;transition:all .2s}.crop-btn-close:hover{color:#ef4444;transform:rotate(90deg)}.crop-modal-body{padding:24px;background:#f8fafc;display:flex;justify-content:center;align-items:center;min-height:300px;max-height:70vh;overflow-y:auto}.crop-container{box-shadow:0 10px 15px -3px #0000001a;border-radius:8px;overflow:hidden;background:#fff}.crop-source-img{max-width:100%;max-height:60vh;display:block}.crop-modal-footer{padding:20px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f1f5f9}.crop-btn-cancel{padding:10px 20px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-weight:600;cursor:pointer;transition:all .2s}.crop-btn-cancel:hover{background:#f1f5f9}.crop-btn-confirm{padding:10px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#4f46e5,#0ea5e9);color:#fff;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #4f46e533;transition:all .2s}.crop-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.crop-btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes cropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cropSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lsc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.lsc-modal-container{background:#fff;width:100%;max-width:650px;max-height:95vh;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;display:flex;flex-direction:column;animation:lscModalSlideUp .3s ease-out}.lsc-modal-content{padding:24px;overflow-y:auto;flex:1}.lsc-modal-content::-webkit-scrollbar{width:6px}.lsc-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.lsc-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.lsc-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes lscModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.lsc-modal-header{padding:16px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#fff;flex-shrink:0}.lsc-form-layout{display:grid;grid-template-columns:200px 1fr;gap:24px}@media (max-width: 600px){.lsc-form-layout{grid-template-columns:1fr}.lsc-upload-section{display:flex;flex-direction:column;align-items:center}.lsc-grid-2{grid-template-columns:1fr}.lsc-modal-container{max-height:100vh;border-radius:12px}}.lsc-input-group{margin-bottom:16px}.lsc-label{display:flex;align-items:center;gap:6px;font-weight:600;color:#475569;margin-bottom:8px;font-size:.9rem}.lsc-control{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.lsc-control:focus{outline:none;border-color:#696cff;box-shadow:0 0 0 3px #696cff1a}.lsc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lsc-textarea{resize:none}.lsc-modal-footer{padding:16px 24px;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f1f5f9;flex-shrink:0}.lsc-image-preview-wrapper{position:relative;width:100%;aspect-ratio:1/1;background:#f1f5f9;border-radius:12px;overflow:hidden;border:2px dashed #cbd5e1}.lsc-image-preview{width:100%;height:100%;object-fit:cover}:root{--lsc-primary: #696cff;--lsc-primary-light: #e7e7ff;--lsc-bg: #f5f5f9;--lsc-white: #ffffff;--lsc-text: #566a7f;--lsc-text-light: #a1acb8;--lsc-danger: #ff3e1d;--lsc-danger-light: #ffe5e0;--lsc-shadow: 0 2px 10px 0 rgba(67, 89, 113, .1);--lsc-shadow-hover: 0 10px 20px 0 rgba(67, 89, 113, .15)}.lsc-layout{display:flex;background:var(--lsc-bg);min-height:100vh;font-family:Prompt,sans-serif}.lsc-main-content{flex:1;padding:30px}.lsc-container{margin-left:70px}.lsc-header-banner{background:linear-gradient(135deg,#696cff,#3f51b5);border-radius:20px;padding:40px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 8px 20px #696cff40}.lsc-header-text h1{font-size:2rem;font-weight:700;margin:0;letter-spacing:-.5px}.lsc-header-text p{opacity:.9;margin-top:5px;font-weight:300}.lsc-header-btns{display:flex;gap:12px}.lsc-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.lsc-btn-white{background:#fff;color:var(--lsc-primary)}.lsc-btn-white:hover{background:#f8f8f8;transform:translateY(-2px)}.lsc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.lsc-club-card{background:#fff;border-radius:18px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:var(--lsc-shadow);border:1px solid rgba(0,0,0,.03)}.lsc-club-card:hover{transform:translateY(-10px);box-shadow:var(--lsc-shadow-hover)}.lsc-card-img{height:300px;position:relative}.lsc-card-img img{width:100%;height:100%;object-fit:cover}.lsc-badge{position:absolute;top:15px;left:15px;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:5px 14px;border-radius:30px;font-size:.75rem;font-weight:600}.lsc-card-info{padding:14px}.lsc-card-info h3{font-size:1.25rem;color:#32475c;margin-top:3px}.lsc-meta{display:flex;align-items:center;gap:8px;color:var(--lsc-text-light);font-size:.85rem;margin-bottom:15px}.lsc-description{color:var(--lsc-text);font-size:.9rem;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lsc-name{color:var(--lsc-text);font-size:.9rem;line-height:1.6;font-weight:700;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lsc-card-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f2f4}.lsc-action-btn{flex:1;padding:10px;border-radius:10px;border:none;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.2s}.lsc-edit{background:var(--lsc-primary-light);color:var(--lsc-primary)}.lsc-edit:hover{background:var(--lsc-primary);color:#fff}.lsc-delete{background:var(--lsc-danger-light);color:var(--lsc-danger)}.lsc-delete:hover{background:var(--lsc-danger);color:#fff}@media (max-width: 768px){.lsc-layout{flex-direction:column}.lsc-main-content{padding:15px}.lsc-container{margin-left:0}.lsc-header-banner{flex-direction:column;align-items:flex-start;padding:25px;gap:20px}.lsc-header-text h1{font-size:1.5rem}.lsc-header-btns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.lsc-header-btns .lsc-btn,.lsc-header-btns .lsc-btn-white,.lsc-header-btns .lsc-btn-export,.lsc-header-btns .lsc-btn-import,.lsc-header-btns .lsc-btn-add{width:100%;justify-content:center;padding:12px;font-size:.9rem}.lsc-btn-add{grid-column:span 2}.lsc-card-grid{grid-template-columns:1fr;gap:16px}.lsc-club-card{max-width:100%}.lsc-card-img{height:180px}.lsc-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.lsc-preview-table{min-width:600px}.lsc-modal-footer{flex-direction:column-reverse;gap:10px}.lsc-modal-footer button{width:100%;justify-content:center}}@media (max-width: 480px){.lsc-header-btns{grid-template-columns:1fr}.lsc-header-btns .lsc-btn-add{grid-column:span 1}}:root{--rep-primary: #4f46e5;--rep-primary-hover: #4338ca;--rep-primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--rep-success: #10b981;--rep-success-gradient: linear-gradient(135deg, #34d399 0%, #059669 100%);--rep-warning: #f59e0b;--rep-warning-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--rep-danger: #ef4444;--rep-danger-gradient: linear-gradient(135deg, #f87171 0%, #dc2626 100%);--rep-bg: #f1f5f9;--rep-card-bg: #ffffff;--rep-text-main: #0f172a;--rep-text-muted: #64748b;--rep-border: #e2e8f0;--rep-shadow: 0 10px 15px -3px rgba(15, 23, 42, .04), 0 4px 6px -4px rgba(15, 23, 42, .04);--rep-shadow-lg: 0 20px 25px -5px rgba(99, 102, 241, .1), 0 8px 10px -6px rgba(99, 102, 241, .05);--rep-radius: 16px}.rep-layout{display:flex;background-color:var(--rep-bg);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.05) 0px,transparent 50%);min-height:100vh;font-family:Sarabun,sans-serif;color:var(--rep-text-main);margin-left:65px}.rep-main{flex:1;padding:2.5rem;max-width:1600px;margin:0 auto;width:100%}.rep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem;background:#ffffffb3;padding:1.5rem 2rem;border-radius:var(--rep-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--rep-shadow)}.rep-header-info{display:flex;align-items:center;gap:1.25rem}.rep-icon-circle{background:var(--rep-primary-gradient);color:#fff;width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #6366f140}.rep-title{font-size:2rem;font-weight:800;margin:0;background:linear-gradient(135deg,#1e1b4b,#4338ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rep-subtitle{margin:.25rem 0 0;color:var(--rep-text-muted);font-size:1rem;font-weight:500}.rep-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.95rem}.rep-btn-export{background:var(--rep-card-bg);color:var(--rep-primary);border:2px solid var(--rep-primary);box-shadow:0 4px 6px -1px #6366f10d}.rep-btn-export:hover{background:var(--rep-primary);color:#fff;box-shadow:0 10px 15px -3px #6366f133;transform:translateY(-2px)}.rep-btn-random{background:var(--rep-primary-gradient);color:#fff;width:100%;justify-content:center;padding:.8rem;border-radius:10px;font-weight:700;box-shadow:0 4px 12px #6366f133;border:none;cursor:pointer;transition:all .2s ease}.rep-btn-random:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;transform:translateY(-2px);filter:brightness(1.1)}.rep-btn-random:disabled{background:#cbd5e1;color:#94a3b8;box-shadow:none;cursor:not-allowed}.rep-grid-top{display:grid;grid-template-columns:1.2fr 2fr;gap:1.75rem;margin-bottom:2.5rem}.rep-card-control{background:var(--rep-card-bg);padding:1.75rem;border-radius:var(--rep-radius);box-shadow:var(--rep-shadow);border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.rep-card-control.active{border-color:#a5b4fc;box-shadow:var(--rep-shadow-lg);background:linear-gradient(to bottom,#fff,#fefeff)}.rep-control-header{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--rep-primary);font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em}.rep-card-control h5{margin:.5rem 0;font-size:1.05rem;color:var(--rep-text-main);font-weight:700}.rep-toggle-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding:.85rem 1.25rem;background:#f8fafc;border-radius:12px;border:1px solid var(--rep-border)}.rep-toggle-wrapper span{font-weight:600;color:var(--rep-text-muted);transition:color .2s;font-size:.95rem}.rep-text-active{color:var(--rep-primary)!important;font-weight:700!important;text-shadow:0 2px 4px rgba(99,102,241,.1)}.rep-switch{position:relative;display:inline-block;width:56px;height:30px}.rep-switch input{opacity:0;width:0;height:0}.rep-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:34px}.rep-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.rep-slider{background:var(--rep-primary-gradient)}input:checked+.rep-slider:before{transform:translate(26px)}.rep-stat-mini-group{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}.rep-stat-card{background:#fff;padding:1.75rem;border-radius:var(--rep-radius);box-shadow:var(--rep-shadow);display:flex;align-items:center;gap:1.5rem;transition:transform .25s,box-shadow .25s;border:1px solid rgba(255,255,255,.8)}.rep-stat-card:hover{transform:translateY(-4px);box-shadow:var(--rep-shadow-lg)}.rep-stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000008}.rep-stat-card.blue .rep-stat-icon{background:var(--rep-success-gradient);color:#fff;box-shadow:0 6px 15px #10b98140}.rep-stat-card.orange .rep-stat-icon{background:var(--rep-warning-gradient);color:#fff;box-shadow:0 6px 15px #f59e0b40}.rep-stat-data h3{font-size:2.2rem;margin:0;font-weight:800;letter-spacing:-.02em}.rep-stat-card.blue .rep-stat-data h3{color:#065f46}.rep-stat-card.orange .rep-stat-data h3{color:#9a3412}.rep-stat-data p{margin:.15rem 0 0;color:var(--rep-text-muted);font-size:.95rem;font-weight:600}.rep-section-title{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.25rem;margin-bottom:1.5rem;color:#1e1b4b}.rep-grid-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem}.rep-level-card{background:#fff;padding:1.5rem;border-radius:var(--rep-radius);box-shadow:var(--rep-shadow);border:1px solid var(--rep-border);transition:all .2s ease}.rep-level-card:hover{border-color:#cbd5e1;box-shadow:0 10px 20px -5px #0000000d}.rep-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rep-level-name{font-weight:700;color:#334155;font-size:1.05rem}.rep-level-percent{color:var(--rep-primary);font-weight:800;font-size:1.2rem;background:#eef2ff;padding:2px 10px;border-radius:8px}.rep-level-percent.success{color:#047857;background:#d1fae5}.rep-progress-bg{background:#f1f5f9;height:10px;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.rep-progress-bar{background:var(--rep-primary-gradient);height:100%;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.rep-progress-bar.success{background:var(--rep-success-gradient)}.rep-level-footer{display:flex;justify-content:space-between;margin-top:1rem;font-size:.9rem;color:var(--rep-text-muted);font-weight:500}.rep-level-footer b{color:var(--rep-text-main)}.rep-card-table{background:#fff;border-radius:var(--rep-radius);box-shadow:var(--rep-shadow);overflow:hidden;border:1px solid rgba(226,232,240,.8)}.rep-table-header{padding:1.75rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:linear-gradient(to bottom,#fff,#f8fafc);border-bottom:1px solid var(--rep-border)}.rep-table-title{display:flex;align-items:center;gap:.85rem}.rep-table-title h5{margin:0;font-size:1.25rem;font-weight:800;color:#1e293b}.rep-badge-count{background:var(--rep-danger-gradient);color:#fff;padding:3px 12px;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 4px 10px #ef444440}.rep-table-actions{display:flex;gap:1.25rem;align-items:center}.rep-search{display:flex;align-items:center;background:#f1f5f9;padding:.6rem 1.2rem;border-radius:12px;width:320px;border:2px solid transparent;transition:all .25s ease}.rep-search:focus-within{border-color:var(--rep-primary);background:#fff;box-shadow:0 0 0 4px #6366f11a}.rep-search svg{color:var(--rep-text-muted)}.rep-search input{border:none;background:transparent;outline:none;margin-left:.6rem;width:100%;font-size:.95rem;color:var(--rep-text-main);font-weight:500}.rep-table-wrapper{overflow-x:auto}.rep-table{width:100%;border-collapse:collapse;min-width:800px}.rep-table th{background:#f8fafc;padding:1.15rem 1.75rem;text-align:left;font-size:.85rem;text-transform:uppercase;color:#475569;font-weight:700;letter-spacing:.05em;border-bottom:2px solid var(--rep-border)}.rep-table td{padding:1.15rem 1.75rem;border-bottom:1px solid var(--rep-border);vertical-align:middle;transition:all .15s ease}.rep-table tr{position:relative}.rep-table tr:hover td{background:#f5f3ff}.rep-table tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--rep-primary)}.rep-center{text-align:center}.rep-font-bold{font-weight:700;color:#1e293b;font-size:1.05rem}.rep-badge-grade{background:linear-gradient(135deg,#e0e7ff,#eef2ff);color:var(--rep-primary);padding:6px 14px;border-radius:8px;font-weight:700;border:1px solid rgba(99,102,241,.15);box-shadow:0 2px 4px #6366f10d}.rep-text-muted{display:inline-flex;align-items:center;gap:.4rem;color:var(--rep-text-muted)}.rep-empty-state{padding:5rem 2rem;text-align:center;background:linear-gradient(to bottom,#fff,#fdfdfd)}.rep-empty-icon{font-size:4rem;margin-bottom:1.25rem;animation:celebrate 2s ease infinite;display:inline-block}.rep-empty-state h4{font-size:1.5rem;margin:0 0 .5rem;color:#065f46;font-weight:800}.rep-empty-state p{margin:0;color:var(--rep-text-muted);font-size:1.05rem}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.15) rotate(10deg)}}.rep-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;gap:1.25rem;color:var(--rep-primary)}.rep-loading p{font-weight:700;font-size:1.1rem;color:var(--rep-text-muted)}.rep-spin{animation:rep-spin .8s cubic-bezier(.4,0,.2,1) infinite;color:var(--rep-primary)}@keyframes rep-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.rep-grid-top{grid-template-columns:1fr}}@media (max-width: 768px){.rep-layout{margin-left:0}.rep-main{padding:1.25rem}.rep-header{flex-direction:column;align-items:flex-start;padding:1.25rem;gap:1.25rem}.rep-btn-export{width:100%;justify-content:center}.rep-stat-mini-group{grid-template-columns:1fr;gap:1.25rem}.rep-table-header{flex-direction:column;align-items:stretch;padding:1.25rem}.rep-table-actions{flex-direction:column;align-items:stretch;gap:1rem}.rep-search{width:100%}.rep-title{font-size:1.6rem}}:root{--rept-primary: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--rept-bg: #f8fafc;--rept-border: #e2e8f0;--rept-text: #1e293b;--rept-mute: #64748b;--rept-success: #22c55e;--rept-danger: #ef4444;--rept-warning: #f59e0b;--rept-info: #3b82f6}.rept-container{display:flex;background:var(--rept-bg);min-height:100vh;font-family:Sarabun,sans-serif}.rept-content{flex:1;padding:2rem;margin-left:70px;width:100%;box-sizing:border-box}.rept-hero{background:var(--rept-primary);border-radius:20px;padding:2rem;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:1.5rem;box-shadow:0 10px 15px -3px #4f46e533}.rept-hero-info{display:flex;align-items:center;gap:1.25rem}.rept-hero-icon{background:#fff3;padding:.75rem;border-radius:12px;display:flex}.rept-title{font-size:1.75rem;font-weight:700;margin:0}.rept-btn-print{background:#fff;color:#4f46e5;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:.2s}.rept-filter-card{background:#fff;padding:1rem 1.5rem;border-radius:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border:1px solid var(--rept-border)}.rept-input-group{display:flex;align-items:center;gap:.75rem;background:#f1f5f9;padding:.5rem 1rem;border-radius:10px;border:1px solid var(--rept-border)}.rept-date-input{border:none;background:transparent;font-family:inherit;font-size:1rem;outline:none}.rept-legend{display:flex;gap:1rem;align-items:center;font-size:.85rem;color:var(--rept-mute)}.rept-legend-item{display:flex;align-items:center;gap:.4rem}.rept-dot{width:10px;height:10px;border-radius:50%}.rept-dot.success{background:var(--rept-success)}.rept-dot.danger{background:var(--rept-danger)}.rept-dot.warning{background:var(--rept-warning)}.rept-dot.info{background:var(--rept-info)}.rept-table-card{background:#fff;border-radius:20px;border:1px solid var(--rept-border);overflow:hidden}.rept-table-responsive{width:100%;overflow-x:auto}.rept-table{width:100%;border-collapse:collapse;min-width:1000px}.rept-table th{background:#f8fafc;padding:1.25rem 1rem;text-align:center;color:var(--rept-mute);border-bottom:2px solid #f1f5f9;font-size:.85rem}.rept-th-name{text-align:left!important;padding-left:1.5rem!important;position:sticky;left:0;background:#f8fafc;z-index:10;width:220px}.rept-td-name{padding:1.25rem 1.5rem;font-weight:600;border-bottom:1px solid #f1f5f9;position:sticky;left:0;background:#fff;z-index:5;border-right:1px solid #f1f5f9}.rept-td-period{border-bottom:1px solid #f1f5f9;padding:.75rem .5rem;text-align:center}.rept-status-flex{display:flex;gap:6px;justify-content:center;align-items:center}.rept-mini-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.rept-status-success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.rept-status-danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.rept-status-warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.rept-status-info{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.rept-status-default{background:#f1f5f9;color:#64748b}.rept-empty{color:#cbd5e1}.rept-loading,.rept-empty-state{padding:5rem;text-align:center;color:var(--rept-mute);display:flex;flex-direction:column;align-items:center;gap:1rem}.rept-spin{animation:spin 1s linear infinite;color:#4f46e5}@media (max-width: 992px){.rept-hero{flex-direction:column;text-align:center;gap:1.5rem}.rept-filter-card{flex-direction:column;gap:1rem}.rept-table-responsive{overflow:visible}.rept-table,.rept-table thead,.rept-table tbody,.rept-table tr,.rept-table td{display:block;width:100%}.rept-table thead{display:none}.rept-tr{margin-bottom:1.5rem;border:1px solid var(--rept-border);border-radius:16px;overflow:hidden}.rept-td-name{background:#1e293b;color:#fff;width:100%;position:static}.rept-td-period{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f1f5f9}.rept-td-period:before{content:attr(data-label);font-weight:700;color:var(--rept-mute)}}.rept-hero-actions{display:flex;gap:12px;align-items:center}.rept-btn-secondary{background:#ffffff26;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s;border:1px solid rgba(255,255,255,.3)}.rept-btn-secondary:hover{background:#ffffff40;transform:translateY(-2px);color:#fff}@media (max-width: 992px){.rept-hero-actions{flex-direction:column;width:100%;gap:10px}.rept-btn-secondary,.rept-btn-print{width:100%;justify-content:center}}@media (max-width: 768px){.rept-content{flex:1;padding:2rem;margin-left:2px;width:100%;box-sizing:border-box}}:root{--reps-primary: #6366f1;--reps-primary-dark: #4f46e5;--reps-red: #ef4444;--reps-orange: #f59e0b;--reps-blue: #3b82f6;--reps-bg: #f8fafc;--reps-card: #ffffff;--reps-text: #1e293b;--reps-text-light: #64748b;--reps-border: #e2e8f0}.reps-container{background-color:var(--reps-bg);min-height:100vh;font-family:Sarabun,sans-serif}.reps-main{flex:1;padding:2rem;max-width:1400px;margin-left:70px}.reps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--reps-primary) 0%,#818cf8 100%);padding:2rem;border-radius:20px;color:#fff;box-shadow:0 10px 15px -3px #0000001a}.reps-header-content{display:flex;align-items:center;gap:1.5rem}.reps-icon-wrapper{background:#fff3;padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reps-title{font-size:1.75rem;font-weight:700;margin:0}.reps-subtitle{opacity:.9;margin:.25rem 0 0}.reps-btn-export{background:#fff;color:var(--reps-primary);border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s}.reps-btn-export:hover:not(:disabled){transform:translateY(-2px)}.reps-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.reps-stat-card{background:var(--reps-card);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.25rem;border:1px solid var(--reps-border)}.reps-stat-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.reps-bg-blue{background-color:var(--reps-blue)}.reps-bg-red{background-color:var(--reps-red)}.reps-bg-orange{background-color:var(--reps-orange)}.reps-stat-label{color:var(--reps-text-light);font-size:.875rem}.reps-stat-value{font-size:1.5rem;margin:0}.reps-stat-value span{font-size:1rem;color:var(--reps-text-light)}.reps-filter-card{background:var(--reps-card);border-radius:16px;border:1px solid var(--reps-border);margin-bottom:2rem;overflow:hidden}.reps-filter-header{background:#f1f5f9;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--reps-text)}.reps-filter-body{padding:1.5rem;display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:flex-end}.reps-input-group{display:flex;gap:1rem;flex:1}.reps-field{flex:1}.reps-field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.reps-input-with-icon{display:flex;align-items:center;background:#f8fafc;border:1px solid var(--reps-border);border-radius:10px;padding:0 .75rem}.reps-input-with-icon input{border:none;background:transparent;padding:.65rem;width:100%;outline:none}.reps-checkbox-group{display:flex;gap:1.5rem}.reps-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.reps-btn-search{background:var(--reps-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer}.reps-table-container{background:var(--reps-card);border-radius:16px;border:1px solid var(--reps-border);overflow:hidden}.reps-table{width:100%;border-collapse:collapse}.reps-table th{background:#f8fafc;text-align:left;padding:1rem 1.5rem;font-size:.875rem;color:var(--reps-text-light);border-bottom:2px solid var(--reps-border)}.reps-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--reps-border)}.reps-student-cell{display:flex;align-items:center;gap:1rem}.reps-student-avatar{width:40px;height:40px;border-radius:50%;background:#eef2ff;color:var(--reps-primary);display:flex;align-items:center;justify-content:center;font-weight:700}.reps-student-name{display:block;font-weight:600;color:var(--reps-text)}.reps-student-id{font-size:.75rem;color:var(--reps-text-light)}.reps-badge-room{background:#f1f5f9;padding:.35rem .75rem;border-radius:8px;font-weight:600;font-size:.875rem}.reps-stats-badges{display:flex;gap:.5rem;justify-content:center}.reps-mini-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700}.reps-bg-red-light{background:#fee2e2;color:#b91c1c}.reps-bg-orange-light{background:#ffedd5;color:#c2410c}.reps-bg-blue-light{background:#dbeafe;color:#1d4ed8}.reps-student-id-row .reps-badge-room{display:none}@media (max-width: 1024px){.reps-filter-body{grid-template-columns:1fr;gap:1.5rem}.reps-btn-search{width:100%;justify-content:center}}@media (min-width: 769px){.reps-show-mobile-only{display:none!important}.reps-hide-mobile{display:table-cell}.reps-subject-info{display:block;background:transparent;padding:0;border:none}}@media (max-width: 768px){.reps-main{padding:1rem;margin-left:2px}.reps-student-id-row .reps-badge-room{display:block}.reps-hide-mobile{display:none!important}.reps-show-mobile-only{display:inline-flex!important;width:100%;justify-content:center;margin-top:10px}.reps-header{flex-direction:column;text-align:center;gap:1.5rem}.reps-header-content{flex-direction:column}.reps-stats-grid{grid-template-columns:1fr}.reps-checkbox-group{flex-direction:column;gap:.75rem}.reps-filter-body{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.reps-input-group{flex-direction:column}.reps-btn-search{width:100%;justify-content:center;padding:1rem}.reps-table,.reps-table thead,.reps-table tbody,.reps-table th,.reps-table td,.reps-table tr{display:block;width:100%}.reps-table thead{display:none}.reps-table tr{margin-bottom:1.5rem;border:1px solid var(--reps-border);border-radius:12px;background:#fff;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a;width:auto}.reps-table td{border:none;padding:.5rem 0;text-align:left!important}.reps-mobile-force-show{display:flex!important}.reps-table td:first-child{border-bottom:1px solid #f1f5f9;margin-bottom:.75rem;padding-bottom:.75rem}.text-muted.ps-5.small{display:none}.reps-subject-info{display:flex;flex-direction:column;align-items:flex-start;background:#f8fafc;padding:1rem;border-radius:8px;margin:.75rem 0;border-left:4px solid var(--reps-primary)}.reps-subject-info .fw-bold{color:var(--reps-primary-dark);font-size:1.1rem;margin-bottom:4px}.reps-table td:last-child{display:flex;justify-content:center;padding-top:1rem;border-top:1px dashed var(--reps-border);margin-top:.5rem}.reps-btn-manage{width:100%;justify-content:center;padding:.85rem;background-color:#e11d48;color:#fff;font-size:1rem;border-radius:10px}.reps-btn-manage span{display:inline}.reps-student-info{display:flex;flex-direction:column;gap:4px;width:100%}.reps-student-id-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reps-badge-room{display:none}.reps-subject-info{display:flex;flex-direction:column;background:#f8fafc;padding:10px 12px;border-radius:8px;margin:8px 0;border-left:4px solid var(--reps-primary)}.reps-subject-info .fw-bold{font-size:.95rem;line-height:1.4;word-break:break-word}.reps-stats-badges{display:none}.reps-mini-badge{padding:4px 10px;font-size:.75rem;white-space:nowrap}.reps-stats-badges .badge{margin:0;font-size:.75rem}.reps-table td:last-child{padding-top:10px;border-top:1px dashed var(--reps-border)}}.reps-btn-refresh{background:var(--reps-primary);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.reps-btn-refresh:hover:not(:disabled){background:var(--reps-primary-dark);box-shadow:0 4px 10px #6366f14d}.reps-btn-refresh:disabled{background:#94a3b8;cursor:not-allowed}.reps-spin{animation:repsSpin 1s linear infinite}@keyframes repsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reps-table-header{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--reps-border);display:flex;justify-content:space-between;align-items:center}.reps-btn-manage{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:#fff1f2;color:#e11d48;border:1px solid #fecdd3;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reps-btn-manage:hover{background-color:#e11d48;color:#fff;border-color:#e11d48;box-shadow:0 2px 4px #e11d4833}.reps-btn-manage:active{transform:scale(.95)}.reps-btn-manage svg{flex-shrink:0}.reps-row-duplicate td{border-top:1px dashed #f1f5f9}.reps-duplicate-indicator{color:#94a3b8;font-weight:700;padding-left:2rem}.reps.badge.bg-danger{background-color:#fee2e2!important;color:#ef4444!important;border:1px solid #fecdd3;padding:4px 8px;border-radius:4px;font-weight:600}.reps.badge.bg-success{background-color:#f0fdf4!important;color:#22c55e!important;border:1px solid #bbf7d0;padding:4px 8px;border-radius:4px;font-weight:600}.reps-table-wrapper{width:100%;overflow-x:auto}.reps-gender-split{display:flex;gap:8px;font-size:.8rem;margin-top:4px;border-top:1px dashed #eee;padding-top:4px}.cursor-pointer{cursor:pointer;transition:opacity .2s}.cursor-pointer:hover{opacity:.6}.reps-search-box{display:flex;align-items:center;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;min-width:280px;height:40px;transition:all .2s ease-in-out}.reps-search-box:focus-within{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reps-search-input{flex:1;border:none!important;outline:none!important;background:transparent!important;padding:8px 10px!important;font-size:.9rem!important;color:#1e293b;height:100%}.reps-search-input::placeholder{color:#94a3b8;font-style:italic}.reps-search-box svg{color:#64748b;flex-shrink:0}:root{--wep-primary: #6366f1;--wep-primary-hover: #4f46e5;--wep-success: #10b981;--wep-warning: #f59e0b;--wep-danger: #ef4444;--wep-bg: #f8fafc;--wep-card: #ffffff;--wep-text-main: #1e293b;--wep-text-sub: #64748b;--wep-border: #e2e8f0;--wep-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}.wep-layout{display:flex;min-height:100vh;background-color:var(--wep-bg);font-family:Inter,Kanit,sans-serif}.wep-main{flex:1;padding:2rem;max-width:1400px;margin-left:70px;width:100%}.wep-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--wep-primary) 0%,#818cf8 100%);padding:2rem;border-radius:20px;color:#fff;box-shadow:var(--wep-shadow)}.wep-hero-info{display:flex;align-items:center;gap:1.5rem}.wep-hero-icon{background:#fff3;padding:1rem;border-radius:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wep-title{font-size:1.5rem;font-weight:700;margin:0}.wep-subtitle{opacity:.9;margin:.25rem 0 0}.wep-btn-export{background:#fff;color:var(--wep-primary);border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.wep-btn-export:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.wep-filter-card{background:var(--wep-card);padding:1.5rem;border-radius:16px;border:1px solid var(--wep-border);margin-bottom:2rem}.wep-filter-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:flex-end}.wep-input-field label{display:block;font-size:.875rem;font-weight:600;color:var(--wep-text-main);margin-bottom:.5rem}.wep-input-wrapper{position:relative;display:flex;align-items:center;background:#f1f5f9;border-radius:10px;padding:0 .75rem;border:1px solid var(--wep-border);transition:border-color .2s}.wep-input-wrapper:focus-within{border-color:var(--wep-primary);background:#fff}.wep-input-wrapper input{background:transparent;border:none;padding:.75rem;width:100%;outline:none;color:var(--wep-text-main)}.wep-btn-add{background:var(--wep-primary);color:#fff;border:none;width:35px;height:35px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.wep-btn-process{background:var(--wep-primary);color:#fff;border:none;padding:.85rem 2rem;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background .2s}.wep-btn-process:hover:not(:disabled){background:var(--wep-primary-hover)}.wep-table-card{background:var(--wep-card);border-radius:16px;border:1px solid var(--wep-border);overflow:hidden;box-shadow:var(--wep-shadow)}.wep-table{width:100%;border-collapse:collapse}.wep-table th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--wep-text-sub);border-bottom:2px solid var(--wep-border)}.wep-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--wep-border)}.wep-text-center{text-align:center!important}.wep-text-success{color:var(--wep-success)}.wep-badge-id{background:#eef2ff;color:var(--wep-primary);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:700;margin-right:.75rem}.wep-progress-container{display:flex;align-items:center;gap:1rem}.wep-progress-bar-wrap{flex:1;height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden;min-width:100px}.wep-progress-fill{height:100%;border-radius:10px;transition:width .5s ease-out}.wep-progress-fill.high{background:var(--wep-success)}.wep-progress-fill.mid{background:var(--wep-warning)}.wep-progress-fill.low{background:var(--wep-danger)}.wep-percent-text{font-size:.875rem;font-weight:700;min-width:50px}.wep-percent-text.high{color:var(--wep-success)}.wep-percent-text.mid{color:var(--wep-warning)}.wep-percent-text.low{color:var(--wep-danger)}.wep-spin{animation:wep-loading-spin 1.5s linear infinite}@keyframes wep-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.wep-filter-grid{grid-template-columns:1fr 1fr}.wep-action-btn-wrap{grid-column:span 2}.wep-btn-process{width:100%;justify-content:center}}@media (max-width: 768px){.wep-main{padding:1rem;margin-left:2px}.wep-hero{flex-direction:column;text-align:center;gap:1.5rem}.wep-hero-info{flex-direction:column}.wep-filter-grid{grid-template-columns:1fr}.wep-action-btn-wrap{grid-column:span 1}.wep-table thead{display:none}.wep-table tr{display:block;border-bottom:2px solid var(--wep-border);padding:1rem 0}.wep-table td{display:flex;padding:.5rem 1.5rem;border:none;text-align:right}.wep-table td:before{content:attr(data-label);font-weight:700;text-align:left;color:var(--wep-text-sub)}.wep-progress-container{width:60%;justify-content:flex-end}}:root{--cub-primary: #4f46e5;--cub-primary-dark: #4338ca;--cub-secondary: #a855f7;--cub-success: #10b981;--cub-danger: #ef4444;--cub-warning: #f59e0b;--cub-text-main: #1e293b;--cub-text-sub: #64748b;--cub-bg-main: #f1f5f9;--cub-bg-card: #ffffff}.cub-container{padding:2.5rem 1.5rem;max-width:1400px;margin:0 auto;background-color:var(--cub-bg-main);min-height:100vh;font-family:Prompt,sans-serif}.cub-header-section{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:24px;margin-bottom:3rem;box-shadow:0 10px 40px #4f46e514;border:1px solid rgba(255,255,255,.4);overflow:hidden}.cub-header-left{display:flex;justify-content:flex-start}.cub-header-center{display:flex;justify-content:center}.cub-header-right{display:flex;justify-content:flex-end}.cub-title{display:flex;align-items:center;gap:14px;margin:0}.cub-icon-wrapper{background:linear-gradient(135deg,var(--cub-primary) 0%,var(--cub-secondary) 100%);color:#fff;padding:10px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #6366f14d}.cub-title-text{font-size:1.75rem;font-weight:800;letter-spacing:-.5px}.cub-btn-back{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:10px 18px;border-radius:14px;color:var(--cub-text-sub);cursor:pointer;font-weight:600;transition:all .3s ease}.cub-btn-back:hover{background:#fff;border-color:#cbd5e1;color:var(--cub-primary);transform:translate(-3px);box-shadow:0 4px 10px #0000000d}.cub-btn-refresh{display:flex;align-items:center;gap:8px;background:#4f46e50d;border:1px solid rgba(79,70,229,.15);padding:10px 20px;border-radius:14px;color:var(--cub-primary);font-weight:700;cursor:pointer;transition:all .3s ease}.cub-btn-refresh:hover{background:var(--cub-primary);color:#fff;box-shadow:0 5px 15px #4f46e540;transform:translateY(-2px)}.system-closed-banner{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#ef4444,#f87171);color:#fff;font-size:.9rem;padding:7px 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;animation:slideInUp .5s ease-out;border-bottom-left-radius:24px;border-bottom-right-radius:24px}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.spinning svg{animation:rotateCustom 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes rotateCustom{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.cub-card{background:var(--cub-bg-card);border-radius:28px;border:1px solid #edf2f7;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 15px #00000005}.cub-card:hover{transform:translateY(-10px);box-shadow:0 25px 40px -10px #4f46e51f;border-color:#6366f11a}.cub-card-image-wrapper{position:relative;height:200px;background:#f8fafc;overflow:hidden}.cub-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.cub-card:hover .cub-card-img{transform:scale(1.08)}.cub-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cbd5e1;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.cub-badge-level{position:absolute;top:15px;right:15px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 14px;border-radius:30px;font-size:.8rem;font-weight:700;color:var(--cub-primary);display:flex;align-items:center;gap:5px;box-shadow:0 4px 10px #00000014}.cub-card-body{padding:1.8rem;flex-grow:1;display:flex;flex-direction:column}.cub-club-name{color:var(--cub-text-main);font-size:1.5rem;font-weight:800;margin:0 0 1rem;letter-spacing:-.5px}.cub-info-section{margin-bottom:1.8rem;display:flex;flex-direction:column;gap:10px}.cub-info-item{display:flex;align-items:flex-start;gap:10px;color:var(--cub-text-sub)}.cub-icon-sub{color:#94a3b8;margin-top:3px;flex-shrink:0}.cub-description{font-size:.95rem;margin:0;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.cub-teacher-name{font-size:.95rem;font-weight:600;color:var(--cub-text-main)}.cub-status-box{background:#f8fafc;padding:1.2rem;border-radius:18px;margin-bottom:1.8rem;border:1px solid #f1f5f9;margin-top:auto}.cub-status-text{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:10px;color:var(--cub-text-sub)}.cub-count-highlight{font-weight:800;color:var(--cub-text-main);font-size:1rem}.cub-progress-bar{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.cub-progress-fill{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.22,1,.36,1)}.cub-btn-select{width:100%;padding:1rem;border-radius:16px;border:none;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease;font-family:Prompt,sans-serif;font-size:1.05rem}.cub-btn-available{background:linear-gradient(135deg,var(--cub-primary) 0%,#6366f1 100%);color:#fff;box-shadow:0 6px 20px #4f46e540}.cub-btn-available:hover{background:linear-gradient(135deg,var(--cub-primary-dark) 0%,var(--cub-primary) 100%);box-shadow:0 8px 25px #4f46e559;transform:translateY(-2px)}.cub-btn-available:active{transform:translateY(1px);box-shadow:0 4px 10px #4f46e533}.cub-btn-full{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border:1px solid #e2e8f0}.btn-system-closed{text-align:center;padding:1rem;background:#fee2e2;border-radius:16px;color:var(--cub-danger);font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #fecaca}.cub-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--cub-bg-main)}.cub-loader-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px}.cub-loader{width:50px;height:50px;border:5px solid #e2e8f0;border-bottom-color:var(--cub-primary);border-radius:50%;animation:rotation 1s linear infinite}.cub-loader-text{color:var(--cub-primary);font-weight:600;font-size:1rem}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.cub-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.cub-container{padding:1.5rem 1rem}.cub-header-section{grid-template-columns:1fr 1fr;gap:1.2rem;padding:1.5rem}.cub-header-center{grid-column:span 2;order:-1}.cub-title-text{font-size:1.5rem}.refresh-text{display:none}.cub-btn-refresh{padding:10px}.cub-grid{grid-template-columns:1fr}.cub-card{max-width:400px;margin:0 auto;width:100%}}.cub-btn-cancel{width:100%;padding:12px;background-color:#fee2e2;color:#dc2626;border:2px solid #fca5a5;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer;transition:all .2s}.cub-btn-cancel:hover{background-color:#ef4444;color:#fff}.selected-highlight{border:2px solid #4f46e5;box-shadow:0 10px 15px -3px #4f46e533;transform:scale(1.02)}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdf4;--secondary-500: #22c55e;--secondary-600: #16a34a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--success-bg: #d1fae5;--warning: #f59e0b;--warning-bg: #fef3c7;--error: #ef4444;--error-bg: #fee2e2;--info: #3b82f6;--info-bg: #dbeafe;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition: all .3s ease;--transition-fast: all .15s ease;--font-sans: "Prompt", "Noto Sans Thai", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-100) 50%,var(--primary-100) 100%);min-height:100vh;color:var(--gray-800);line-height:1.6}.container{margin:24px;padding:0 1rem}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-900) 100%);color:#fff;padding:1.5rem 0;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.school-logo{width:60px;height:60px;border-radius:var(--radius-full);background:#fff;padding:5px;object-fit:contain}.school-info{flex:1}.school-name{font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.system-title{font-size:1rem;font-weight:400;opacity:.9}.academic-year{background:#fff3;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-tabs{background:#fff;box-shadow:var(--shadow);border-radius:var(--radius-lg);margin:1.5rem auto;max-width:900px;padding:.5rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--gray-600);transition:var(--transition)}.nav-tab:hover{background:var(--primary-50);color:var(--primary-600)}.nav-tab.active{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow-md)}.nav-tab i{font-size:1.1rem}.main-content{flex:1;padding:1rem 0 3rem}.section{display:none;animation:fadeIn .4s ease}.section.active{display:block}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.5);overflow:hidden;margin-bottom:1.5rem}.card-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem}.card-header h2{font-size:1.1rem;font-weight:600}.card-header i{font-size:1.25rem}.card-body{padding:1.5rem}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:500;color:var(--gray-700);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.form-label .required{color:var(--error)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-family:inherit;font-size:1rem;color:var(--gray-800);background:#fff;transition:var(--transition)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--gray-300)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a}.form-input.error,.form-select.error{border-color:var(--error)}.form-textarea{min-height:100px;resize:vertical}.form-hint{font-size:.8rem;color:var(--gray-500)}.form-error{font-size:.8rem;color:var(--error);display:flex;align-items:center;gap:.25rem}.form-divider{grid-column:1 / -1;display:flex;align-items:center;gap:1rem;margin:.5rem 0}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.form-divider-text{font-weight:600;color:var(--primary-600);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.file-upload-area{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition);cursor:pointer;background:var(--gray-50)}.file-upload-area:hover,.file-upload-area.dragover{border-color:var(--primary-500);background:var(--primary-50)}.file-upload-icon{font-size:3rem;color:var(--primary-500);margin-bottom:1rem}.file-upload-text{color:var(--gray-600);margin-bottom:.5rem}.file-upload-hint{font-size:.85rem;color:var(--gray-400)}.file-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200)}.file-item i{color:var(--primary-500);font-size:1.25rem}.file-item-info{flex:1}.file-item-name{font-weight:500;font-size:.9rem;color:var(--gray-700)}.file-item-size{font-size:.8rem;color:var(--gray-400)}.file-item-remove{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:var(--transition)}.file-item-remove:hover{color:var(--error);background:var(--error-bg)}.upload-progress{margin-top:.5rem}.progress-bar{height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--gray-500);margin-top:.25rem;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-secondary{background:#fff;color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){border-color:var(--gray-300);background:var(--gray-50)}.btn-success{background:linear-gradient(135deg,var(--secondary-500) 0%,var(--secondary-600) 100%);color:#fff;box-shadow:0 4px 14px #22c55e66}.btn-success:hover:not(:disabled){transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);color:#fff}.btn-outline{background:transparent;border:2px solid var(--primary-500);color:var(--primary-600)}.btn-outline:hover:not(:disabled){background:var(--primary-500);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-block{width:100%}.btn-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.status-pending{background:var(--warning-bg);color:#92400e}.status-reviewing{background:var(--info-bg);color:#1e40af}.status-approved{background:var(--success-bg);color:#065f46}.status-rejected{background:var(--error-bg);color:#991b1b}.table-responsive{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--gray-200)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);white-space:nowrap}.table tbody tr:hover{background:var(--primary-50)}.table tbody tr:last-child td{border-bottom:none}.status-result{margin-top:1.5rem}.status-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-200)}.status-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--gray-200);margin-bottom:1rem}.status-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-info-item{padding:.75rem;background:var(--gray-50);border-radius:var(--radius)}.status-info-label{font-size:.8rem;color:var(--gray-500);margin-bottom:.25rem}.status-info-value{font-weight:600;color:var(--gray-800)}.exam-card-container{max-width:500px;margin:0 auto}.exam-card{background:#fff;border:3px solid var(--primary-700);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.exam-card-header{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-900) 100%);color:#fff;padding:1.25rem;text-align:center}.exam-card-title{font-size:1.25rem;font-weight:700}.exam-card-subtitle{font-size:.9rem;opacity:.9}.exam-card-body{padding:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1.5rem}.exam-card-photo{width:120px;height:150px;border:2px solid var(--gray-300);border-radius:var(--radius);object-fit:cover;background:var(--gray-100)}.exam-card-info{display:flex;flex-direction:column;gap:.5rem}.exam-card-row{display:flex;gap:.5rem}.exam-card-label{font-size:.85rem;color:var(--gray-500);min-width:100px}.exam-card-value{font-weight:600;color:var(--gray-800)}.exam-number-box{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:1rem;border-radius:var(--radius);text-align:center;margin-top:1rem}.exam-number-label{font-size:.8rem;opacity:.9}.exam-number-value{font-size:1.75rem;font-weight:700;letter-spacing:2px}.exam-card-footer{background:var(--gray-50);padding:1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border-top:1px solid var(--gray-200)}.exam-details{font-size:.85rem}.exam-details-item{display:flex;gap:.5rem}.exam-qr{width:80px;height:80px;background:#fff;border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center}.admin-login-container{max-width:400px;margin:2rem auto}.admin-dashboard{display:none}.admin-dashboard.active{display:block}.admin-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.admin-nav-btn{padding:.625rem 1rem;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--gray-600);display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.admin-nav-btn:hover{background:var(--primary-50);color:var(--primary-600)}.admin-nav-btn.active{background:var(--primary-600);color:#fff}.admin-panel{display:none}.admin-panel.active{display:block;animation:fadeIn .3s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:var(--transition)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-icon{width:50px;height:50px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.blue{background:var(--primary-100);color:var(--primary-600)}.stat-icon.green{background:var(--success-bg);color:var(--success)}.stat-icon.yellow{background:var(--warning-bg);color:var(--warning)}.stat-icon.red{background:var(--error-bg);color:var(--error)}.stat-info h3{font-size:1.5rem;font-weight:700;color:var(--gray-800)}.stat-info p{font-size:.85rem;color:var(--gray-500)}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:1rem}.modal-overlay.active{display:flex;animation:fadeIn .2s ease}.modal{background:#fff;border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--primary-600);color:#fff}.modal-title{font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;opacity:.8;transition:var(--transition)}.modal-close:hover{opacity:1}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 130px)}.modal-footer{padding:1rem 1.5rem;background:var(--gray-50);display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid var(--gray-200)}.loader-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.loader-overlay.active{display:flex}.loader{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{color:var(--gray-600);font-weight:500}.loader-dots{display:flex;gap:.5rem}.loader-dots span{width:12px;height:12px;background:var(--primary-500);border-radius:50%;animation:bounce .6s alternate infinite}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:3000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:1rem 1.25rem;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:400px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}.toast.warning{border-left:4px solid var(--warning)}.toast.info{border-left:4px solid var(--info)}.toast-icon{font-size:1.25rem}.toast.success .toast-icon{color:var(--success)}.toast.error .toast-icon{color:var(--error)}.toast.warning .toast-icon{color:var(--warning)}.toast.info .toast-icon{color:var(--info)}.toast-content{flex:1}.toast-title{font-weight:600;font-size:.9rem;color:var(--gray-800)}.toast-message{font-size:.85rem;color:var(--gray-600)}.toast-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;font-size:1.25rem;line-height:1}.toast-close:hover{color:var(--gray-600)}.alert{padding:1rem 1.25rem;border-radius:var(--radius);display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.alert-success{background:var(--success-bg);color:#065f46;border:1px solid #a7f3d0}.alert-error{background:var(--error-bg);color:#991b1b;border:1px solid #fecaca}.alert-warning{background:var(--warning-bg);color:#92400e;border:1px solid #fde68a}.alert-info{background:var(--info-bg);color:#1e40af;border:1px solid #93c5fd}.alert i{font-size:1.25rem;margin-top:.125rem}.footer{background:var(--gray-800);color:#fff;padding:1.5rem 0;margin-top:auto}.footer-content{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.footer-text{font-size:.9rem;opacity:.8}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem;opacity:.8;transition:var(--transition)}.footer-links a:hover{opacity:1}@media print{body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.header,.nav-tabs,.footer,.btn,.no-print{display:none!important}.main-content{padding:0}.exam-card-container{max-width:100%;margin:0}.exam-card{box-shadow:none;border:2px solid #000}.card{box-shadow:none;break-inside:avoid}}@media (max-width: 768px){.header{height:100px;padding:0 1rem;display:flex;align-items:center}.header-content{flex-direction:row;text-align:left;justify-content:space-between;align-items:center;width:100%;gap:.75rem}.school-logo{width:45px;height:45px}.school-info{flex:1}.school-name{font-size:1.1rem;line-height:1.2}.system-title{font-size:.8rem;opacity:.85}.academic-year{display:block;padding:.35rem .6rem;font-size:.75rem;white-space:nowrap}.nav-tabs{margin:1rem}.nav-tab{flex:1 1 calc(50% - .5rem);justify-content:center;padding:.625rem;font-size:.85rem}.card-body{padding:1rem}.form-grid{grid-template-columns:1fr}.btn-group{flex-direction:column}.btn-group .btn{width:100%}.exam-card-body{grid-template-columns:1fr;text-align:center}.exam-card-photo{margin:0 auto}.exam-card-row{justify-content:center}.stats-grid{grid-template-columns:1fr}.admin-nav{flex-direction:column}.admin-nav-btn{width:100%;justify-content:center}.modal{margin:.5rem;max-height:95vh}.toast{min-width:auto;max-width:calc(100vw - 2rem)}}@media (max-width: 480px){.header{height:100px;padding:0 .75rem}.school-logo{width:38px;height:38px}.school-name{font-size:1rem}.system-title{display:none}.academic-year{padding:.3rem .5rem;font-size:.7rem}.nav-tab{flex:1 1 100%}.table th,.table td{padding:.625rem .75rem;font-size:.8rem}}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary-600)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-muted{color:var(--gray-500)}.font-medium{font-weight:500}.font-bold{font-weight:700}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.hidden{display:none}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.preview-section-title{background:#f0f4f8;padding:8px 15px;border-radius:5px;margin:20px 0 10px;font-size:1.1rem;color:var(--primary-800);border-left:5px solid var(--primary-500)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px}.btnViewStyle{background-color:"#e0f2fe";color:"#0369a1";border:"none";padding:"6px 12px";border-radius:"6px";cursor:"pointer"}.tableStyle{width:"100%";border-collapse:"collapse";border:"1px solid #ddd";min-width:"500px"}.thStyle{padding:"12px 10px";border-bottom:"2px solid #ddd";font-size:"14px";text-align:"center"}.tdStyle{padding:"15px 10px";border-bottom:"1px solid #ddd";text-align:"center";font-size:"14px"}.badgeBase{padding:"5px 12px";border-radius:"15px";font-weight:"bold";font-size:"12px";display:"inline-block"}:root{--atdc-primary: #d32f2f;--atdc-primary-hover: #b71c1c;--atdc-primary-light: #ffebee;--atdc-text-dark: #333333;--atdc-text-muted: #666666;--atdc-bg-gray: #f9f9f9;--atdc-border: #eeeeee}.atdc-main-container{font-family:Sarabun,sans-serif;color:var(--atdc-text-dark);max-width:1000px;margin:0 auto;padding:20px}.atdc-header{text-align:center;margin-bottom:30px}.atdc-title{color:var(--atdc-primary);font-size:2.5rem;font-weight:800;margin-bottom:5px}.atdc-subtitle{color:var(--atdc-text-muted);font-size:1.1rem}.atdc-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;padding:25px;margin-bottom:25px;border-top:5px solid var(--atdc-primary)}.atdc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.atdc-input-group{display:flex;flex-direction:column;gap:8px}.atdc-label{font-weight:700;color:#444}.atdc-input{padding:12px;border:2px solid var(--atdc-border);border-radius:10px;font-size:1rem;transition:.3s}.atdc-input:focus{border-color:var(--atdc-primary);outline:none;box-shadow:0 0 0 3px #d32f2f1a}.atdc-error-msg{background:#fee2e2;color:var(--atdc-primary);padding:12px;border-radius:8px;text-align:center;margin-bottom:15px;font-weight:700;font-size:.95rem;border:1px solid #fca5a5}.atdc-btn-search{background:var(--atdc-primary);color:#fff;border:none;padding:15px;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;width:100%;transition:.3s;display:flex;justify-content:center;align-items:center}.atdc-btn-search:hover:not(:disabled){background:var(--atdc-primary-hover);transform:translateY(-2px)}.atdc-btn-search:disabled{background:#ccc;cursor:not-allowed}.atdc-profile-header{background:var(--atdc-primary);color:#fff;padding:20px;border-radius:16px 16px 0 0;margin:-25px -25px 20px}.atdc-status-badge{padding:6px 14px;border-radius:50px;color:#fff;font-size:.85rem;font-weight:600;display:inline-block}.atdc-lineup-box{display:flex;justify-content:space-between;align-items:center;background:var(--atdc-bg-gray);padding:15px;border-radius:12px;border:1px solid var(--atdc-border);margin-bottom:25px}.atdc-periods-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.atdc-period-item{background:#fff;border:1px solid var(--atdc-border);border-radius:12px;padding:15px;transition:.3s;box-shadow:0 2px 8px #0000000a}.atdc-period-item:hover{border-color:var(--atdc-primary);box-shadow:0 5px 15px #d32f2f1a}.atdc-period-meta{display:flex;justify-content:space-between;margin-bottom:10px}.atdc-p-tag{background:var(--atdc-primary-light);color:var(--atdc-primary);padding:2px 10px;border-radius:6px;font-size:.8rem;font-weight:700}.atdc-t-tag{background:#f5f5f5;color:var(--atdc-text-muted);padding:2px 10px;border-radius:6px;font-size:.8rem}.atdc-subject-name{font-size:1.1rem;font-weight:700;margin:10px 0 5px}.atdc-teacher-name{color:#777;font-size:.9rem;margin-bottom:12px}.atdc-ms-table-container{overflow-x:auto;margin-top:15px}.atdc-table{width:100%;border-collapse:collapse;min-width:500px}.atdc-table th{background:var(--atdc-primary-light);color:var(--atdc-primary);padding:12px;text-align:center;border:1px solid #ffcdd2}.atdc-table td{padding:12px;text-align:center;border:1px solid var(--atdc-border)}.atdc-loader{width:24px;height:24px;border:3px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:atdcRotation 1s linear infinite}@keyframes atdcRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.atdc-form-grid,.atdc-periods-grid{grid-template-columns:1fr}.atdc-title{font-size:1.8rem}}.atdc-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.atdc-modal-content{background:#fff;padding:30px;border-radius:20px;max-width:400px;width:90%;text-align:center;box-shadow:0 15px 35px #0000004d;animation:atdcPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes atdcPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.atdc-warning-icon{font-size:3rem;margin-bottom:10px;display:block}.atdc-modal-header h2{color:#d32f2f;margin:0;font-size:1.5rem}.atdc-modal-body ul{text-align:left;background:#fff5f5;padding:15px 15px 15px 35px;border-radius:10px;color:#b71c1c;margin:15px 0}.atdc-btn-close{background:#d32f2f;color:#fff;border:none;padding:12px;width:100%;border-radius:10px;font-weight:700;cursor:pointer}.atdc-section-title{font-size:1.1rem;border-left:4px solid #d32f2f;padding-left:10px;margin:20px 0 10px}:root{--primary: #667eea;--primary-dark: #764ba2;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--gray-bg: #f3f4f6;--text-main: #1f2937;--text-muted: #6b7280;--border-color: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--gray-bg);font-family:Sarabun,sans-serif;color:var(--text-main)}.visit-wrapper{display:flex;min-height:100vh}.visit-sidebar{width:260px;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;position:fixed;height:100vh;z-index:50;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 10px #0000001a}.visit-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0}.visit-top-header{background-color:#fff;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:40}.visit-header-inner{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem;width:100%}.visit-tabs-container{display:flex;gap:.5rem;background:#fff;padding:.75rem 1rem;border-radius:0 0 1rem 1rem;margin-bottom:1.5rem;overflow-x:auto;position:sticky;top:70px;z-index:30;box-shadow:0 4px 6px -1px #0000000d;scrollbar-width:none}.visit-tabs-container::-webkit-scrollbar{display:none}.visit-tab-btn{white-space:nowrap;padding:.6rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:600;border:1px solid var(--border-color);background:#f9fafb;color:var(--text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.visit-tab-btn:hover{background:#f3f4f6;border-color:#d1d5db}.visit-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #667eea4d}.visit-content{padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.visit-card{background:#fff;border-radius:1.25rem;padding:2rem;box-shadow:0 10px 15px -3px #0000000d;border-top:5px solid var(--primary);margin-bottom:2rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.visit-section-title{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f3f4f6;display:flex;align-items:center;gap:.6rem}.visit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.visit-field{display:flex;flex-direction:column;gap:.5rem}.visit-label{font-weight:600;color:#4b5563;font-size:.9rem}.visit-input,.visit-select,.visit-textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:1rem;font-family:inherit;transition:all .2s;background-color:#fff}.visit-input:focus,.visit-select:focus,.visit-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #667eea1a}.visit-textarea{resize:vertical;min-height:100px}.visit-canvas-container{border:2px dashed #cbd5e1;border-radius:1rem;background:#f8fafc;margin-top:.5rem;position:relative;overflow:hidden;transition:border-color .3s}.visit-canvas-container:hover{border-color:var(--primary)}canvas{touch-action:none;display:block;width:100%;background-color:#fff}.visit-btn-group{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}@media (min-width: 640px){.visit-btn-group{flex-direction:row;justify-content:center}}.visit-btn-submit{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;padding:1rem 3rem;border-radius:1rem;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #2563eb4d;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.visit-btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 20px -3px #2563eb66}.visit-btn-clear{background-color:#f3f4f6;color:#4b5563;padding:1rem 2rem;border-radius:1rem;font-weight:700;border:none;cursor:pointer;transition:all .2s}.visit-btn-clear:hover{background-color:#e5e7eb;color:var(--danger)}@media (max-width: 1024px){.visit-sidebar{transform:translate(-100%)}.visit-main{margin-left:0}}@media print{.no-print,.visit-sidebar,.visit-tabs-container,.visit-top-header,button{display:none!important}.visit-main{margin-left:0!important;background-color:#fff!important}.visit-content{padding:0!important}.visit-card{box-shadow:none!important;border:1px solid #eee!important;margin-bottom:1rem!important;padding:1.5rem!important;page-break-inside:avoid}.visit-section-title{color:#000!important;border-bottom:2px solid #333!important}.visit-input,.visit-select,.visit-textarea{border:none!important;border-bottom:1px dotted #ccc!important;padding:.2rem 0!important}}.eva-layout-wrapper{display:flex;min-height:100vh;background:#f4f6f9;font-family:Sarabun,sans-serif}.eva-layout-container{flex:1;display:flex;flex-direction:column;width:100%}.eva-content-wrapper{padding:20px}.eva-container-main{max-width:950px;margin:0 auto;width:100%}.eva-page-header{margin-bottom:30px;background:linear-gradient(135deg,#fff,#f8faff);padding:25px;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #e0e6ed}.eva-title{color:#1a237e;font-size:1.6rem;margin-bottom:20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.eva-teacher-card{display:flex;flex-direction:column;gap:20px}.eva-year-selector-row{display:flex;align-items:center;gap:15px;padding:12px 20px;background:#e8eaf6;border-radius:10px;width:fit-content;border:1px solid #c5cae9}.eva-year-selector-row label{color:#283593;font-size:1rem;white-space:nowrap}.eva-year-select{padding:6px 15px;border-radius:8px;border:2px solid #3f51b5;background-color:#fff;color:#1a237e;font-weight:700;font-family:Sarabun,sans-serif;cursor:pointer;outline:none;transition:all .2s}.eva-year-select:hover{border-color:#ff9800;box-shadow:0 0 5px #ff98004d}.eva-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:5px}.eva-info-item{background:#fff;padding:10px 15px;border-radius:8px;border:1px solid #edf2f7;font-size:.95rem;color:#4a5568;display:flex;align-items:center;gap:8px}.eva-info-item strong{color:#2d3748;min-width:110px}.eva-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.eva-main-section-label{background:#1a237e;color:#fff;padding:10px 20px;border-radius:8px;margin-bottom:15px;font-weight:700}.eva-section-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #00000012;border-left:5px solid #3f51b5}.eva-section-header{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.eva-section-header h3{font-size:1.1rem;color:#333;margin:0}.eva-question-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f9f9f9;gap:15px}.eva-question-text{flex:1;font-size:.95rem;color:#444}.eva-rating-options{display:flex;gap:8px}.eva-radio-label{cursor:pointer}.eva-radio-label input{display:none}.eva-radio-custom{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:8px;font-weight:700;transition:.2s}.eva-radio-label input:checked+.eva-radio-custom{background:#3f51b5;color:#fff;border-color:#3f51b5}.eva-score-input{width:80px;padding:8px;border:2px solid #ddd;border-radius:8px;text-align:center;font-weight:700}.eva-summary-card{background:#1a237e;color:#fff;border-radius:15px;padding:30px;text-align:center}.eva-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.eva-value{font-size:2rem;font-weight:700;display:block}.eva-value-badge{font-size:1.5rem;background:#fff3;padding:5px 20px;border-radius:20px;display:inline-block}.eva-btn-primary{background:#ff9800;color:#fff;border:none;padding:12px 35px;border-radius:25px;font-weight:700;cursor:pointer;font-size:1rem}@media (max-width: 768px){.eva-question-row{flex-direction:column;align-items:flex-start}.eva-rating-options{margin-top:10px;width:100%;justify-content:flex-end}.eva-info-grid{grid-template-columns:1fr}.eva-year-selector-row{width:100%;justify-content:space-between}.eva-summary-grid{grid-template-columns:1fr}}.eva-summary-details{margin:20px 0;text-align:left}.eva-detail-item{background:#f8fafc;padding:15px;border-radius:10px;margin-bottom:12px;border-left:5px solid #3b82f6}.eva-detail-header{display:flex;justify-content:space-between;font-weight:700;color:#1e293b;margin-bottom:5px;font-size:.95rem}.eva-detail-score{color:#2563eb;font-size:1.1rem}.eva-detail-percent{font-size:.85rem;color:#64748b}.eva-divider{border:0;border-top:1px solid #e2e8f0;margin:20px 0}.liseva-layout-wrapper{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Sarabun,sans-serif}.liseva-main-content{flex:1;padding:2rem;overflow-x:hidden}.liseva-container{margin-left:70px}.liseva-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #00000008;position:relative;overflow:hidden}.liseva-page-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,#3b82f6,#2563eb)}.liseva-title{font-size:1.85rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.025em;display:flex;align-items:center;gap:.75rem}.liseva-subtitle{color:#64748b;margin-top:.4rem;font-size:.95rem;font-weight:400}.liseva-user-badge{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem 1.2rem;border-radius:12px;border:1px solid #cbd5e1;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;cursor:default}.liseva-user-badge:hover{background:#fff;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px);border-color:#3b82f6}.liseva-user-badge i,.liseva-user-badge svg{color:#3b82f6;font-size:1.2rem}.liseva-user-badge strong{color:#1e293b;font-weight:600}.liseva-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding:.5rem 2.5rem .5rem 1rem;font-family:Sarabun,sans-serif;font-size:.95rem;font-weight:500;color:#1e293b;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease;min-width:140px;box-shadow:0 1px 2px #0000000d}.liseva-select:hover{border-color:#3b82f6;background-color:#f8fafc;box-shadow:0 4px 6px -1px #0000001a}.liseva-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.liseva-select option{padding:10px;background-color:#fff;color:#1e293b}.liseva-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.liseva-table{width:100%;border-collapse:collapse;text-align:left}.liseva-table th{background-color:#f1f5f9;padding:1rem;color:#475569;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.025em}.liseva-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.liseva-table tr:hover{background-color:#f8fafc}.liseva-btn-status{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;text-align:center;min-width:120px}.liseva-status-pending{background-color:#fff7ed;color:#ea580c;border:1px solid #fdba74}.liseva-status-pending:hover{background-color:#ea580c;color:#fff}.liseva-status-done{background-color:#f0fdf4;color:#16a34a;border:1px solid #86efac}.liseva-status-done:hover{background-color:#16a34a;color:#fff}@media (max-width: 768px){.liseva-page-header{flex-direction:column;align-items:flex-start}.liseva-main-content{padding:1rem}.liseva-container{margin-left:2px}.liseva-table thead{display:none}.liseva-table td{display:block;text-align:right;padding-left:50%;position:relative;border-bottom:1px solid #f1f5f9}.liseva-table td:before{content:attr(data-label);position:absolute;left:1rem;width:45%;text-align:left;font-weight:700;color:#64748b}.liseva-td-name{background-color:#f8fafc;text-align:center!important;padding-left:1rem!important}.liseva-td-name:before{display:none}.liseva-btn-status{width:100%;margin-top:.5rem}}.evrp-layout-wrapper{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Sarabun,sans-serif;-webkit-font-smoothing:antialiased}.evrp-main-content{flex:1;padding:2rem 2.5rem;margin-left:80px;overflow-x:hidden}.evrp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid #e2e8f0}.evrp-title-section h1{font-size:1.75rem;color:#0f172a;margin:0 0 .4rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.evrp-subtitle{color:#64748b;font-size:.95rem;margin:0}.evrp-filters{display:flex;gap:.75rem;align-items:center}.evrp-select{padding:.6rem 2.5rem .6rem 1rem;border-radius:8px;border:1px solid #cbd5e1;font-family:inherit;font-size:.95rem;font-weight:500;color:#334155;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}.evrp-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.evrp-btn-print{background-color:#0f172a;color:#fff;padding:.6rem 1.2rem;border-radius:8px;border:none;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.evrp-btn-print:hover{background-color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0f172a1f}.evrp-btn-print:active{transform:translateY(0)}.evrp-tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.evrp-tab-btn{padding:.8rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;background:none;border:none;border-bottom:3px solid transparent;color:#64748b;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.evrp-tab-btn:hover{color:#0f172a}.evrp-tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.evrp-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.evrp-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d;text-align:left;border:1px solid #e2e8f0;position:relative;overflow:hidden}.evrp-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#cbd5e1}.evrp-card:nth-child(1):before{background-color:#64748b}.evrp-card:nth-child(2):before{background-color:#10b981}.evrp-card:nth-child(3):before{background-color:#3b82f6}.evrp-card-label{display:block;color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.evrp-card-value{display:block;font-size:1.8rem;color:#1e293b;font-weight:700}.evrp-card-value small{font-size:1rem;font-weight:500;color:#64748b;margin-left:.25rem}.evrp-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.evrp-report-table{width:100%;border-collapse:collapse;font-size:.95rem}.evrp-report-table th{background-color:#f8fafc;color:#475569;font-weight:600;padding:1rem 1.25rem;border-bottom:2px solid #e2e8f0}.evrp-report-table td{padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9;color:#334155}.evrp-report-table tr:last-child td{border-bottom:none}.evrp-report-table tr:hover{background-color:#f8fafc}.evrp-text-center{text-align:center!important}.evrp-text-left{text-align:left!important}.evrp-text-right{text-align:right!important}.evrp-total-score{font-weight:700;color:#0f172a}.evrp-quality-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:600}.evrp-quality-excellent{background-color:#dcfce7;color:#15803d}.evrp-quality-very-good{background-color:#dbeafe;color:#1d4ed8}.evrp-quality-good{background-color:#ecfeff;color:#047857}.evrp-quality-fair{background-color:#ffedd5;color:#c2410c}.evrp-quality-improve{background-color:#fee2e2;color:#b91c1c}.evrp-empty-row,.evrp-loading{padding:3rem!important;color:#94a3b8;font-weight:500;text-align:center}.evrp-print-footer{display:none;margin-top:2rem;padding-top:1rem;border-top:1px dashed #cbd5e1;text-align:right;color:#64748b;font-size:.85rem}@media print{body{background:#fff;color:#000}.evrp-layout-wrapper{display:block;background:#fff}.evrp-main-content{padding:0}.evrp-filters,.evrp-btn-print,.evrp-tabs-container,nav,.menu-container,aside{display:none!important}.evrp-header{border-bottom:2px solid #000;margin-bottom:1.5rem}.evrp-summary-cards{gap:1rem}.evrp-card{box-shadow:none!important;border:1px solid #94a3b8!important;padding:1rem}.evrp-card:before{display:none}.evrp-table-container{box-shadow:none!important;border:1px solid #cbd5e1!important}.evrp-report-table th{background-color:#f1f5f9!important;color:#000!important;border-bottom:2px solid #000!important}.evrp-report-table td{border-bottom:1px solid #cbd5e1!important}.evrp-quality-badge{background:none!important;padding:0;font-weight:700}.evrp-print-footer{display:block}}.evatrack-layout-wrapper{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#334155}.evatrack-main-content{flex:1;display:flex;flex-direction:column;min-width:0}.evatrack-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.evatrack-header{background-color:#fff;border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.evatrack-header-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0}.evatrack-header-subtitle{font-size:.875rem;color:#64748b;margin-top:.25rem}.evatrack-badge-view{display:inline-flex;align-items:center;gap:.375rem;background-color:#dcfce7;color:#166534;font-size:.875rem;font-weight:600;padding:.375rem .875rem;border-radius:9999px;border:1px solid #bbf7d0}.evatrack-card{background-color:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;margin-bottom:2rem;overflow:hidden}.evatrack-card-header{padding:1rem 1.5rem;color:#fff}.evatrack-card-header-blue{background-color:#2563eb}.evatrack-card-header-green{background-color:#16a34a}.evatrack-card-header-yellow{background-color:#ca8a04}.evatrack-card-title{font-size:1.125rem;font-weight:600;margin:0}.evatrack-card-subtitle{font-size:.875rem;opacity:.9;margin-top:.25rem}.evatrack-card-body{padding:1.5rem}.evatrack-intro-box{background-color:#eff6ff;border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #dbeafe}.evatrack-intro-title{font-size:1.125rem;font-weight:600;color:#1e40af;margin-top:0;margin-bottom:.75rem}.evatrack-intro-text{font-size:.938rem;line-height:1.6;color:#334155;margin-bottom:1rem}.evatrack-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.evatrack-intro-item{background-color:#fff;padding:.75rem 1rem;border-radius:.375rem;border-left:4px solid #3b82f6;font-size:.875rem}.evatrack-meta-container{background-color:#f8fafc;border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #f1f5f9}.evatrack-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.evatrack-meta-item{font-size:.938rem}.evatrack-meta-label{color:#64748b;margin-right:.5rem}.evatrack-meta-value{font-weight:600;color:#0f172a}.evatrack-meta-value-highlight{color:#2563eb;font-weight:600}.evatrack-instruction-box{background-color:#fefce8;border:1px solid #fef08a;border-radius:.5rem;padding:1rem;margin-top:1rem}.evatrack-instruction-title{font-size:.938rem;font-weight:600;color:#854d0e;margin-top:0;margin-bottom:.5rem}.evatrack-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin-top:.5rem}.evatrack-scale-card{border-radius:.375rem;padding:.5rem;text-align:center;border:1px solid transparent}.evatrack-scale-5{background-color:#dcfce7;border-color:#bbf7d0;color:#166534}.evatrack-scale-4{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.evatrack-scale-3{background-color:#fef9c3;border-color:#fef08a;color:#854d0e}.evatrack-scale-2{background-color:#ffedd5;border-color:#fed7aa;color:#9a3412}.evatrack-scale-1{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.evatrack-scale-num{font-weight:700;font-size:1rem}.evatrack-scale-desc{font-size:.75rem;margin-top:.125rem}.evatrack-table-wrapper{width:100%;overflow-x:auto;border-radius:.5rem;border:1px solid #e2e8f0}.evatrack-table{width:100%;border-collapse:collapse;text-align:left;font-size:.938rem}.evatrack-table th{background-color:#1e293b;color:#fff;padding:.875rem 1rem;font-weight:600;border:1px solid #334155}.evatrack-table th.evatrack-text-center,.evatrack-table td.evatrack-text-center{text-align:center}.evatrack-table td{padding:.75rem 1rem;border:1px solid #e2e8f0;vertical-align:middle}.evatrack-table tbody tr:nth-child(2n){background-color:#f8fafc}.evatrack-table tbody tr:hover{background-color:#f1f5f9}.evatrack-table-section{background-color:#e0f2fe!important;font-weight:700;color:#0369a1}.evatrack-table-summary-row{background-color:#eff6ff!important;font-weight:600}.evatrack-table-total-row{background-color:#dbeafe!important;font-weight:700;color:#1e3a8a}.evatrack-radio{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#2563eb}.evatrack-radio:disabled{cursor:not-allowed;opacity:.6}.evatrack-form-group{margin-bottom:1.25rem;background-color:#f8fafc;padding:1rem;border-radius:.5rem;border:1px solid #e2e8f0}.evatrack-label{display:block;font-size:.938rem;font-weight:600;color:#334155;margin-bottom:.5rem}.evatrack-input{width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;background-color:#fff;transition:border-color .15s ease-in-out}.evatrack-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.evatrack-input:disabled,.evatrack-textarea:disabled{background-color:#f1f5f9;cursor:not-allowed;color:#64748b}.evatrack-textarea{width:100%;min-height:90px;padding:.75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff}.evatrack-textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.evatrack-actions-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}.evatrack-btn-submit{display:inline-flex;align-items:center;gap:.5rem;background-color:#16a34a;color:#fff;font-size:.938rem;font-weight:600;padding:.625rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.evatrack-btn-submit:hover{background-color:#15803d}.evatrack-signature-box{text-align:center;min-width:200px}.evatrack-signature-line{border-top:1px solid #cbd5e1;padding-top:.5rem;font-size:.875rem;color:#475569}.evatrack-signature-name{font-weight:600;margin-top:.25rem}.evatrack-signature-position{font-size:.813rem;color:#64748b}.evatrack-footer{background-color:#1e293b;color:#94a3b8;padding:1.5rem 0;text-align:center;margin-top:3rem;border-radius:.5rem;font-size:.875rem}@media (max-width: 640px){.evatrack-card-body{padding:1rem}.evatrack-actions-row{flex-direction:column-reverse;align-items:stretch}.evatrack-signature-box{width:100%}}:root{--lst-primary: #4f46e5;--lst-primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--lst-success: #10b981;--lst-success-gradient: linear-gradient(135deg, #34d399 0%, #059669 100%);--lst-warning: #f59e0b;--lst-warning-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--lst-danger: #ef4444;--lst-danger-gradient: linear-gradient(135deg, #f87171 0%, #dc2626 100%);--lst-bg: #f1f5f9;--lst-card-bg: #ffffff;--lst-text-main: #0f172a;--lst-text-muted: #64748b;--lst-border: #e2e8f0;--lst-shadow: 0 10px 15px -3px rgba(15, 23, 42, .04), 0 4px 6px -4px rgba(15, 23, 42, .04);--lst-shadow-md: 0 12px 20px -8px rgba(79, 70, 229, .12), 0 4px 6px -2px rgba(0, 0, 0, .02);--lst-radius-lg: 24px;--lst-radius-md: 16px}.lstdu-layout-wrapper{display:flex;min-height:100vh;background-color:var(--lst-bg);background-image:radial-gradient(at 0% 100%,rgba(99,102,241,.04) 0px,transparent 40%),radial-gradient(at 100% 100%,rgba(34,197,94,.03) 0px,transparent 40%);font-family:Sarabun,sans-serif}.lstdu-main-content{flex:1;padding:2.5rem 2rem;width:100%}.lstdu-container{margin-left:80px;transition:margin .3s ease}.lstdu-page-header{margin-bottom:2.5rem;padding:2rem 2.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--lst-radius-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--lst-shadow-md);border:1px solid rgba(255,255,255,.7);position:relative;overflow:hidden}.lstdu-page-header:after{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);border-radius:50%}.lstdu-title-wrapper{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1}.lstdu-header-icon-bg{background:var(--lst-primary-gradient);color:#fff;padding:14px;border-radius:var(--lst-radius-md);box-shadow:0 8px 16px #4f46e540;display:flex;align-items:center;justify-content:center}.lstdu-title{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#0f172a 30%,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.03em}.lstdu-subtitle{color:var(--lst-text-muted);margin-top:.5rem;font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:.6rem}.lstdu-header-badge{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:var(--lst-primary);padding:10px 20px;border-radius:14px;font-weight:800;font-size:.95rem;border:1px solid rgba(99,102,241,.15);display:flex;align-items:center;gap:10px;box-shadow:0 4px 6px -1px #6366f10d;white-space:nowrap}.lstdu-card{background:#fff;border-radius:var(--lst-radius-md);box-shadow:var(--lst-shadow);overflow:hidden;border:1px solid rgba(226,232,240,.8)}.lstdu-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.lstdu-table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}.lstdu-table th{background-color:#f8fafc;color:#475569;font-weight:700;font-size:.85rem;padding:1.25rem 1.5rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--lst-border)}.lstdu-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;transition:all .2s ease}.lstdu-table tr{transition:all .15s ease}.lstdu-table tr:hover td{background-color:#f5f3ff}.lstdu-table tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--lst-primary)}.lstdu-text-center{text-align:center}.lstdu-text-small{font-size:.85rem;margin-top:4px;color:var(--lst-text-muted);font-weight:500}.lstdu-btn-eval{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:165px;cursor:pointer;border:2px solid transparent;white-space:nowrap}.lstdu-btn-eval:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #00000014}.lstdu-btn-attribute{background-color:#fef2f2;color:#dc2626;border-color:#fecaca}.lstdu-btn-attribute:hover{background-color:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc262633}.lstdu-btn-competency{background-color:#eff6ff;color:#2563eb;border-color:#bfdbfe}.lstdu-btn-competency:hover{background-color:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb33}.lstdu-btn-analytical{background-color:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.lstdu-btn-analytical:hover{background-color:#16a34a;color:#fff;border-color:#16a34a;box-shadow:0 4px 12px #16a34a33}.eval-pending{background-color:#fffbeb;color:#d97706;border-color:#fde68a}.eval-pending:hover{background:var(--lst-warning-gradient);color:#fff;border-color:transparent;box-shadow:0 6px 15px #f59e0b4d}.eval-done{background-color:#ecfdf5;color:#059669;border-color:#a7f3d0}.eval-done:hover{background:var(--lst-success-gradient);color:#fff;border-color:transparent;box-shadow:0 6px 15px #10b9814d}.lstdu-eval-cell-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0;width:100%}.lstdu-btn-eval.eval-complete{background:var(--lst-success-gradient);color:#fff;border:none;box-shadow:0 4px 10px #10b98133}.lstdu-btn-eval.eval-complete:hover{filter:brightness(1.1);box-shadow:0 6px 16px #10b98159}.lstdu-progress-container{width:140px;background:#f8fafc;padding:6px 10px;border-radius:8px;border:1px solid #f1f5f9}.lstdu-progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--lst-text-muted);margin-bottom:4px;font-weight:700}.lstdu-progress-bar-bg{width:100%;height:7px;background-color:#e2e8f0;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.lstdu-progress-bar-fill{height:100%;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1)}.bg-primary{background:var(--lst-primary-gradient)!important;box-shadow:0 2px 6px #4f46e54d}.bg-success{background:var(--lst-success-gradient)!important;box-shadow:0 2px 6px #10b9814d}.text-success{color:#059669!important;font-weight:700}@media (max-width: 1200px){.lstdu-main-content{padding:2rem 1.5rem}}@media (max-width: 768px){.lstdu-main-content{padding:1rem .75rem}.lstdu-container{margin-left:0!important;padding:0;width:100%}.lstdu-page-header{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem}.lstdu-header-badge{width:100%;justify-content:center}.lstdu-title-wrapper{flex-direction:column;align-items:center;gap:1rem;text-align:center}.lstdu-title{font-size:1.65rem}.lstdu-subtitle{font-size:.95rem}.lstdu-table{min-width:unset!important;width:100%!important;display:block}.lstdu-table tbody{display:block;width:100%;padding:0 4px}.lstdu-table thead{display:none!important}.lstdu-table tr{display:block;background:#fff;margin-bottom:1.25rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;padding:1.25rem;box-sizing:border-box;width:100%!important;text-align:center}.lstdu-table tr:hover td{background-color:transparent!important}.lstdu-table td{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0;border-bottom:none;width:100%!important;box-sizing:border-box}.lstdu-table td .font-bold,.lstdu-table td .text-slate-600{display:inline-block;font-size:1.15rem;margin-bottom:0}.lstdu-table td .font-bold{color:var(--lst-primary)}.lstdu-table td .lstdu-text-small{flex-basis:100%;font-size:.9rem;color:#94a3b8;margin-top:6px;margin-bottom:1rem;text-align:center}.lstdu-table td:nth-child(3),.lstdu-table td:nth-child(4),.lstdu-table td:nth-child(5),.lstdu-table td:nth-child(6){display:flex;flex-direction:column;align-items:center;padding:0;width:100%!important}.lstdu-table td:nth-child(3){border-top:1px dashed #e2e8f0;padding-top:1rem}.lstdu-eval-cell-wrapper{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;width:100%!important;box-sizing:border-box}.lstdu-btn-eval{flex:1 1 auto;width:100%!important;max-width:100%;padding:12px 16px;font-size:.88rem;box-sizing:border-box;justify-content:center}.lstdu-progress-container{width:100%!important;max-width:100%;box-sizing:border-box;margin-top:4px;text-align:left}}@media (max-width: 480px){.lstdu-page-header{padding:1.25rem;border-radius:var(--lst-radius-md)}.lstdu-title{font-size:1.4rem}}.evast-layout{display:flex;min-height:100vh;background:#f0f2f5}.evast-main{flex:1;padding:1.5rem;margin-left:80px}.evast-top-bar{background:linear-gradient(135deg,#fff,#f8faff);padding:1.5rem;border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-bottom:1.5rem;border-left:6px solid #4f46e5}.evast-title{margin:0;color:#1e293b;font-size:1.5rem;font-weight:800;background:linear-gradient(to right,#4f46e5,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.evast-subtitle{color:#64748b;margin:5px 0;font-size:.95rem;display:flex;align-items:center;gap:8px}.evast-room-tabs{display:flex;gap:.4rem;padding:.4rem;background:#f1f5f9;border-radius:14px}.evast-room-btn{padding:.5rem 1rem;border-radius:10px;border:none;background:transparent;color:#64748b;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.evast-room-btn.active{background:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e54d}.evast-quick-menu{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;padding:1rem 1.5rem;background:linear-gradient(to right,#fff7ed,#ffedd5);border-radius:12px;border:1px solid #fed7aa}.evast-quick-label{display:flex;align-items:center;gap:10px;color:#9a3412;font-weight:700}.evast-btn-quick{padding:.5rem 1.2rem;border:1px solid #fdba74;background:#fff;color:#c2410c;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.evast-btn-quick:hover{background:#ea580c;color:#fff;transform:scale(1.05)}.evast-table-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000008;overflow-x:auto;width:100%;border:1px solid #e2e8f0}.evast-table{width:100%;border-collapse:collapse;min-width:1350px}.evast-table th{background:#f8fafc;padding:1rem .4rem;color:#475569;font-weight:700;font-size:.8rem;letter-spacing:.02em;border-bottom:2px solid #edf2f7;border-right:1px solid #edf2f7;text-align:center}.evast-table th:last-child,.evast-table td:last-child{border-right:none}.evast-table tbody tr{border-bottom:1.5px solid #f1f5f9;transition:background-color .2s}.evast-table tbody tr:last-child{border-bottom:none}.evast-table td{padding:1rem .4rem;vertical-align:middle;border-right:1px solid #f8fafc}.evast-table th:nth-child(1),.evast-table td:nth-child(1){width:50px}.evast-table th:nth-child(2),.evast-table td:nth-child(2){width:60px}.evast-table th:nth-child(3),.evast-table td:nth-child(3){width:auto;white-space:nowrap;text-align:left;padding-left:1rem}.evast-score-input{width:38px;height:35px;text-align:center;border:1.5px solid #cbd5e1;border-radius:8px;font-size:1rem;font-weight:600;color:#1e293b;transition:all .2s}.evast-score-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;background-color:#fff}.row-selected{background-color:#f5f3ff!important}.evast-table tbody tr:hover{background-color:#f8faff}.evast-score-input{width:40px;height:40px;text-align:center;border:2px solid #e2e8f0;border-radius:10px;font-size:1.1rem;font-weight:800;color:#4f46e5;transition:all .2s;display:block;margin:0 auto}.evast-score-input:focus{border-color:#9333ea;box-shadow:0 0 0 4px #9333ea1a;background:#fff;transform:scale(1.1)}.evast-table input[type=checkbox]{accent-color:#4f46e5;width:18px;height:18px;cursor:pointer}.evast-btn-save{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:14px 36px;border-radius:14px;border:none;font-size:1.05rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 8px 15px -3px #4f46e54d,0 4px 6px -2px #7c3aed33}.evast-btn-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.evast-btn-save:hover:before{left:100%}.evast-btn-save:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 25px -5px #4f46e566,0 10px 10px -5px #7c3aed4d;filter:brightness(1.1)}.evast-btn-save:active{transform:translateY(0) scale(.98);box-shadow:0 5px 10px -3px #4f46e566}.evast-btn-save:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;transform:none;opacity:.8}.evast-btn-save svg{transition:transform .3s ease}.evast-btn-save:hover svg{transform:rotate(-10deg) scale(1.1)}@media (max-width: 768px){.evast-main{margin:4px;padding:.75rem}.evast-top-bar{padding:1.25rem;border-left:none;border-top:6px solid #4f46e5;text-align:center}.evast-top-bar>div:first-child{flex-direction:column!important;gap:12px!important;width:100%}.evast-back-link{width:100%;justify-content:center}.evast-room-tabs{width:100%;flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px}.evast-room-btn{flex:1 1 calc(50% - 6px);padding:.6rem .5rem;font-size:.9rem}.evast-title{font-size:1.35rem;line-height:1.4}.evast-top-bar>div:nth-child(2){flex-direction:column!important;align-items:center!important;gap:8px!important}.evast-top-bar>div:nth-child(2)>div{margin-left:0!important;justify-content:center}.evast-quick-menu{flex-direction:column!important;gap:1rem!important;padding:1.25rem 1rem!important;align-items:stretch!important}.evast-quick-menu>div:first-child{justify-content:center!important;font-size:.95rem}.evast-quick-menu>div:last-child{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;width:100%;gap:8px!important}.evast-quick-menu .evast-btn-quick{flex:1 1 calc(25% - 6px)!important;min-width:60px;padding:.75rem .25rem!important;font-size:.95rem!important;text-align:center;justify-content:center}.evast-quick-menu>div:last-child>div[style*="width: 2px"]{flex-basis:100%!important;width:100%!important;height:1px!important;margin:8px 0!important;background:#fed7aa!important}.evast-btn-save{flex-basis:100%!important;width:100%!important;padding:16px!important;font-size:1.1rem!important;border-radius:12px!important;justify-content:center!important;margin-top:4px}.evast-table-container{background:transparent;box-shadow:none;overflow-x:visible;margin-top:1rem}.evast-table{min-width:unset!important;width:100%!important;display:block}.evast-table tbody{display:block;width:100%}.evast-table thead{display:none!important}.evast-table tbody tr{display:grid!important;grid-template-columns:auto auto 1fr;row-gap:12px;column-gap:8px;align-items:center;background:#fff;margin-bottom:1rem;border-radius:16px;box-shadow:0 4px 12px #00000008;border:1px solid #e2e8f0;padding:1.25rem;box-sizing:border-box;width:100%!important}.evast-table td{border-bottom:none;padding:0;box-sizing:border-box;width:auto!important}.evast-table td:nth-child(1){grid-column:1;grid-row:1;display:inline-flex;justify-content:center}.evast-table td:nth-child(2){grid-column:2;grid-row:1;font-size:1.1rem;font-weight:800!important;color:#4f46e5!important;display:inline-flex}.evast-table td:nth-child(2):after{content:".";color:#94a3b8}.evast-table td:nth-child(3){grid-column:3;grid-row:1;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px}.evast-table td:nth-child(3)>div:first-child{font-size:1.1rem!important;color:#1e293b!important;text-align:left!important;font-weight:700}.evast-table td:nth-child(3)>div:last-child{display:block!important;font-size:12px!important;color:#94a3b8!important;margin:0!important}.evast-table td:nth-child(n+4){grid-row:2;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding-top:12px;border-top:1px dashed #e2e8f0;width:100%!important}.evast-table tbody tr{grid-template-columns:repeat(8,1fr)!important}.evast-table td:nth-child(1){grid-column:span 1}.evast-table td:nth-child(2){grid-column:span 1}.evast-table td:nth-child(3){grid-column:span 6}.evast-table td:nth-child(4){grid-column:1}.evast-table td:nth-child(5){grid-column:2}.evast-table td:nth-child(6){grid-column:3}.evast-table td:nth-child(7){grid-column:4}.evast-table td:nth-child(8){grid-column:5}.evast-table td:nth-child(9){grid-column:6}.evast-table td:nth-child(10){grid-column:7}.evast-table td:nth-child(11){grid-column:8}.evast-table td:nth-child(4):before{content:"1";font-size:11px;font-weight:700;color:#64748b}.evast-table td:nth-child(5):before{content:"2";font-size:11px;font-weight:700;color:#64748b}.evast-table td:nth-child(6):before{content:"3";font-size:11px;font-weight:700;color:#64748b}.evast-table td:nth-child(7):before{content:"4";font-size:11px;font-weight:700;color:#64748b}.evast-table td:nth-child(8):before{content:"5";font-size:11px;font-weight:700;color:#64748b}.evast-table td:nth-child(9):before{content:"6";font-size:11px;font-weight:700;color:#64748b}.evast-table td:nth-child(10):before{content:"7";font-size:11px;font-weight:700;color:#64748b}.evast-table td:nth-child(11):before{content:"8";font-size:11px;font-weight:700;color:#64748b}.evast-score-input{width:100%!important;max-width:36px!important;height:36px!important;font-size:1.1rem!important;text-align:center;padding:0!important;border-radius:8px!important;border:1px solid #cbd5e1!important}.evast-score-input{width:34px!important;height:36px!important;font-size:1.1rem!important;text-align:center;padding:0!important;border-radius:8px!important;border:1px solid #cbd5e1!important}}@media (max-width: 480px){.evast-title{font-size:1.3rem}.evast-room-btn{flex:1 1 calc(50% - .4rem)}.evast-table tbody tr{padding:1rem .75rem}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tech-main-content{margin-left:70px;padding:2rem;background-color:#f8fafc;min-height:100vh}.tech-header-container{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:24px;box-shadow:0 10px 25px -5px #6366f166;margin-bottom:2rem;border:none;position:relative;overflow:hidden}.tech-title{color:#fff!important;font-weight:700;margin:0}.tech-subtitle{color:#ffffffe6!important}.tech-brand{color:#fff!important;font-weight:700;text-decoration:underline}.tech-header-icon{background:#fff3;color:#fff;padding:12px;border-radius:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tech-header-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7,#6366f1)}.tech-header-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -4px #6366f166}.tech-brand{color:#6366f1;font-weight:700;background:#6366f114;padding:2px 10px;border-radius:8px;border:1px solid rgba(99,102,241,.1)}.tech-table-container{background:#fff;border-radius:24px;box-shadow:0 4px 20px -5px #0000000d;border:1px solid #f1f5f9;overflow:hidden}.tech-header-area{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9}.tech-search-box{background:#f8fafc;border:1px solid #e2e8f0;padding:.7rem 1.2rem;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.tech-text-badge{padding:.4rem .8rem;background:#f1f5f9;color:#475569;border-radius:10px;font-size:.85rem;font-weight:600}.tech-adviser-badge{background:linear-gradient(135deg,#6366f11a,#a855f71a);color:#6366f1;padding:.4rem .8rem;border-radius:8px;font-weight:700;border:1px solid rgba(99,102,241,.2)}.tech-btn-edit:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.tech-btn-delete:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.tech-table-container{background:#fff;border-radius:24px;box-shadow:0 10px 25px -5px #0000000d;border:1px solid #f1f5f9;overflow:hidden}.tech-header-area{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #f1f5f9}.tech-search-box{display:flex;align-items:center;background:#f8fafc;padding:.6rem 1.2rem;border-radius:14px;border:1px solid #e2e8f0;width:100%;max-width:400px;transition:all .2s ease}.tech-search-box:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.tech-search-input{border:none;background:transparent;margin-left:10px;outline:none;font-size:.95rem;color:#1e293b;width:100%}.tech-search-input::placeholder{color:#94a3b8}.tech-table-wrapper{overflow-x:auto}.tech-table{width:100%;border-collapse:collapse;text-align:left}.tech-table thead th{background:#f8fafc;padding:1rem 1.5rem;color:#64748b;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.tech-table tbody tr{transition:background .2s ease;border-bottom:1px solid #f8fafc}.tech-table tbody tr:hover{background:#f1f5f9}.tech-table td{padding:1.2rem 1.5rem;vertical-align:middle}.tech-info-cell{display:flex;flex-direction:column}.tech-main-text{font-weight:700;color:#1e293b;font-size:.95rem}.tech-sub-text{font-size:.75rem;color:#94a3b8;margin-top:2px}.tech-text-badge{display:inline-block;padding:.35rem .85rem;background:#f1f5f9;color:#475569;border-radius:10px;font-size:.85rem;font-weight:600}.tech-adviser-badge{display:inline-block;padding:.3rem .75rem;background:#6366f11a;color:#6366f1;border-radius:8px;font-weight:800;font-size:.9rem}.tech-phone-cell{display:flex;align-items:center;color:#64748b;font-size:.9rem}.tech-action-group{display:flex;gap:8px;justify-content:center}.tech-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;cursor:pointer;transition:all .2s}.tech-btn-edit{background:#eef2ff;color:#6366f1}.tech-btn-edit:hover{background:#6366f1;color:#fff}.tech-btn-delete{background:#fef2f2;color:#ef4444}.tech-btn-delete:hover{background:#ef4444;color:#fff}.tech-btn-success{background:#10b981;color:#fff;padding:.6rem 1.2rem;border-radius:12px;border:none;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.tech-btn-success:hover{background:#059669;transform:translateY(-1px)}.tech-pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.tech-pagination-info{color:#64748b;font-size:.875rem}.tech-pagination-info span{color:#1e293b;font-weight:700}.tech-pagination-list{display:flex;list-style:none;gap:6px;margin:0;padding:0;align-items:center}.tech-page-item{display:flex;align-items:center;justify-content:center}.tech-page-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;border:1px solid transparent}.tech-page-link:hover{background:#f1f5f9;color:#6366f1}.tech-active .tech-page-link{background:#6366f1;color:#fff;box-shadow:0 4px 10px #6366f14d}.tech-page-prev,.tech-page-next{display:flex;align-items:center;justify-content:center}.tech-page-prev .tech-page-link,.tech-page-next .tech-page-link{background:#f8fafc;border:1px solid #e2e8f0}.tech-page-prev .tech-page-link:hover,.tech-page-next .tech-page-link:hover{background:#fff;border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.tech-disabled .tech-page-link{opacity:.4;cursor:not-allowed;background:#f8fafc!important;color:#cbd5e1!important;border-color:#f1f5f9!important}@media (max-width: 1024px){.tech-main-content{margin-left:0;padding:1rem}}@media (max-width: 768px){.tech-main-content{margin-left:0;padding:1rem}.tech-table thead{display:none}.tech-table tbody tr{display:block;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 4px 12px #00000008;transition:transform .2s}.tech-table td{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:.6rem 0;border-bottom:1px solid #f8fafc;width:100%}.tech-table td:before{content:attr(data-label);font-weight:700;color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.tech-table td[data-label=จัดการ],.tech-table td[data-label=ดำเนินการ]{flex-direction:row;justify-content:flex-start;gap:12px;border-bottom:none;padding-top:1rem}.tech-info-cell,.tech-phone-cell{align-items:flex-start;width:100%}.tech-text-badge,.tech-adviser-badge{margin-left:0}}.tech-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tech-modal-content{background:#fff;width:100%;max-width:650px;max-height:90vh;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.7);position:relative}.tech-modal-header{padding:1.5rem 2rem;background:linear-gradient(to right,#f8fafc,#fff);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.tech-modal-title-group{display:flex;align-items:center;gap:1rem}.tech-modal-icon{width:45px;height:45px;background:#6366f11a;color:#6366f1;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #6366f10d}.tech-modal-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.01em}.tech-modal-subtitle{font-size:.85rem;color:#64748b;margin-top:2px}.tech-modal-close{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tech-modal-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.tech-modal-form{padding:2rem;overflow-y:auto;flex:1}.tech-form-section-title{font-size:.85rem;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 1rem;display:flex;align-items:center;gap:10px}.tech-form-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(99,102,241,.2),transparent)}.tech-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.tech-form-row-three{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:1rem;margin-bottom:1.25rem}.tech-form-group{display:flex;flex-direction:column}.tech-form-row-three{display:flex;align-items:flex-end;gap:1rem;width:100%;margin-bottom:1.25rem}.tech-form-row-three .tech-form-group{display:flex;flex-direction:column}.tech-form-row-three .tech-form-group:nth-child(1){flex:1.5;min-width:80px}.tech-form-row-three .tech-group-small{flex:1;min-width:70px;max-width:100px}.tech-form-row-three .tech-form-group:nth-child(3){flex:3;min-width:150px}.tech-group-small .tech-input{text-align:center}@media (max-width: 640px){.tech-form-row-three{flex-direction:column;align-items:stretch}.tech-form-row-three .tech-form-group,.tech-form-row-three .tech-group-small{flex:none;max-width:100%;min-width:100%}.tech-group-small .tech-input{text-align:left}}.tech-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:8px}.tech-input,.tech-select{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-weight:500;color:#1e293b;background:#fcfdfe;transition:all .2s ease;outline:none}.tech-input::placeholder{color:#94a3b8}.tech-input:focus,.tech-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.tech-input.disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.tech-modal-footer{padding:1.5rem 2rem;background:#f8fafc;display:flex;gap:1rem;border-top:1px solid #f1f5f9}.tech-btn-cancel{flex:1;padding:.75rem;border-radius:14px;background:#fff;color:#64748b;font-weight:600;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .2s}.tech-btn-cancel:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.tech-btn-submit{flex:2;padding:.75rem;border-radius:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;box-shadow:0 10px 15px -3px #6366f14d}.tech-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f166}.tech-btn-submit:active{transform:translateY(0)}.tech-btn-submit:disabled{opacity:.7;cursor:wait}@media (max-width: 768px){.tech-modal-content{max-width:90%}}@media (max-width: 640px){.tech-modal-overlay{padding:0;align-items:flex-end}.tech-modal-content{max-width:100%;max-height:95vh;border-radius:28px 28px 0 0;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tech-modal-header{padding:1.25rem 1.5rem}.tech-modal-form{padding:1.5rem}.tech-form-row,.tech-form-row-three{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.tech-modal-footer{padding:1.25rem 1.5rem;flex-direction:column-reverse}.tech-btn-submit,.tech-btn-cancel{flex:none;width:100%;padding:.85rem}}@media (max-width: 380px){.tech-modal-title{font-size:1.1rem}.tech-modal-subtitle{font-size:.75rem}}.tech-action-group{display:flex;gap:12px!important;align-items:center}.tech-btn-export,.tech-btn-import,.tech-btn-add{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-weight:600;font-family:Prompt,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:.95rem}.tech-btn-export{background-color:#10b981;color:#fff;box-shadow:0 4px 6px -1px #10b98133}.tech-btn-export:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.tech-btn-import{background-color:#f59e0b;color:#fff;box-shadow:0 4px 6px -1px #f59e0b33}.tech-btn-import:hover{background-color:#d97706;transform:translateY(-2px);box-shadow:0 10px 15px -3px #f59e0b4d}.tech-btn-add{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 6px -1px #6366f133}.tech-btn-add:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.02);box-shadow:0 10px 15px -3px #6366f14d}.tech-btn-submit{background-color:#6366f1!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:12px!important;font-weight:600!important;transition:all .2s ease!important}.tech-btn-submit:hover{background-color:#4f46e5!important;box-shadow:0 4px 12px #6366f166!important}.tech-btn-cancel{background-color:#f8fafc!important;color:#64748b!important;border:1px solid #e2e8f0!important;padding:12px 24px!important;border-radius:12px!important;font-weight:500!important}.tech-btn-cancel:hover{background-color:#f1f5f9!important;color:#0f172a!important}button:hover svg{transform:scale(1.1);transition:transform .2s ease}:root{--sta-primary: #696cff;--sta-primary-light: #e7e7ff;--sta-success: #71dd37;--sta-danger: #ff3e1d;--sta-warning: #ffab00;--sta-info: #03c3ec;--sta-bg: #f8f9ff;--sta-card-bg: #ffffff;--sta-radius: 16px;--sta-shadow: 0 10px 30px rgba(0, 0, 0, .08);--sta-transition: all .3s cubic-bezier(.25, .8, .25, 1)}.sta-main-layout{min-height:100vh;background-color:var(--sta-bg);font-family:Prompt,sans-serif}.sta-container{margin-left:70px;padding:10px}.sta-header-card{background:#fff;padding:24px;border-radius:var(--sta-radius);box-shadow:var(--sta-shadow);display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-left:6px solid var(--sta-primary)}.sta-header-info h2{margin:0;font-size:1.4rem;color:#32325d;font-weight:700}.sta-badge-class{background:var(--sta-primary-light);color:var(--sta-primary);padding:4px 12px;border-radius:8px;font-size:.9rem;font-weight:600;margin-bottom:8px;display:inline-block}.sta-date-input{border:1px solid #d9dee3;padding:10px 16px;border-radius:10px;outline:none;font-family:inherit;transition:var(--sta-transition)}.sta-date-input:focus{border-color:var(--sta-primary);box-shadow:0 0 0 3px #696cff1a}.sta-quick-box{background:#fff;padding:20px;border-radius:var(--sta-radius);margin-bottom:24px;box-shadow:var(--sta-shadow);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.sta-quick-title{font-weight:600;color:#566a7f}.sta-btn-quick{border:none;padding:8px 18px;border-radius:10px;font-weight:600;cursor:pointer;transition:var(--sta-transition);font-size:.9rem}.sta-btn-quick.green{background:#e8fadf;color:var(--sta-success)}.sta-btn-quick.red{background:#ffe5e0;color:var(--sta-danger)}.sta-btn-quick.yellow{background:#fff2d6;color:var(--sta-warning)}.sta-btn-quick.blue{background:#d7f5fc;color:var(--sta-info)}.sta-btn-quick:hover{transform:translateY(-2px);filter:brightness(.95)}.sta-table-card{background:#fff;border-radius:var(--sta-radius);box-shadow:var(--sta-shadow);overflow:hidden}.sta-table{width:100%;border-collapse:collapse}.sta-table th{background:#fcfcfd;padding:16px;text-align:left;color:#a1acb8;font-size:.85rem;text-transform:uppercase;border-bottom:1px solid #f0f2f4}.sta-table td{padding:16px;border-bottom:1px solid #f0f2f4;transition:var(--sta-transition)}.sta-row-checked{background-color:#f9f9ff}.sta-status-group{display:flex;gap:8px}.sta-status-label{flex:1;text-align:center;padding:8px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;border:1px solid #f0f2f4;transition:var(--sta-transition)}.sta-status-label input{display:none}.sta-status-label.green.active{background:var(--sta-success);color:#fff;border-color:var(--sta-success)}.sta-status-label.red.active{background:var(--sta-danger);color:#fff;border-color:var(--sta-danger)}.sta-status-label.yellow.active{background:var(--sta-warning);color:#fff;border-color:var(--sta-warning)}.sta-status-label.blue.active{background:var(--sta-info);color:#fff;border-color:var(--sta-info)}.sta-form-actions{margin-top:30px;text-align:center}.sta-btn-save{background:var(--sta-primary);color:#fff;border:none;padding:14px 40px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #696cff66;transition:var(--sta-transition)}.sta-btn-save:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #696cff80}.sta-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.sta-header-card{flex-direction:column;align-items:flex-start;gap:15px}.sta-date-input{width:100%}.sta-table thead{display:none}.sta-table td{display:block;width:100%;border:none;padding:10px 16px}.sta-table td:first-child{font-weight:700;color:var(--sta-primary);padding-top:20px}.sta-table tr{border-bottom:1px solid #f0f2f4;display:block;padding-bottom:15px}.sta-status-group{grid-template-columns:repeat(2,1fr);display:grid}}.sta-mobile-radio-group{display:none}@media (max-width: 500px){.sta-container{margin-left:0;padding:10px}.sta-table tr{display:block;background:#fff;border-radius:12px;padding:15px;margin-bottom:12px;border:1px solid #edf2f7;box-shadow:0 2px 4px #00000005}.sta-table td{display:block;width:100%;padding:0;border:none}.sta-table td:first-child,.sta-table td:last-child{display:none}.sta-table td:nth-child(2){font-weight:600;font-size:1.05rem;color:#2d3748;margin-bottom:12px}.sta-mobile-radio-group{display:flex;justify-content:flex-start;gap:12px;padding-top:5px}.sta-status-label{all:unset;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;flex:1}.sta-status-label:before{content:"";width:20px;height:20px;border:2px solid #cbd5e0;border-radius:50%;transition:all .2s ease;background:#fff}.sta-status-label span{font-size:.75rem;font-weight:500;color:#718096}.sta-status-label.green.active:before{border-color:var(--sta-success);background:var(--sta-success);box-shadow:0 0 0 3px #71dd3733}.sta-status-label.red.active:before{border-color:var(--sta-danger);background:var(--sta-danger);box-shadow:0 0 0 3px #ff3e1d33}.sta-status-label.yellow.active:before{border-color:var(--sta-warning);background:var(--sta-warning);box-shadow:0 0 0 3px #ffab0033}.sta-status-label.blue.active:before{border-color:var(--sta-info);background:var(--sta-info);box-shadow:0 0 0 3px #03c3ec33}.sta-status-label.active span{color:#2d3748;font-weight:700}}.sta-header-date{background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:8px;min-width:210px}.sta-date-input{border:none!important;background:transparent!important;outline:none!important;font-family:inherit}.sta-date-input::-webkit-calendar-picker-indicator{cursor:pointer;z-index:3}.dast-layout-wrapper{display:flex;background-color:#f4f7fe;min-height:100vh}.dast-main-content{flex:1;padding:2rem;margin-left:80px;transition:all .3s ease}.dast-header-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1.5rem 2rem;border-radius:20px;box-shadow:0 10px 30px #0000000d;margin-bottom:2rem}.dast-header-info{display:flex;align-items:center;gap:1.5rem}.dast-icon-box{background:#6366f1;color:#fff;padding:12px;border-radius:15px;box-shadow:0 8px 15px #6366f14d}.dast-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.dast-subtitle{color:#64748b;margin:0;font-size:.9rem}.dast-date-selector{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:8px 15px;border-radius:12px;border:1px solid #e2e8f0}.dast-date-selector input{border:none;background:transparent;outline:none;color:#475569;font-weight:600}.dast-grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.dast-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000008;border:1px solid #f1f5f9}.dast-chart-card{grid-column:span 4}.dast-export-card{grid-column:span 8}.dast-table-card{grid-column:span 12}.dast-card-header{display:flex;align-items:center;gap:12px;padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.dast-card-header h3{font-size:1.1rem;font-weight:700;margin:0;color:#1e293b}.dast-bg-danger{background:#ef4444;color:#fff}.dast-bg-danger h3{color:#fff}.dast-form-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.dast-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#475569}.dast-input-with-icon{display:flex;align-items:center;gap:12px;background:#f8fafc;padding:12px 1rem;border-radius:12px;border:1px solid #e2e8f0}.dast-input-with-icon input,.dast-input-with-icon select{border:none;background:transparent;width:100%;outline:none}.dast-btn-submit{background:#1e293b;color:#fff;border:none;padding:1rem;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.dast-btn-submit:hover{background:#0f172a;transform:translateY(-2px)}.dast-table-scroll{max-height:600px;overflow-y:auto;padding:1.5rem}.dast-room-section{margin-bottom:2.5rem}.dast-room-header{display:flex;justify-content:space-between;align-items:center;padding:10px 1rem;background:#f1f5f9;border-radius:10px;margin-bottom:1rem}.dast-data-table{width:100%;border-collapse:collapse}.dast-data-table th{padding:12px;color:#64748b;font-size:.85rem;border-bottom:2px solid #f1f5f9;text-align:left}.dast-data-table td{padding:15px 12px;border-bottom:1px solid #f8fafc;color:#1e293b;font-weight:500}.dast-badge-total{padding:4px 10px;background:#f1f5f9;border-radius:6px;font-weight:700}.dast-badge-total.high{background:#fee2e2;color:#ef4444}.dast-row-alert{background:#fffafb}@media (max-width: 1200px){.dast-chart-card,.dast-export-card{grid-column:span 12}}@media (max-width: 768px){.dast-main-content{padding:1rem;margin-left:0}.dast-header-card{flex-direction:column;gap:1rem;text-align:center}.dast-grid-container{gap:1rem}}.pdf-converter-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Kanit,sans-serif}.pdf-btn-back{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:#fff;border:none;padding:10px 18px;border-radius:50px;box-shadow:0 4px 6px #0000001a;cursor:pointer;color:#4a5568;font-weight:500;transition:all .2s}.pdf-btn-back:hover{transform:translate(-5px);background:#6c5ce7;color:#fff}.pdf-converter-card{background:#fff;width:100%;max-width:500px;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:40px;text-align:center}.pdf-icon-circle{background:#6c5ce7;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.pdf-title{font-size:1.5rem;color:#2d3436;margin-bottom:8px}.pdf-subtitle{color:#636e72;font-size:.95rem;margin-bottom:30px}.pdf-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #dfe6e9;border-radius:15px;padding:30px;cursor:pointer;transition:all .3s;background:#fdfdfd;margin-bottom:25px}.pdf-drop-zone:hover,.pdf-drop-zone.pdf-active{border-color:#6c5ce7;background:#f3f0ff}.pdf-upload-icon{color:#b2bec3;margin-bottom:15px}.pdf-active .pdf-upload-icon{color:#6c5ce7}.pdf-file-info{display:flex;flex-direction:column;color:#4a5568}.pdf-filename{font-weight:600;color:#6c5ce7;word-break:break-all}.pdf-btn-execute{width:100%;background:#6c5ce7;color:#fff;border:none;padding:15px;border-radius:12px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .3s}.pdf-btn-execute:disabled{background:#b2bec3;cursor:not-allowed}.pdf-btn-execute:not(:disabled):hover{background:#5649c0}.pdf-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdf-footer-note{margin-top:25px;font-size:.8rem;color:#b2bec3}:root{--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .4);--text-primary: #1e293b;--text-muted: #64748b;--color-buy: #0d9488;--color-hire: #2563eb}.pur-layout{display:flex;background:radial-gradient(at 0% 0%,#e0e7ff 0px,transparent 50%),radial-gradient(at 50% 100%,#fef3c7 0px,transparent 50%),radial-gradient(at 100% 0%,#f9fafb 0px,transparent 50%);background-color:#f3f4f6;min-height:100vh;font-family:Prompt,sans-serif;color:var(--text-primary)}.pur-main-content{flex:1;padding:40px 24px;display:flex;justify-content:center;width:100%}.pur-container{width:100%;margin-left:80px;transition:margin-left .3s ease}.pur-header-banner{background:transparent;padding:0;box-shadow:none;text-align:center;margin-bottom:32px}.pur-header-banner h1{font-size:28px;font-weight:600;color:#0f172a;margin-bottom:6px}.pur-header-banner p{font-size:14px;color:var(--text-muted);margin:0}.pur-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.pur-type-btn{background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000005}.pur-type-btn:hover{background:#fffc;transform:translateY(-2px)}.pur-type-btn span{font-weight:500;font-size:15px}.pur-type-btn h3{font-size:16px;font-weight:600;margin:0 0 0 auto}.pur-type-btn.pur-active-buy{background:#fff;border-color:var(--color-buy);color:var(--color-buy);box-shadow:0 10px 20px #0d94881a}.pur-type-btn.pur-active-hire{background:#fff;border-color:var(--color-hire);color:var(--color-hire);box-shadow:0 10px 20px #2563eb1a}.pur-form-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:32px;box-shadow:0 20px 40px #0000000a}.pur-form-body{padding:0}.pur-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pur-input-group{margin-bottom:20px}.pur-input-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.pur-control{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#ffffff80;font-family:inherit;font-size:14px;transition:all .2s}.pur-control:focus{outline:none;background:#fff;border-color:#94a3b8;box-shadow:0 4px 12px #00000008}.pur-control[readonly]{background:#0000000a;color:var(--text-muted)}.pur-section-label{font-size:14px;font-weight:600;color:var(--text-primary);margin:24px 0 14px}.pur-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.pur-checkbox-item{background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:30px;padding:6px 16px;font-size:13px;transition:all .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.pur-checkbox-item:hover{background:#fff}.pur-checkbox-item.pur-checked{background:#1e293b;border-color:#1e293b;color:#fff}.pur-form-footer{margin-top:32px;padding:0;background:transparent;border:none}.pur-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#1e293b;color:#fff;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.pur-btn-submit:hover:not(:disabled){background:#0f172a;transform:translateY(-1px)}.pur-btn-submit:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}.pur-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000026;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.pur-guide-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:480px;border-radius:24px;padding:32px;box-shadow:0 40px 60px #00000014;position:relative}.pur-guide-header{background:transparent;border:none;padding:0;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.pur-guide-title-group{display:flex;align-items:center;gap:10px}.pur-guide-close-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.pur-guide-steps{display:flex;flex-direction:column;gap:16px}.pur-step-item{display:flex;gap:12px;align-items:flex-start}.pur-step-num{background:#1e293b;color:#fff;min-width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.pur-step-item p{margin:0;font-size:14px;line-height:1.5}.pur-guide-confirm-btn{background:#1e293b;color:#fff;border:none;border-radius:12px;width:100%;margin:24px 0 0;padding:12px;font-family:inherit;font-weight:500;cursor:pointer}@media (max-width: 992px){.pur-main-content{padding:30px 16px}.pur-container{margin-left:70px}}@media (max-width: 768px){.pur-container{margin-left:0}.pur-header-banner h1{font-size:24px}.pur-grid-row{grid-template-columns:1fr;gap:0}.pur-form-card{padding:24px 20px}}@media (max-width: 576px){.pur-header-banner h1{font-size:22px}.pur-type-selector{grid-template-columns:1fr;gap:12px}.pur-type-btn{padding:14px 20px}.pur-type-btn h3{font-size:15px}.pur-guide-card{padding:24px 16px}.pur-checkbox-item{font-size:12px;padding:5px 12px}}:root{--doc-primary: #696cff;--doc-bg: #f5f5f9;--doc-white: #ffffff;--doc-text-main: #566a7f;--doc-text-muted: #a1acb8;--doc-shadow: 0 2px 10px 0 rgba(67, 89, 113, .1);--doc-shadow-hover: 0 10px 20px 0 rgba(67, 89, 113, .15)}.doc-layout{display:flex;background:var(--doc-bg);min-height:100vh;font-family:Prompt,sans-serif}.doc-main-content{flex:1;padding:24px;transition:all .3s}.doc-container{max-width:1200px;margin:0 auto}.doc-header-banner{background:linear-gradient(135deg,#696cff,#3f51b5);border-radius:16px;padding:40px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:30px;box-shadow:0 8px 20px #696cff33}.doc-header-text h1{font-size:1.8rem;margin:0;font-weight:700}.doc-header-text p{opacity:.8;margin-top:8px;font-weight:300}.doc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.doc-item-card{background:var(--doc-white);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;box-shadow:var(--doc-shadow);border:1px solid rgba(0,0,0,.03);overflow:hidden}.doc-item-card:hover{transform:translateY(-5px);box-shadow:var(--doc-shadow-hover)}.doc-card-top{padding:24px;display:flex;gap:20px}.doc-file-indicator{display:flex;flex-direction:column;align-items:center;gap:8px}.doc-icon-excel{color:#2ecc71}.doc-icon-word{color:#3498db}.doc-file-ext{font-size:.7rem;font-weight:800;color:var(--doc-text-muted);background:#f0f2f4;padding:2px 6px;border-radius:4px}.doc-info h3{font-size:1.1rem;color:var(--doc-text-main);margin:0 0 8px;line-height:1.4}.doc-info p{font-size:.9rem;color:var(--doc-text-muted);margin:0;line-height:1.5}.doc-card-footer{padding:16px 24px;background:#fcfcfd;border-top:1px solid #f0f2f4}.doc-download-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--doc-primary);color:#fff;text-decoration:none;padding:10px;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .2s}.doc-download-btn:hover{background:#5f5af0}@media (max-width: 768px){.doc-main-content{padding:15px}.doc-header-banner{padding:25px;text-align:center;flex-direction:column;gap:15px}.doc-header-icon{display:none}.doc-card-grid{grid-template-columns:1fr}.doc-card-top{padding:20px}}:root{--stid-primary: #6366f1;--stid-primary-light: #eef2ff;--stid-bg: #f8fafc;--stid-white: #ffffff;--stid-text-main: #1e293b;--stid-text-sub: #64748b}body{margin:0;font-family:Prompt,sans-serif;background-color:var(--stid-bg)}.stid-container{display:flex;min-height:100vh}.stid-nav-item{display:flex;align-items:center;gap:12px;padding:.85rem 1rem;color:var(--stid-text-sub);text-decoration:none;border-radius:12px;margin-bottom:5px;transition:all .2s;border:none;background:none;width:100%;cursor:pointer;font-family:Prompt;font-size:1rem}.stid-nav-item:hover,.stid-nav-item.active{background:var(--stid-primary-light);color:var(--stid-primary)}.stid-logout-text{color:#ef4444;margin-top:auto}.stid-logout-text:hover{background:#fef2f2}.stid-main-content{flex:1;padding:2rem;width:100%;box-sizing:border-box}.stid-header-container{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:2.5rem;border-radius:24px;color:#fff;margin-bottom:2rem;box-shadow:0 10px 25px -5px #4f46e533}.stid-title{font-size:1.8rem;margin:0;font-weight:700}.stid-subtitle{opacity:.9;margin-top:5px;font-weight:300}.stid-header-actions{display:flex;gap:12px}.stid-btn-primary{display:flex;align-items:center;gap:8px;background:#fff;color:var(--stid-primary);padding:10px 20px;border-radius:12px;text-decoration:none;font-weight:600;transition:.2s;box-shadow:0 4px 12px #0000001a}.stid-btn-outline-danger{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:600;font-family:Prompt}.stid-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stid-stat-card{background:var(--stid-white);padding:1.5rem;border-radius:20px;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.stid-icon-box{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stid-stat-label{color:var(--stid-text-sub);font-size:.9rem}.stid-stat-value{font-size:1.5rem;font-weight:700;margin:0;color:var(--stid-text-main)}.stid-table-card{background:var(--stid-white);border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.stid-table-header{padding:1.5rem;border-bottom:1px solid #f1f5f9}.stid-header-title{display:flex;align-items:center;gap:10px}.stid-header-title h2{font-size:1.2rem;margin:0}.stid-table-responsive{overflow-x:auto}.stid-table{width:100%;border-collapse:collapse}.stid-table th{background:#f8fafc;padding:1rem 1.5rem;text-align:left;color:var(--stid-text-sub);font-weight:600;font-size:.9rem}.stid-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9}.stid-period-tag{background:var(--stid-primary-light);color:var(--stid-primary);padding:4px 12px;border-radius:8px;font-weight:700}.stid-empty-row{padding:4rem!important;text-align:center;color:var(--stid-text-sub)}@media (max-width: 1024px){.stid-sidebar{width:70px}.stid-sidebar span{display:none}.stid-main-content{padding:1.5rem}}@media (max-width: 768px){.stid-container{flex-direction:column}.stid-sidebar{display:none}.stid-main-content{padding:1rem}.stid-header-container{padding:1.5rem;flex-direction:column;text-align:center;border-radius:16px}.stid-header-actions{width:100%;flex-direction:column;gap:10px}.stid-btn-primary,.stid-btn-outline-danger{width:100%;justify-content:center}.stid-stat-card{padding:1rem}.stid-table thead{display:none}.stid-table,.stid-table tbody,.stid-table tr,.stid-table td{display:block;width:100%}.stid-table tr{margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.stid-table td{text-align:left;padding:8px 10px;border:none;position:relative;display:flex;align-items:center}.stid-table td:before{content:attr(data-label);font-weight:600;color:var(--stid-text-sub);text-align:left}.stid-action-buttons{width:100%}}@media (max-width: 480px){.stid-title{font-size:1.4rem}.stid-card-grid{grid-template-columns:1fr}}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.present{background-color:#dcfce7;color:#166534}.status-badge.absent{background-color:#fee2e2;color:#991b1b}.status-badge.pending{background-color:#f3f4f6;color:#4b5563}.stid-action-buttons{display:flex;gap:8px}.stid-btn-check{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:.8rem;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s}.stid-btn-check.present:hover{background:#dcfce7;color:#166534}.stid-btn-check.absent:hover{background:#fee2e2;color:#991b1b}.stid-btn-check.present.active{background:#22c55e;color:#fff;border-color:#16a34a}.stid-btn-check.absent.active{background:#ef4444;color:#fff;border-color:#dc2626}.stid-btn-check:disabled{opacity:.5;cursor:not-allowed}.stid-header-actions{display:flex;gap:12px;align-items:center}.stid-btn-header{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;border:1px solid transparent;cursor:pointer;font-family:Prompt,sans-serif;white-space:nowrap}.stid-btn-white{background:#fff;color:#4f46e5;box-shadow:0 4px 6px -1px #0000001a}.stid-btn-white:hover{background:#f8fafc;transform:translateY(-1px)}.stid-btn-outline{background:#ffffff1a;color:#fff;border-color:#fff6}.stid-btn-outline:hover{background:#fff3;border-color:#fff}:root{--evstitd-primary: #3b82f6;--evstitd-primary-hover: #2563eb;--evstitd-success: #22c55e;--evstitd-success-bg: #f0fdf4;--evstitd-text-main: #1f2937;--evstitd-text-muted: #6b7280;--evstitd-border: #e5e7eb;--evstitd-bg-light: #f9fafb}.evstitd-container{min-height:100vh;background-color:#f3f4f6;font-family:Kanit,sans-serif;padding:24px 16px}.evstitd-main-content{margin:0 auto}.evstitd-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px}.evstitd-title{font-size:1.5rem;font-weight:700;color:var(--evstitd-text-main);margin:0 0 4px}.evstitd-subtitle{font-size:.95rem;color:var(--evstitd-text-muted);margin:0}.evstitd-header-actions{display:flex;gap:12px}.evstitd-btn-header{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.evstitd-btn-white{background:#fff;color:var(--evstitd-text-main);border:1px solid var(--evstitd-border)}.evstitd-btn-white:hover{background:var(--evstitd-bg-light)}.evstitd-btn-outline{background:transparent;color:#ef4444;border:1px solid #fecaca}.evstitd-btn-outline:hover{background:#fef2f2}.evstitd-info-banner{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:24px;border-radius:16px;margin-bottom:24px}.evstitd-banner-text h2{margin:0 0 8px;font-size:1.25rem;font-weight:600}.evstitd-banner-text p{margin:0;font-size:.95rem;line-height:1.6;opacity:.9}.evstitd-grid-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-bottom:24px}.evstitd-eval-card{background:#fff;border-radius:16px;border:1px solid var(--evstitd-border);box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.evstitd-eval-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.evstitd-card-body{padding:24px;display:flex;gap:20px;flex:1}.evstitd-icon-wrapper{padding:16px;border-radius:12px;display:flex;align-items:center;justify-content:center;height:max-content}.evstitd-eval-card.self .evstitd-icon-wrapper{background:#eff6ff;color:var(--evstitd-primary)}.evstitd-eval-card.peer .evstitd-icon-wrapper{background:var(--evstitd-success-bg);color:var(--evstitd-success)}.evstitd-card-details h3{margin:0 0 8px;font-size:1.15rem;font-weight:600;color:var(--evstitd-text-main)}.evstitd-card-details p{margin:0 0 16px;font-size:.9rem;color:var(--evstitd-text-muted);line-height:1.5}.evstitd-badge{display:inline-block;padding:6px 12px;border-radius:30px;font-size:.8rem;font-weight:500;background:#f3f4f6;color:#4b5563}.evstitd-eval-card.self.completed .evstitd-badge{background:var(--evstitd-success-bg);color:var(--evstitd-success)}.evstitd-badge.progress{background:#fef3c7;color:#d97706}.evstitd-card-footer{padding:16px 24px;background:var(--evstitd-bg-light);border-top:1px solid var(--evstitd-border)}.evstitd-btn-action{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.evstitd-eval-card.self .evstitd-btn-action{color:var(--evstitd-primary)}.evstitd-eval-card.self .evstitd-btn-action:hover{color:var(--evstitd-primary-hover)}.evstitd-eval-card.peer .evstitd-btn-action{color:var(--evstitd-success)}.evstitd-eval-card.peer .evstitd-btn-action:hover{color:#16a34a}.evstitd-competency-section{background:#fff;padding:24px;border-radius:16px;border:1px solid var(--evstitd-border);box-shadow:0 4px 6px -1px #0000000d}.evstitd-section-header h2{font-size:1.1rem;font-weight:600;color:var(--evstitd-text-main);margin:0 0 20px}.evstitd-competency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.evstitd-competency-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--evstitd-bg-light);border-radius:12px;border:1px solid var(--evstitd-border)}.evstitd-comp-num{background:#e5e7eb;color:var(--evstitd-text-main);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.evstitd-competency-item p{margin:0;font-size:.9rem;font-weight:500;color:var(--evstitd-text-main)}@media (max-width: 640px){.evstitd-header-container{flex-direction:column;align-items:flex-start}.evstitd-header-actions{width:100%}.evstitd-btn-header{flex:1;justify-content:center}}:root{--myself-primary: #3b82f6;--myself-primary-hover: #1d4ed8;--myself-success: #10b981;--myself-success-hover: #059669;--myself-text-dark: #1f2937;--myself-text-secondary: #4b5563;--myself-border-color: #d1d5db;--myself-bg-light: #f9fafb}.stdevamyself-top-nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;border:1px solid #e5e7eb}.stdevamyself-btn-back{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--myself-border-color);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--myself-text-secondary);transition:all .2s}.stdevamyself-doc-header{background:#fff;padding:32px;border-radius:16px;text-align:center;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:28px;border:1px solid #e5e7eb}.stdevamyself-badge-doc{display:inline-block;background:#f3f4f6;color:#374151;font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:6px;margin-bottom:12px}.stdevamyself-main-title{font-size:1.4rem;font-weight:700;margin:0 0 8px;color:#111827}.stdevamyself-section-block{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:28px;border:1px solid #e5e7eb}.stdevamyself-section-title{margin-bottom:20px;border-bottom:2px solid #f3f4f6;padding-bottom:16px}.stdevamyself-section-title h2{font-size:1.15rem;font-weight:600;color:#111827;margin:0 0 4px}.stdevamyself-table th{background:#f8fafc;color:#475569;font-weight:600;padding:14px 12px;border-bottom:2px solid #e2e8f0;font-size:.85rem;text-transform:uppercase;text-align:center}.stdevamyself-row-group td{background:#f0fdf4;color:#15803d;font-weight:600;font-size:.9rem;padding:10px 14px;border-bottom:1px solid #bbf7d0}.stdevamyself-row-answered{background-color:#fafafa}.stdevamyself-radio-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;padding:4px 0}.stdevamyself-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:var(--myself-primary);width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;display:grid;place-content:center;cursor:pointer;transition:all .15s ease-in-out}.stdevamyself-btn-submit{display:flex;align-items:center;gap:10px;background-color:var(--myself-success);color:#fff;border:none;padding:14px 36px;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #10b9814d;transition:all .2s ease}.stdevamyself-btn-submit:hover{background-color:var(--myself-success-hover);transform:translateY(-2px);box-shadow:0 6px 14px #10b98166}@media (max-width: 768px){.stdevamyself-doc-header{padding:20px}.stdevamyself-main-title{font-size:1.2rem}.stdevamyself-table th,.stdevamyself-table td{padding:10px 8px;font-size:.85rem}}:root{--myself-primary: #2563eb;--myself-primary-hover: #1d4ed8;--myself-success: #10b981;--myself-success-hover: #059669;--myself-text-dark: #1f2937;--myself-text-secondary: #4b5563;--myself-border-color: #e5e7eb;--myself-bg-light: #f9fafb}.stdevamyself-container{min-height:100vh;background-color:#f3f4f6;font-family:Kanit,sans-serif;color:var(--myself-text-dark);padding:20px 16px 80px}.stdevamyself-wrapper{max-width:1000px;margin:0 auto}.stdevamyself-top-nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;border:1px solid var(--myself-border-color)}.stdevamyself-btn-back{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #cbd5e1;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--myself-text-secondary);transition:all .2s}.stdevamyself-btn-back:hover{background:var(--myself-bg-light);color:var(--myself-text-dark)}.stdevamyself-progress-sticky{background:#eff6ff;color:var(--myself-primary);padding:6px 14px;border-radius:30px;font-size:.9rem;font-weight:600;border:1px solid #bfdbfe}.stdevamyself-doc-header{background:#fff;padding:32px;border-radius:16px;text-align:center;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:28px;border:1px solid var(--myself-border-color)}.stdevamyself-badge-doc{display:inline-block;background:#f1f5f9;color:#334155;font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:6px;margin-bottom:12px}.stdevamyself-main-title{font-size:1.4rem;font-weight:700;margin:0 0 8px;color:#0f172a}.stdevamyself-agency{font-size:.95rem;color:var(--myself-text-secondary);margin:0 0 24px}.stdevamyself-notice-box{background:#fffbeb;border-left:4px solid #f59e0b;padding:16px 20px;border-radius:0 8px 8px 0;text-align:left}.stdevamyself-notice-box h3{margin:0 0 6px;font-size:.95rem;color:#b45309;font-weight:600}.stdevamyself-notice-box ol{margin:0;padding-left:20px;font-size:.9rem;color:#78350f;line-height:1.6}.stdevamyself-section-block{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:28px;border:1px solid var(--myself-border-color)}.stdevamyself-section-title{margin-bottom:20px;border-bottom:2px solid #f1f5f9;padding-bottom:16px}.stdevamyself-section-title h2{font-size:1.15rem;font-weight:600;color:#0f172a;margin:0 0 4px}.stdevamyself-section-title p{font-size:.9rem;color:var(--myself-text-secondary);margin:0}.stdevamyself-table-container{overflow-x:auto}.stdevamyself-table{width:100%;border-collapse:collapse;font-size:.95rem;text-align:left}.stdevamyself-table th{background:#f8fafc;color:#475569;font-weight:600;padding:14px 12px;border-bottom:2px solid #e2e8f0;font-size:.85rem;text-align:center}.stdevamyself-table th:nth-child(2){text-align:left}.stdevamyself-table td{padding:14px 12px;border-bottom:1px solid #f1f5f9;line-height:1.5}.stdevamyself-row-group td{background:#f0fdf4;color:#166534;font-weight:600;font-size:.9rem;padding:10px 14px;border-bottom:1px solid #bbf7d0}.stdevamyself-row-answered{background-color:#fbfbfb}.stdevamyself-text-center{text-align:center}.stdevamyself-radio-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.stdevamyself-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;color:var(--myself-primary);width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;display:grid;place-content:center;cursor:pointer;transition:all .15s ease-in-out}.stdevamyself-radio:before{content:"";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:115ms transform ease-in-out;box-shadow:inset 1em 1em var(--myself-primary)}.stdevamyself-radio:checked{border-color:var(--myself-primary)}.stdevamyself-radio:checked:before{transform:scale(1)}.stdevamyself-clickable-cell:hover{background-color:#f1f5f9}.stdevamyself-submit-bar{display:flex;justify-content:center;padding:24px 0}.stdevamyself-btn-submit{background-color:var(--myself-success);color:#fff;border:none;padding:14px 40px;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #10b98140;transition:all .2s ease}.stdevamyself-btn-submit:hover{background-color:var(--myself-success-hover);transform:translateY(-2px);box-shadow:0 6px 14px #10b98159}@media (max-width: 768px){.stdevamyself-doc-header{padding:20px}.stdevamyself-main-title{font-size:1.15rem}.stdevamyself-table th,.stdevamyself-table td{padding:10px 6px;font-size:.85rem}}:root{--peer-primary: #3b82f6;--peer-primary-dark: #1d4ed8;--peer-success: #10b981;--peer-success-dark: #059669;--peer-text-dark: #1f2937;--peer-text-gray: #6b7280;--peer-border: #e5e7eb;--peer-bg-card: #ffffff}.stdevapeer-container{min-height:100vh;background-color:#f3f4f6;font-family:Kanit,sans-serif;color:var(--peer-text-dark);padding:20px 16px 80px}.stdevapeer-wrapper{max-width:960px;margin:0 auto}.stdevapeer-top-nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:40;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px 20px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;border:1px solid var(--peer-border)}.stdevapeer-btn-back{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #cbd5e1;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--peer-text-gray);transition:all .2s}.stdevapeer-btn-back:hover{background:#f9fafb;color:var(--peer-text-dark)}.stdevapeer-progress-counter{background:#f0fdf4;color:#166534;padding:6px 16px;border-radius:30px;font-size:.9rem;font-weight:600;border:1px solid #bbf7d0}.stdevapeer-doc-header{background:var(--peer-bg-card);padding:30px;border-radius:16px;text-align:center;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;border:1px solid var(--peer-border)}.stdevapeer-badge-doc{display:inline-block;background:#f3f4f6;color:#4b5563;font-size:.8rem;font-weight:600;padding:4px 14px;border-radius:6px;margin-bottom:12px}.stdevapeer-main-title{font-size:1.35rem;font-weight:700;margin:0 0 6px}.stdevapeer-sub-agency{font-size:.9rem;color:var(--peer-text-gray);margin:0 0 20px}.stdevapeer-notice-alert{background:#f8fafc;border-left:4px solid var(--peer-primary);padding:14px 18px;border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.5;text-align:left;color:#334155;margin-bottom:24px}.stdevapeer-peer-select-card{background:#eff6ff;border:1px solid #bfdbfe;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:10px;text-align:left}.stdevapeer-select-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--peer-primary-dark)}.stdevapeer-dropdown{width:100%;padding:10px 14px;font-size:.95rem;border-radius:8px;border:1px solid #cbd5e1;background-color:#fff;color:var(--peer-text-dark);font-family:inherit;outline:none}.stdevapeer-dropdown:focus{border-color:var(--peer-primary);box-shadow:0 0 0 3px #3b82f626}.stdevapeer-table-card{background:var(--peer-bg-card);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--peer-border);overflow:hidden}.stdevapeer-table-responsive{overflow-x:auto}.stdevapeer-table{width:100%;border-collapse:collapse;font-size:.95rem;text-align:left}.stdevapeer-table th{background:#f8fafc;color:#475569;font-weight:600;padding:14px;border-bottom:2px solid #e2e8f0;text-align:center}.stdevapeer-table th:nth-child(2){text-align:left}.stdevapeer-table td{padding:14px 12px;border-bottom:1px solid #f1f5f9;line-height:1.5}.stdevapeer-group-row td{background:#fffbe6;color:#d97706;font-weight:600;padding:10px 14px;border-bottom:1px solid #fef3c7;font-size:.9rem}.stdevapeer-row-active{background-color:#fafafa}.stdevapeer-center{text-align:center}.stdevapeer-radio-box{display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.stdevapeer-input-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;width:22px;height:22px;border:2px solid #cbd5e1;border-radius:50%;display:grid;place-content:center;cursor:pointer;transition:all .2s}.stdevapeer-input-radio:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--peer-primary)}.stdevapeer-input-radio:checked{border-color:var(--peer-primary)}.stdevapeer-input-radio:checked:before{transform:scale(1)}.stdevapeer-cell-hover:hover{background-color:#f1f5f9}.stdevapeer-action-footer{display:flex;justify-content:center;padding-top:30px}.stdevapeer-btn-submit{display:flex;align-items:center;gap:8px;background-color:var(--peer-success);color:#fff;border:none;padding:14px 40px;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #10b98133;transition:all .2s ease}.stdevapeer-btn-submit:hover{background-color:var(--peer-success-dark);transform:translateY(-2px);box-shadow:0 6px 14px #10b9814d}@media (max-width: 640px){.stdevapeer-doc-header{padding:20px}.stdevapeer-main-title{font-size:1.15rem}.stdevapeer-table th,.stdevapeer-table td{padding:10px 8px;font-size:.85rem}}:root{--ph-primary: #2563eb;--ph-primary-dark: #1d4ed8;--ph-success: #10b981;--ph-success-dark: #059669;--ph-dark: #0f172a;--ph-gray: #475569;--ph-border: #cbd5e1;--ph-bg-main: #f8fafc}.stdevapeerhigh-container{min-height:100vh;background-color:#f1f5f9;font-family:Kanit,sans-serif;color:var(--ph-dark);padding:24px 16px 80px}.stdevapeerhigh-wrapper{max-width:980px;margin:0 auto}.stdevapeerhigh-navbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:40;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;border:1px solid var(--ph-border)}.stdevapeerhigh-btn-back{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #94a3b8;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--ph-gray);transition:all .2s}.stdevapeerhigh-btn-back:hover{background:var(--ph-bg-main);color:var(--ph-dark)}.stdevapeerhigh-counter-badge{background:#f0fdf4;color:#15803d;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid #bbf7d0}.stdevapeerhigh-header-box{background:#fff;padding:32px;border-radius:16px;text-align:center;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:24px;border:1px solid #e2e8f0}.stdevapeerhigh-doc-num{display:inline-block;background:#f1f5f9;color:#334155;font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:6px;margin-bottom:14px}.stdevapeerhigh-title{font-size:1.4rem;font-weight:700;margin:0 0 8px;color:#0f172a}.stdevapeerhigh-subtitle{font-size:.95rem;color:var(--ph-gray);margin:0 0 24px}.stdevapeerhigh-instruction{background:#f8fafc;border-left:4px solid var(--ph-primary);padding:16px;border-radius:0 8px 8px 0;font-size:.9rem;text-align:left;line-height:1.6;color:#334155;margin-bottom:24px}.stdevapeerhigh-select-card{background:#f0f6ff;border:1px solid #bfdbfe;padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:10px;text-align:left}.stdevapeerhigh-label-select{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--ph-primary-dark)}.stdevapeerhigh-dropdown-select{width:100%;padding:11px 14px;font-size:.95rem;border-radius:8px;border:1px solid #cbd5e1;background-color:#fff;font-family:inherit;outline:none;color:var(--ph-dark)}.stdevapeerhigh-dropdown-select:focus{border-color:var(--ph-primary);box-shadow:0 0 0 3px #2563eb26}.stdevapeerhigh-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.stdevapeerhigh-table-main{width:100%;border-collapse:collapse;font-size:.95rem}.stdevapeerhigh-table-main th{background:#f8fafc;color:#475569;font-weight:600;padding:16px 14px;border-bottom:2px solid #e2e8f0;text-align:center}.stdevapeerhigh-table-main th:nth-child(2){text-align:left}.stdevapeerhigh-table-main td{padding:14px 12px;border-bottom:1px solid #f1f5f9;line-height:1.5}.stdevapeerhigh-category-row td{background:#fef2f2;color:#991b1b;font-weight:600;padding:12px 16px;border-bottom:1px solid #fee2e2;font-size:.9rem;text-align:left}.stdevapeerhigh-row-checked{background-color:#fbfbfb}.stdevapeerhigh-center{text-align:center}.stdevapeerhigh-text-left{text-align:left}.stdevapeerhigh-radio-container{display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.stdevapeerhigh-radio-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;width:22px;height:22px;border:2px solid #cbd5e1;border-radius:50%;display:grid;place-content:center;cursor:pointer;transition:all .15s ease}.stdevapeerhigh-radio-input:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--ph-primary)}.stdevapeerhigh-radio-input:checked{border-color:var(--ph-primary)}.stdevapeerhigh-radio-input:checked:before{transform:scale(1)}.stdevapeerhigh-td-clickable:hover{background-color:#f1f5f9}.stdevapeerhigh-footer-actions{display:flex;justify-content:center;padding-top:32px}.stdevapeerhigh-btn-submit-form{display:flex;align-items:center;gap:8px;background-color:var(--ph-success);color:#fff;border:none;padding:14px 45px;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #10b98133;transition:all .2s ease}.stdevapeerhigh-btn-submit-form:hover{background-color:var(--ph-success-dark);transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}@media (max-width: 768px){.stdevapeerhigh-header-box{padding:20px}.stdevapeerhigh-title{font-size:1.15rem}.stdevapeerhigh-table-main th,.stdevapeerhigh-table-main td{padding:12px 6px;font-size:.85rem}}