.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url("./media/layers-55W3Q4RM.png");width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url("./media/layers-2x-TBM42ERR.png");background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url("./media/marker-icon-2V3QKKVC.png")}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 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);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-primary: #E85D2A}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, .5);--swal2-container-padding: .625em;--swal2-backdrop: rgba(0, 0, 0, .4);--swal2-backdrop-transition: background-color .15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: .3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show .3s;--swal2-hide-animation: swal2-hide .15s forwards;--swal2-icon-zoom: 1;--swal2-title-padding: .8em 1em 0;--swal2-html-container-padding: 1em 1.6em .3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: .1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, .3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color .2s, box-shadow .2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color .2s, box-shadow .2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: .25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: .25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: .25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show .5s;--swal2-toast-hide-animation: swal2-toast-hide .1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / .075), 0 1px 2px hsl(0deg 0% 0% / .075), 1px 2px 4px hsl(0deg 0% 0% / .075), 1px 3px 8px hsl(0deg 0% 0% / .075), 2px 4px 16px hsl(0deg 0% 0% / .075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: var(--swal2-dark-theme-black);--swal2-validation-message-background: var(--swal2-dark-theme-black);--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}@supports (color: color-mix(in lab,red,red)){[data-swal2-theme=dark]{--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%)}}@supports (color: color-mix(in lab,red,red)){[data-swal2-theme=dark]{--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% )}}@media(prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: var(--swal2-dark-theme-black);--swal2-validation-message-background: var(--swal2-dark-theme-black);--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}@supports (color: color-mix(in lab,red,red)){[data-swal2-theme=auto]{--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%)}}@supports (color: color-mix(in lab,red,red)){[data-swal2-theme=auto]{--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% )}}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:#0000!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:#0000;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:#0000!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px #0000;font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:var(--swal2-confirm-button-background-color)}@supports (color: color-mix(in lab,red,red)){div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover))}}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:var(--swal2-confirm-button-background-color)}@supports (color: color-mix(in lab,red,red)){div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active))}}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:var(--swal2-deny-button-background-color)}@supports (color: color-mix(in lab,red,red)){div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover))}}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:var(--swal2-deny-button-background-color)}@supports (color: color-mix(in lab,red,red)){div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active))}}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:var(--swal2-cancel-button-background-color)}@supports (color: color-mix(in lab,red,red)){div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover))}}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:var(--swal2-cancel-button-background-color)}@supports (color: color-mix(in lab,red,red)){div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active))}}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:#0000;color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:#0000;color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:#0000;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0,-50px,0) scale(.9);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translate3d(0,-50px,0) scale(.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes swal2-toast-hide{to{transform:rotate(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}:root{--p50: #FFF3EE;--p100: #FFD9C7;--p300: #F79065;--p500: #E85D2A;--p600: #C44A1C;--p700: #9E3A13;--paper: #FCFAF7;--surf: #FFFFFF;--w50: #F7F2ED;--w100: #EFE8E1;--w200: #E4D9CF;--w300: #CFC2B5;--w800: #2E2520;--w900: #1E1A16;--ink: #2C261F;--ink2: #62574A;--ink3: #978878;--g50: #EDFAF2;--g500: #3E9D6B;--g700: #2A7050;--b50: #EBF3FF;--b500: #4A86C5;--b700: #2D5FA0;--y50: #FBF0DC;--y500: #D98E2B;--y700: #A66A17;--r50: #FBEAE7;--r500: #D85C4E;--r700: #9B2B21;--v50: #F3EFFF;--v500: #7C4FD4;--rmd: 10px;--rlg: 14px;--rxl: 18px;--sh: 0 1px 2px rgba(74,27,8,.04),0 2px 6px rgba(74,27,8,.05);--shm: 0 2px 8px rgba(74,27,8,.05),0 8px 24px rgba(74,27,8,.07);--sw: 248px;--th: 60px}html.dark{--paper: #1A1612;--surf: #242018;--w50: #2A2520;--w100: #352E27;--w200: #46392F;--w300: #7A6A5A;--ink: #F0EAE3;--ink2: #C8BCB0;--ink3: #907D6E;--p50: #2D1A0E;--b50: #0D1E33;--g50: #0D231A;--r50: #281310;--y50: #271C0A;--v50: #1A1233;--sh: 0 1px 3px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.2);--shm: 0 4px 12px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}html.dark body{background:var(--paper)}html.dark .topbar{background:var(--surf);border-bottom-color:var(--w100)}html.dark .shell{background:var(--paper)}html.dark .sb{background:linear-gradient(160deg,#2a1f14,#1e1812)}#theme-toggle-btn{color:var(--ink3)}#theme-toggle-btn:hover{color:#f59e0b}html.dark #theme-toggle-btn:hover{color:#fcd34d}body,header,aside,.card,.modal,.page{transition:background .2s,color .15s,border-color .2s}body{font-family:Sarabun,system-ui,sans-serif;background:var(--paper);color:var(--ink);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased}.n{font-family:Inter,system-ui,sans-serif;font-feature-settings:"tnum" 1}:root{--sw: 248px;--sw-col: 64px;--th: 60px}.shell{display:flex;height:100vh;overflow:hidden}.sb{position:relative;width:var(--sw);flex-shrink:0;background:var(--w900);display:flex;flex-direction:column;overflow:visible;z-index:40;transition:width .25s cubic-bezier(.4,0,.2,1)}.sb-nav{overflow:hidden}.sb.col{width:var(--sw-col)}.sb.col .sb-texts,.sb.col .sec-lbl,.sb.col .ni-label,.sb.col .sb-user-info,.sb.col .lout-btn{display:none!important}.sb.col .ni{justify-content:center;padding:10px 0}.sb.col .ni.active{border-left-width:0;padding-left:0;border-bottom:2px solid var(--p500)}.sb.col .sb-logo{justify-content:center;padding:0 14px}.sb.col .sb-nav{padding:8px 6px}.sb.col .sb-user{justify-content:center;padding:10px 0}.sb.col .ni{position:relative}.sb.col .ni:after{content:attr(data-label);position:absolute;left:calc(var(--sw-col) + 4px);top:50%;transform:translateY(-50%);background:#000000d9;color:#fff;font-size:.767rem;font-weight:600;padding:5px 10px;border-radius:7px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:100}.sb.col .ni:hover:after{opacity:1}.sb-logo{height:var(--th);padding:0 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;flex-shrink:0;transition:padding .25s}.sb-mark{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,#F07040,var(--p600));display:grid;place-items:center;box-shadow:0 2px 8px #e85d2a66}.sb-mark svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sb-name{font-size:.967rem;font-weight:700;color:#fff;line-height:1.2}.sb-sub{font-size:.6rem;color:#fff6;margin-top:1px}.sb-nav{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:2px;transition:padding .25s;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.sb-nav::-webkit-scrollbar{width:6px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.sb-nav::-webkit-scrollbar-thumb:hover{background:#ffffff52}.sec-lbl{font-size:.567rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;padding:12px 10px 4px;margin-top:2px;transition:opacity .2s}.ni{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;font-size:.867rem;font-weight:500;color:#ffffff80;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background .15s,color .15s,padding .25s;position:relative;min-height:40px}.ni:hover{background:#ffffff12;color:#ffffffe6}.ni.active{background:#e85d2a33;color:var(--p300);border-left:3px solid var(--p500);padding-left:8px;font-weight:600}.ni svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sb-user{padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px;flex-shrink:0;transition:padding .25s}.u-av{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--p500);display:grid;place-items:center;font-family:Inter;font-size:.733rem;font-weight:800;color:#fff;box-shadow:0 2px 6px #e85d2a4d}.u-name{font-size:.767rem;font-weight:700;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-role{font-size:.567rem;padding:2px 7px;border-radius:999px;margin-top:2px;display:inline-block}.lout-btn{margin-left:auto;width:28px;height:28px;border-radius:7px;flex-shrink:0;background:#ffffff0d;border:none;cursor:pointer;display:grid;place-items:center;color:#fff6;transition:background .15s,color .15s}.lout-btn:hover{background:#d6372a4d;color:#ff8a80}.lout-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ni-grp{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:9px;font-size:.867rem;font-weight:600;color:#ffffffe6;background:none;border:none;width:100%;text-align:left;cursor:default;position:relative}.ni-grp svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ni-chevron{display:none}.ni-subs{padding-left:10px}.ni-sub{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:.817rem;font-weight:500;color:#ffffff73;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background .12s,color .12s;position:relative}.ni-sub:hover{background:#ffffff0f;color:#fffc}.ni-sub.active{background:#e85d2a2e;color:var(--p300);font-weight:600;border-left:2px solid var(--p400)}.ni-sub svg{width:13px;height:13px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.ms-ico svg,.ms-chip-ico svg,.ms-icobtn svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ni-sub.soon,.ni.soon{opacity:.3;cursor:not-allowed;pointer-events:none}.ni-sub.soon .soon-badge,.ni.soon .soon-badge{font-size:.52rem;background:#ffffff1a;color:#ffffff80;padding:1px 6px;border-radius:999px;margin-left:auto;flex-shrink:0}.sb.col .ni-subs{display:none}.sb-toggle{position:absolute;right:-13px;top:calc(var(--th)/2);transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--surf);border:1.5px solid var(--w100);cursor:pointer;display:grid;place-items:center;z-index:50;box-shadow:var(--sh);transition:opacity .2s}.sb-toggle:hover{background:var(--w50)}.sb-toggle svg{width:12px;height:12px;stroke:var(--ink2);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}.sb.col .sb-toggle svg{transform:rotate(180deg)}.sb-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sb-overlay.show{display:block}.sb-close-mob{display:none;position:absolute;top:15px;right:12px;width:30px;height:30px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;color:#fffc;place-items:center;padding:0;z-index:60}.sb-close-mob svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:none}.topbar{height:var(--th);flex-shrink:0;background:var(--surf);border-bottom:1px solid var(--w100);display:flex;align-items:center;padding:0 20px;gap:12px;box-shadow:var(--sh);position:sticky;top:0;z-index:30}.tb-title{font-size:1rem;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-sub{font-size:.667rem;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-school{display:inline-flex;align-items:center;gap:7px;flex-shrink:1;min-width:0;max-width:230px;padding:6px 12px;border-radius:10px;background:var(--p50,#fff4f0);border:1px solid var(--p100,#ffe1d4)}html.dark .tb-school{background:#e85d2a24;border-color:#e85d2a4d}.tb-school svg{width:16px;height:16px;flex-shrink:0;fill:var(--p600,#c2410c)}.tb-school span{font-size:.86rem;font-weight:700;color:var(--p700,#9a3412);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.dark .tb-school span{color:var(--p300,#fdba74)}.tb-sep{width:1px;height:26px;background:var(--w100);flex-shrink:0}@media(max-width:640px){.tb-school{max-width:150px;padding:5px 9px}.tb-school span{font-size:.78rem}.tb-sep{display:none}}@media(max-width:440px){.tb-school{max-width:104px}}.tb-right{margin-left:auto;display:flex;align-items:center;gap:6px}.ib{width:38px;height:38px;border-radius:var(--rmd);border:none;cursor:pointer;background:transparent;display:grid;place-items:center;color:var(--ink2);transition:background .15s;position:relative;-webkit-tap-highlight-color:transparent}.ib:hover{background:var(--w50)}.ib:active{background:var(--w100)}.ib svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ndot:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;background:var(--r500);border-radius:50%;border:2px solid var(--surf)}.am-active{background:var(--w100)}.am-card{position:absolute;top:calc(100% + 10px);right:0;width:300px;max-width:92vw;background:var(--card,#fff);border:1px solid var(--bd,#eee);border-radius:16px;box-shadow:0 20px 50px #0003,0 4px 14px #00000014;z-index:600;overflow:hidden;padding:6px;animation:amIn .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes amIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.am-hd{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--bd,#eee);margin-bottom:4px}.am-av{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--p500,#e85d2a),#f2833f);color:#fff;font-weight:800;font-size:1rem;box-shadow:0 4px 10px #e85d2a59}.am-hd-txt{flex:1;min-width:0}.am-name{font-weight:800;color:var(--ink);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-mail{font-size:.74rem;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-sec{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:8px 12px 4px}.am-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;border-radius:10px;cursor:pointer;color:var(--ink);font-size:.86rem;font-family:inherit;text-align:left;transition:background .12s}.am-item:hover{background:var(--w50)}.am-item:disabled{opacity:.55;cursor:default}.am-ic{width:22px;text-align:center;flex-shrink:0;font-size:.95rem}.am-lbl{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.am-sub{color:var(--ink3);font-size:.76rem;font-weight:500}.am-check{color:var(--p500,#e85d2a);font-weight:900;flex-shrink:0}.am-div{height:1px;background:var(--bd,#eee);margin:5px 8px}.am-danger{color:#dc2626}.am-danger:hover{background:#dc262614}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon span{display:block;height:2px;background:currentColor;border-radius:2px;transition:all .2s}.page{flex:1;overflow-y:auto;padding:20px 24px 0}.page::-webkit-scrollbar{width:5px}.page::-webkit-scrollbar-thumb{background:var(--w200);border-radius:3px}.dash-footer{flex-shrink:0;background:var(--surf);border-top:1px solid var(--w100);box-shadow:0 -1px 4px #4a1b080a;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.733rem}.df-copy{color:var(--ink3);white-space:nowrap}.df-dev{display:flex;align-items:center;gap:8px;flex-shrink:0}.df-logo-link{display:flex;align-items:center;gap:6px;text-decoration:none;opacity:.75;transition:opacity .15s}.df-logo-link:hover{opacity:1}.df-logo-img{width:24px;height:24px;border-radius:50%;object-fit:contain;background:var(--w50);padding:2px;border:1px solid var(--w200)}.df-dev-name{font-size:.72rem;color:var(--ink3)}.df-legal{font-size:.72rem;color:var(--ink3);text-decoration:none}.df-legal:hover{color:var(--p500)}@media(max-width:640px){.dash-footer{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px}.df-copy{font-size:.67rem}}.info-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.info-card{background:var(--surf);border:1px solid var(--w100);border-radius:var(--rlg);padding:14px 16px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:var(--sh);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--rlg) var(--rlg) 0 0}.info-card:hover{transform:translateY(-3px);box-shadow:var(--shm)}.info-card.active-filter{border-color:var(--p500);box-shadow:0 0 0 3px var(--p100),var(--shm)}.info-card-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;margin-bottom:10px}.info-card-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.info-card-num{font-family:Inter;font-size:1.6rem;font-weight:800;line-height:1}.info-card-label{font-size:.7rem;color:var(--ink3);margin-top:3px;font-weight:500}.ic-dark .info-card-icon{background:#1e1a161f;color:var(--w800)}.ic-dark .info-card-num{color:var(--w800)}.ic-dark:before{background:var(--w800)}.ic-orange .info-card-icon{background:var(--p50);color:var(--p500)}.ic-orange .info-card-num{color:var(--p500)}.ic-orange:before{background:var(--p500)}.ic-purple .info-card-icon{background:var(--v50);color:var(--v500)}.ic-purple .info-card-num{color:var(--v500)}.ic-purple:before{background:var(--v500)}.ic-blue .info-card-icon{background:var(--b50);color:var(--b500)}.ic-blue .info-card-num{color:var(--b500)}.ic-blue:before{background:var(--b500)}.ic-green .info-card-icon{background:var(--g50);color:var(--g500)}.ic-green .info-card-num{color:var(--g500)}.ic-green:before{background:var(--g500)}.ic-yellow .info-card-icon{background:var(--y50);color:var(--y500)}.ic-yellow .info-card-num{color:var(--y500)}.ic-yellow:before{background:var(--y500)}.card{background:var(--surf);border:1px solid var(--w100);border-radius:var(--rlg);padding:20px 22px;box-shadow:var(--sh)}.card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:.767rem;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}.kpi-grid{display:grid;gap:14px;margin-bottom:18px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}.kc{background:var(--surf);border:1px solid var(--w100);border-radius:var(--rlg);padding:18px 20px;box-shadow:var(--sh)}.ki{width:40px;height:40px;border-radius:var(--rmd);display:grid;place-items:center;margin-bottom:10px}.ki svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.knum{font-family:Inter;font-size:1.8rem;font-weight:700;line-height:1}.klbl{font-size:.733rem;color:var(--ink3);margin-top:3px}.ko .ki{background:var(--p50);color:var(--p500)}.ko .knum{color:var(--p500)}.kg .ki{background:var(--g50);color:var(--g500)}.kg .knum{color:var(--g500)}.kb .ki{background:var(--b50);color:var(--b500)}.kb .knum{color:var(--b500)}.ky .ki{background:var(--y50);color:var(--y500)}.ky .knum{color:var(--y500)}.kv .ki{background:var(--v50);color:var(--v500)}.kv .knum{color:var(--v500)}.kr .ki{background:var(--r50,#fff0ef);color:var(--r500,#D85C4E)}.kr .knum{color:var(--r500,#D85C4E)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.row23{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:18px}.tbl{width:100%;border-collapse:collapse;font-size:.833rem}.tbl thead{background:var(--w50)}.tbl th{padding:9px 12px;text-align:left;font-size:.667rem;font-weight:800;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase;border-bottom:1px solid var(--w100)}.tbl td{padding:10px 12px;border-bottom:1px solid var(--w50);color:var(--ink2);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--w50)}.sc-report-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--w200);box-shadow:0 2px 8px #0000000d}.sc-report-tbl{width:100%;border-collapse:collapse;font-size:.8rem}.sc-report-tbl th{background:var(--p500);color:#fff;font-weight:700;padding:8px 10px;border:1px solid var(--p600);white-space:nowrap;letter-spacing:.02em}.sc-report-tbl td{padding:7px 10px;border:1px solid var(--w100);color:var(--ink2);transition:background .12s}.sc-report-tbl tbody tr:nth-child(odd) td{background:var(--w50)}.sc-report-tbl tbody tr:hover td{background:var(--p50)}.sc-report-tbl tr.sc-grp td{background:var(--p50)!important;font-weight:700;color:var(--ink)}.sc-report-tbl tr.sc-grand td{background:var(--p100)!important;font-weight:800;color:var(--p700);font-size:.85rem}.sc-report-tbl td.sc-note{font-size:.7rem;color:var(--ink3);text-align:left!important;max-width:240px;line-height:1.6;font-weight:400!important}.sc-report-tbl td.sc-note-warn{color:var(--p500);font-style:italic}.sc-report-tbl th.sc-h-absent{background:var(--r500);color:#fff}.sc-report-tbl th.sc-h-leave{background:var(--y500);color:#fff}.sc-report-tbl th.sc-h-sick{background:#db2777;color:#fff}.sc-report-tbl th.sc-h-present{background:var(--g500);color:#fff}.sc-report-tbl th.sc-h-late{background:var(--v500);color:#fff}.sc-report-tbl th.sc-h-attended{background:var(--b500);color:#fff}.sc-report-tbl td.sc-c-absent{background:var(--r50)}.sc-report-tbl td.sc-c-leave{background:var(--y50)}.sc-report-tbl td.sc-c-sick{background:#fce7f3}.sc-report-tbl td.sc-c-present{background:var(--g50)}.sc-report-tbl td.sc-c-late{background:var(--v50)}.sc-report-tbl td.sc-c-attended{background:var(--b50)}.sc-report-tbl td.sc-c-absent{color:var(--r700);font-weight:600}.sc-report-tbl td.sc-c-leave{color:var(--y700);font-weight:600}.sc-report-tbl td.sc-c-sick{color:#be185d;font-weight:600}.sc-report-tbl td.sc-c-present{color:var(--g700);font-weight:600}.sc-report-tbl td.sc-c-late{color:var(--v500);font-weight:600}.sc-report-tbl td.sc-c-attended{color:var(--b700);font-weight:600}.sc-report-tbl tr.sc-grp td.sc-c-absent,.sc-report-tbl tr.sc-grand td.sc-c-absent{background:var(--r50)}.sc-report-tbl tr.sc-grp td.sc-c-leave,.sc-report-tbl tr.sc-grand td.sc-c-leave{background:var(--y50)}.sc-report-tbl tr.sc-grp td.sc-c-sick,.sc-report-tbl tr.sc-grand td.sc-c-sick{background:#fce7f3}.sc-report-tbl tr.sc-grp td.sc-c-present,.sc-report-tbl tr.sc-grand td.sc-c-present{background:var(--g50)}.sc-report-tbl tr.sc-grp td.sc-c-late,.sc-report-tbl tr.sc-grand td.sc-c-late{background:var(--v50)}.sc-report-tbl tr.sc-grp td.sc-c-attended,.sc-report-tbl tr.sc-grand td.sc-c-attended{background:var(--b50)}.hv-form-doc{font-size:.8rem;color:var(--ink2)}.hv-form-doc table.main{width:100%;border-collapse:collapse;margin-bottom:14px;background:var(--surf)}.hv-form-doc table.main td,.hv-form-doc table.main th{border:1px solid var(--w100);padding:6px 10px;vertical-align:top}.hv-form-doc td.lbl{background:var(--w50);font-weight:700;width:38%;white-space:nowrap;color:var(--ink)}.hv-form-doc tr.sec-hd td{background:var(--p500);color:#fff;font-weight:700;font-size:.833rem;padding:7px 10px}.hv-form-doc table.members{width:100%;border-collapse:collapse;font-size:.75rem;margin-top:4px}.hv-form-doc table.members th,.hv-form-doc table.members td{border:1px solid var(--w100);padding:4px 6px;text-align:center}.hv-form-doc table.members th{background:var(--w100);font-weight:700}.hv-form-doc .photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.hv-form-doc .no-data{color:var(--ink3);font-style:italic;font-size:.75rem}.hv-form-doc .sig-row{display:flex;gap:20px;margin-top:10px}.hv-form-doc .sig-box{flex:1;border:1px solid var(--w100);border-radius:8px;padding:10px;text-align:center;min-height:100px}.hv-form-doc .sig-box p.sig-label{font-size:.75rem;color:var(--ink3);margin-top:8px}.sc-date-input{font-family:Inter,Sarabun,sans-serif;font-weight:600;font-size:.833rem;color:var(--ink);background:var(--surf);border:1.5px solid var(--w200);border-radius:var(--rmd);padding:7px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;color-scheme:light dark}.sc-date-input:hover{border-color:var(--p300)}.sc-date-input:focus{outline:none;border-color:var(--p500);box-shadow:0 0 0 3px var(--p50)}.sc-date-input::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:5px;padding:2px;filter:opacity(.6)}.sc-date-input::-webkit-calendar-picker-indicator:hover{filter:opacity(1)}.sc-print-btn{display:inline-flex;align-items:center;gap:6px;font-family:Sarabun;font-weight:700;font-size:.833rem;color:#fff;background:var(--p500);border:none;border-radius:var(--rmd);padding:8px 16px;cursor:pointer;box-shadow:0 2px 6px #e85d2a4d;transition:background .15s,transform .1s,box-shadow .15s}.sc-print-btn:hover{background:var(--p600);box-shadow:0 3px 10px #e85d2a66;transform:translateY(-1px)}.sc-print-btn:active{transform:translateY(0)}.sc-sign-row{display:flex;justify-content:space-around;gap:16px;margin-top:36px;text-align:center}.sc-sign-box{flex:1;color:var(--ink2)}.sc-sign-line{font-size:1rem;letter-spacing:2px;color:var(--ink3)}.sc-sign-name{margin-top:6px;font-weight:600;color:var(--ink)}.sc-sign-pos{margin-top:2px;font-size:.9rem}.form-label{display:block;font-size:.7rem;font-weight:700;color:var(--ink3);letter-spacing:.03em;margin-bottom:5px}.form-select{font-family:Inter,Sarabun,sans-serif;font-weight:600;font-size:.833rem;color:var(--ink);background:var(--surf);border:1.5px solid var(--w200);border-radius:var(--rmd);padding:7px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;color-scheme:light dark}.form-select:hover{border-color:var(--p300)}.form-select:focus{outline:none;border-color:var(--p500);box-shadow:0 0 0 3px var(--p50)}select.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23978878' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:32px}input.form-select::-webkit-inner-spin-button{opacity:.6}.bd{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.633rem;font-weight:700;font-family:Inter}.bs{background:var(--g50);color:var(--g700)}.bi{background:var(--b50);color:var(--b700)}.by{background:var(--y50);color:var(--y700)}.br{background:var(--r50);color:var(--r700)}.bo{background:var(--p50);color:var(--p700)}.bv{background:var(--v50);color:var(--v500)}.bdk{background:#1e1a16d9;color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:var(--rmd);font-family:Sarabun;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s;white-space:nowrap;font-size:.833rem}.btn:active{transform:scale(.97)}.btn-sm{padding:7px 14px}.btn-md{padding:9px 18px}.btn-pr{background:var(--p500);color:#fff;box-shadow:0 2px 6px #e85d2a40}.btn-pr:hover{background:var(--p600)}.btn-gh{background:transparent;color:var(--ink2);border:1.5px solid var(--w200)}.btn-gh:hover{border-color:var(--w300);color:var(--ink)}.btn-rd{background:var(--r50);color:var(--r700)}.btn-rd:hover{background:var(--r500);color:#fff}.btn-yw{background:var(--y50);color:var(--y700)}.btn-yw:hover{background:var(--y500);color:#fff}.btn-gn{background:var(--g50);color:var(--g700)}.btn-gn:hover{background:var(--g500);color:#fff}.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rmd);font-family:Inter;font-weight:700;flex-shrink:0}.av-sm{width:36px;height:36px;min-width:36px;font-size:.8rem;background:var(--p50);color:var(--p600);border-radius:10px}.av-md{width:34px;height:34px;min-width:34px;font-size:.733rem;background:var(--p50);color:var(--p600)}.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sec-hd h2{font-size:1.2rem;font-weight:700;color:var(--ink)}.sec-hd p{font-size:.833rem;color:var(--ink3);margin-top:2px}.search-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;height:36px;padding:0 12px 0 36px;border:1.5px solid var(--w200);border-radius:var(--rmd);background:var(--surf);font-family:Sarabun;font-size:.867rem;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--p300);box-shadow:0 0 0 3px var(--p100)}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--ink3);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.sel{height:36px;padding:0 10px;border:1.5px solid var(--w200);border-radius:var(--rmd);background:var(--surf);font-family:Sarabun;font-size:.833rem;color:var(--ink);outline:none;cursor:pointer}.sel:focus{border-color:var(--p300)}.pb{height:6px;background:var(--w100);border-radius:999px;overflow:hidden}.pbf{height:100%;border-radius:999px}.pag{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:.8rem;color:var(--ink3)}.pag-btns{display:flex;gap:6px}.pag-btn{height:32px;min-width:32px;padding:0 10px;border-radius:var(--rmd);border:1.5px solid var(--w200);background:var(--surf);color:var(--ink2);font-size:.8rem;cursor:pointer;transition:background .12s}.pag-btn:hover{background:var(--w50)}.pag-btn.cur{background:var(--p500);color:#fff;border-color:var(--p500)}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.bdt-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bdt-filter-panel{display:flex;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--w50);border-bottom:1px solid var(--w100)}.bdt-filter-panel .fg{min-width:160px}.bdt-scroll{max-height:60vh;overflow:auto}.bdt-scroll .tbl thead th{position:sticky;top:0;background:var(--w50);z-index:1}th.bdt-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.bdt-sort:hover{color:var(--ink)}.bdt-sort-ic{font-size:.7rem;color:var(--p500)}.bdt-bulkbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--p50);border-bottom:1px solid var(--p100);font-size:.8rem;font-weight:700;color:var(--p700)}.bdt-menu{position:relative;display:inline-block}.bdt-menu-btn{width:30px;height:30px;border:none;background:transparent;border-radius:var(--rmd);font-size:1.1rem;line-height:1;cursor:pointer;color:var(--ink3)}.bdt-menu-btn:hover{background:var(--w100);color:var(--ink)}.bdt-menu-dd{display:none;position:absolute;right:0;top:34px;min-width:110px;background:var(--surf);border:1px solid var(--w200);border-radius:var(--rmd);box-shadow:0 8px 24px #0000001f;z-index:5;flex-direction:column;overflow:hidden}.bdt-menu-dd.open{display:flex}.bdt-menu-dd button{display:block;width:100%;text-align:left;padding:8px 14px;border:none;background:transparent;font-family:Sarabun;font-size:.8rem;color:var(--ink2);cursor:pointer}.bdt-menu-dd button:hover{background:var(--w50)}.bdt-menu-dd button.danger{color:var(--r700)}.bdt-menu-dd button.danger:hover{background:var(--r50)}.bdt-cards{display:none;flex-direction:column;gap:10px;padding:12px}.bdt-card{border:1px solid var(--w100);border-radius:var(--rmd);padding:10px 12px}.bdt-card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.bdt-card-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:.8rem;color:var(--ink2)}.bdt-card-row span:first-child{color:var(--ink3);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}@media(max-width:767px){.bdt-scroll{display:none}.bdt-cards{display:flex}}.modal-bg{position:fixed;inset:0;background:#1e1a1680;backdrop-filter:blur(4px) saturate(1.05);-webkit-backdrop-filter:blur(4px) saturate(1.05);z-index:600;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s}.modal-bg.open{opacity:1;pointer-events:all}.modal{background:var(--surf);border-radius:20px;width:100%;max-width:520px;box-shadow:0 1px 1px #1e1a160a,0 14px 30px -10px #1e1a1633,0 44px 84px -28px #1e1a164d;transform:translateY(18px) scale(.985);transition:transform .26s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-bg.open .modal{transform:translateY(0) scale(1)}.modal-hd{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 15px;border-bottom:1px solid var(--w100)}.modal-title{font-size:1.1rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.modal-close{width:32px;height:32px;border-radius:9px;border:none;background:var(--w50);cursor:pointer;display:grid;place-items:center;color:var(--ink3);transition:background .12s,color .12s}.modal-close:hover{background:var(--r50);color:var(--r500)}.modal-close svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.modal-body{padding:20px 24px;max-height:min(64vh,640px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--w200) transparent}.modal-body::-webkit-scrollbar{width:9px}.modal-body::-webkit-scrollbar-thumb{background:var(--w200);border-radius:99px;border:2px solid var(--surf);background-clip:padding-box}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--w300);background-clip:padding-box}.modal-foot{padding:14px 24px;border-top:1px solid var(--w100);display:flex;justify-content:flex-end;gap:10px}.fg{margin-bottom:14px}.flbl{display:block;font-size:.8rem;font-weight:600;color:var(--ink2);margin-bottom:5px}.fi{width:100%;height:38px;padding:0 12px;border:1.5px solid var(--w200);border-radius:var(--rmd);background:var(--w50);font-family:Sarabun;font-size:.9rem;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.fi:focus{border-color:var(--p300);background:var(--surf);box-shadow:0 0 0 3px var(--p100)}.fi::placeholder{color:var(--ink3)}.fi.err{border-color:var(--r500)}.hv-field-err{border:1.5px solid var(--r500)!important;background:#fff1f0!important;border-radius:var(--rmd)!important}.fsel{appearance:none;cursor:pointer}.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bm-student{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--rlg);background:var(--w50);border:1px solid var(--w100);margin-bottom:16px}.bm-student .av{width:42px;height:42px;border-radius:50%;background:var(--p500);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #e85d2a4d}.bm-student .nm{font-weight:700;color:var(--ink);font-size:.95rem}.bm-student .sub{font-size:.7rem;color:var(--ink3);margin-top:1px}.bm-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bm-type-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:var(--rmd);border:1.5px solid var(--w200);background:var(--surf);cursor:pointer;font-family:Sarabun;font-size:.85rem;font-weight:700;color:var(--ink3);transition:all .15s}.bm-type-btn svg{width:18px;height:18px;stroke-width:2.5}.bm-type-btn:hover{border-color:var(--w300)}.bm-type-btn.active.pos{background:var(--g50);border-color:var(--g500);color:var(--g700)}.bm-type-btn.active.neg{background:var(--r50);border-color:var(--r500);color:var(--r700)}.bm-points-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--rlg);border:1.5px solid var(--w100);background:var(--w50);margin-top:2px}.bm-points-card .lbl{font-size:.8rem;font-weight:600;color:var(--ink2)}.bm-points-card .val{font-family:Inter;font-size:1.6rem;font-weight:800;line-height:1}.bm-points-card .val.pos{color:var(--g500)}.bm-points-card .val.neg{color:var(--r500)}textarea.fi{height:auto;min-height:70px;padding:10px 12px;resize:vertical;line-height:1.5}.form-err{background:var(--r50);border:1px solid #F5BDB8;border-radius:var(--rmd);padding:10px 12px;font-size:.833rem;color:var(--r700);margin-bottom:12px;display:none}.form-err.show{display:block}.ss-wrap,.ss-input-wrap{position:relative}.ss-input-wrap svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--ink3);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform .2s}.ss-input-wrap.open svg{transform:translateY(-50%) rotate(180deg)}.ss-input{padding-right:32px!important;cursor:pointer}.ss-selected{background:var(--p50)!important;border-color:var(--p300)!important}.ss-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:500;background:var(--surf);border:1.5px solid var(--w200);border-radius:var(--r-md,12px);box-shadow:0 8px 28px #4a1b081a;overflow:hidden;display:none}.ss-dropdown.open{display:block}.ss-search{padding:8px 12px;border-bottom:1px solid var(--w100);display:flex;align-items:center;gap:8px;background:var(--w50)}.ss-search svg{width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}.ss-search input{flex:1;border:none;background:transparent;font-family:Sarabun;font-size:.867rem;color:var(--ink);outline:none}.ss-list{max-height:210px;overflow-y:auto}.ss-list::-webkit-scrollbar{width:4px}.ss-list::-webkit-scrollbar-thumb{background:var(--w200);border-radius:2px}.ss-item{padding:9px 14px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--w50);display:flex;align-items:center;gap:10px}.ss-item:last-child{border-bottom:none}.ss-item:hover{background:var(--p50)}.ss-item.selected{background:var(--p50);color:var(--p700)}.ss-item.selected .ss-item-main{color:var(--p700)}.ss-item-av{width:28px;height:28px;border-radius:7px;background:var(--b50);color:var(--b700);display:grid;place-items:center;font-family:Inter;font-size:.633rem;font-weight:700;flex-shrink:0}.ss-item-main{font-size:.867rem;font-weight:600;color:var(--ink)}.ss-item-sub{font-size:.72rem;color:var(--ink3);margin-top:1px}.ss-empty{padding:16px;text-align:center;color:var(--ink3);font-size:.833rem}.ss-clear{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--w200);border:none;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:1}.ss-clear:hover{background:var(--w300)}.ss-clear svg{width:10px;height:10px;stroke:var(--ink2);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ss-wrap.has-value .ss-clear{display:flex}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:600;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--surf);border-radius:12px;padding:0;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014;font-size:.867rem;color:var(--ink);min-width:280px;max-width:360px;overflow:hidden;pointer-events:all;animation:toastIn .25s cubic-bezier(.34,1.56,.64,1);position:relative}.toast.out{animation:toastOut .2s ease forwards}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{to{transform:translate(120%);opacity:0;max-height:0;margin:0;padding:0}}.toast-inner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px 10px}.toast-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.toast-icon svg{width:18px;height:18px;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke:currentColor}.toast-content{flex:1;min-width:0}.toast-title{font-weight:700;line-height:1.3}.toast-msg{font-size:.8rem;color:var(--ink3);margin-top:2px;line-height:1.4}.toast-close{width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:6px;display:grid;place-items:center;color:var(--ink3);flex-shrink:0;transition:background .12s}.toast-close:hover{background:var(--w100)}.toast-close svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.toast-bar{height:3px;width:100%;border-radius:0 0 12px 12px;animation:toastBar var(--dur,3s) linear forwards}@keyframes toastBar{0%{width:100%}to{width:0}}.toast-s .toast-icon{background:var(--g50);color:var(--g500)}.toast-s .toast-bar{background:var(--g500)}.toast-e .toast-icon{background:var(--r50);color:var(--r500)}.toast-e .toast-bar{background:var(--r500)}.toast-w .toast-icon{background:var(--y50);color:var(--y500)}.toast-w .toast-bar{background:var(--y500)}.toast-i .toast-icon{background:var(--b50);color:var(--b500)}.toast-i .toast-bar{background:var(--b500)}.confirm-body{text-align:center;padding:8px 0}.confirm-icon{width:52px;height:52px;border-radius:14px;margin:0 auto 14px;display:grid;place-items:center}.confirm-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.confirm-icon.rd{background:var(--r50);color:var(--r500)}.confirm-icon.yw{background:var(--y50);color:var(--y500)}.confirm-title{font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:6px}.confirm-desc{font-size:.867rem;color:var(--ink2);line-height:1.6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-card{background:var(--surf);border:1px solid var(--w100);border-radius:var(--rlg);padding:18px 20px}.setting-label{font-size:.767rem;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.setting-desc{font-size:.767rem;color:var(--ink3);margin-bottom:10px}.toggle-wrap{display:flex;align-items:center;gap:10px}.toggle{position:relative;width:42px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--w200);border-radius:999px;cursor:pointer;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-slider{background:var(--p500)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-lbl{font-size:.867rem;color:var(--ink2)}.hero{background:linear-gradient(135deg,var(--p500),var(--p700));border-radius:var(--rxl);padding:22px 26px;color:#fff;margin-bottom:18px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#ffffff12;top:-90px;right:-70px}.hero-t{font-size:1.3rem;font-weight:700;line-height:1.2}.hero-s{font-size:.9rem;opacity:.85;margin-top:5px}.hero-m{font-size:.767rem;opacity:.7;margin-top:3px}.sch-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:var(--rmd);border:1px solid var(--w100);margin-bottom:8px}.sch-time{font-family:Inter;font-size:.733rem;font-weight:600;color:var(--p500);min-width:44px;padding-top:1px}.sch-name{font-size:.867rem;font-weight:600;color:var(--ink)}.sch-meta{font-size:.767rem;color:var(--ink3);margin-top:2px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--w50)}.stat-row:last-child{border-bottom:none}#ls{position:fixed;inset:0;background:var(--w900);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;gap:14px}.ls-mark{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#F07040,var(--p600));display:grid;place-items:center}.ls-mark svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ls-txt{color:#ffffff80;font-size:.867rem}.spin{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.15);border-top-color:var(--p400,#F07040);border-radius:50%;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.back-top{position:fixed;bottom:28px;right:28px;z-index:900;width:42px;height:42px;border-radius:50%;background:var(--p500);color:#fff;border:none;cursor:pointer;display:none;place-items:center;box-shadow:0 4px 14px #e85d2a66;transition:opacity .2s,transform .2s,background .15s}.back-top.show{display:grid}.back-top:hover{background:var(--p600);transform:translateY(-3px)}.back-top svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}@keyframes notifSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chart-wrap{position:relative;width:100%}.chart-wrap canvas{max-width:100%}.chart-card{background:var(--surf);border:1px solid var(--w100);border-radius:var(--rlg);padding:20px 22px;box-shadow:var(--sh)}.chart-title{font-size:.767rem;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.spark{display:flex;align-items:center;gap:8px;margin-bottom:10px}.spark-label{font-size:.8rem;color:var(--ink2);min-width:80px}.spark-bar-wrap{flex:1;height:8px;background:var(--w100);border-radius:999px;overflow:hidden}.spark-bar{height:100%;border-radius:999px;transition:width .6s ease}.spark-val{font-size:.78rem;font-weight:700;font-family:Inter;min-width:36px;text-align:right}#notif-list::-webkit-scrollbar{width:4px}#notif-list::-webkit-scrollbar-thumb{background:var(--w200);border-radius:2px}.cal-wrap{background:var(--surf);border:1px solid var(--w100);border-radius:var(--rlg);overflow:hidden;box-shadow:var(--sh)}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--w100)}.cal-nav{display:flex;align-items:center;gap:8px}.cal-nav button{width:32px;height:32px;border:1px solid var(--w200);border-radius:8px;background:var(--surf);cursor:pointer;display:grid;place-items:center;transition:background .15s}.cal-nav button:hover{background:var(--w50)}.cal-month{font-size:1.05rem;font-weight:700;color:var(--ink);font-family:Inter;min-width:140px;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-dow{padding:10px 0;text-align:center;font-size:.82rem;font-weight:800;color:#fff;letter-spacing:.04em;border-radius:10px;box-shadow:0 3px 8px #0000001f}.cal-dow-row{gap:6px;margin-bottom:8px}.cal-dow.dow0{background:linear-gradient(135deg,#ef5350,#d32f2f)}.cal-dow.dow1{background:linear-gradient(135deg,#ffca28,#f9a825)}.cal-dow.dow2{background:linear-gradient(135deg,#ec407a,#d81b60)}.cal-dow.dow3{background:linear-gradient(135deg,#66bb6a,#43a047)}.cal-dow.dow4{background:linear-gradient(135deg,#ffa726,#f57c00)}.cal-dow.dow5{background:linear-gradient(135deg,#26a69a,#00897b)}.cal-dow.dow6{background:linear-gradient(135deg,#ab47bc,#8e24aa)}.cal-day.d0{color:#d32f2f}.cal-day.d1{color:#f9a825}.cal-day.d2{color:#d81b60}.cal-day.d3{color:#43a047}.cal-day.d4{color:#f57c00}.cal-day.d5{color:#00897b}.cal-day.d6{color:#8e24aa}.cal-cell{min-height:90px;padding:4px;border-right:1px solid var(--w50);border-bottom:1px solid var(--w50);position:relative;vertical-align:top;transition:background .12s}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:var(--w50);cursor:pointer}.cal-cell.today{background:var(--p50,#fff4f0)}.cal-cell.other-month .cal-day{color:var(--w300)}.cal-cell.other-month{background:var(--w50)}.cal-day{font-size:.78rem;font-weight:700;font-family:Inter;color:var(--ink2);padding:2px 4px;border-radius:6px;display:inline-block;line-height:1.4}.cal-cell.today .cal-day{background:var(--p500);color:#fff;font-weight:800}.cal-event{display:block;font-size:.63rem;font-weight:600;padding:2px 6px;border-radius:4px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity .12s;line-height:1.5}.cal-event:hover{opacity:.8}.cal-event.holiday{background:#fee2e2;color:#dc2626}.cal-event.exam{background:#fff7ed;color:#ea580c}.cal-event.activity{background:#dcfce7;color:#16a34a}.cal-event.meeting{background:#dbeafe;color:#2563eb}.cal-event.other{background:#f3f4f6;color:#6b7280}.cal-event.open{background:#dcfce7;color:#15803d;font-weight:700}.cal-event.closed{background:#f1f5f9;color:#475569;font-weight:700}.cal-event.global{border-left:3px solid #6366f1}.cal-cell.day-open{background:#16a34a12}.cal-cell.day-open .cal-day{color:var(--g700,#15803d)}.cal-cell.day-closed{background:#6b728014}.cal-cell.day-closed .cal-day{color:#9ca3af;text-decoration:line-through}.cal-cell .cal-status-btn{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:5px;border:none;font-size:.6rem;cursor:pointer;display:none;place-items:center;background:var(--w100);color:var(--ink3);transition:background .12s;z-index:2}.cal-cell:hover .cal-status-btn{display:grid}.cal-cell.day-open .cal-status-btn{background:#dcfce7;color:#15803d;display:grid}.cal-cell.day-closed .cal-status-btn{background:#f1f5f9;color:#6b7280;display:grid}.cal-more{font-size:.6rem;color:var(--ink3);padding:1px 4px;cursor:pointer}.cal-legend{display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px;border-top:1px solid var(--w100);background:var(--w50)}.cal-legend-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--ink2)}.cal-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.cal-hd-right{display:flex;align-items:center;gap:12px}.cal-count{font-size:.75rem;color:var(--ink3);white-space:nowrap}.cal-viewtoggle{display:inline-flex;background:var(--w50);border:1px solid var(--w200);border-radius:9px;padding:2px;gap:2px}.cal-viewtoggle button{border:none;background:transparent;font-family:inherit;font-size:.78rem;font-weight:700;color:var(--ink3);padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .15s;white-space:nowrap}.cal-viewtoggle button:hover{color:var(--ink)}.cal-viewtoggle button.active{background:var(--surf);color:var(--p600,#c2410c);box-shadow:0 1px 3px #0000001f}.cal-year{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));gap:12px;padding:16px}.cal-mini{text-align:left;background:var(--surf);border:1px solid var(--w100);border-radius:12px;padding:10px 10px 12px;cursor:pointer;font-family:inherit;transition:box-shadow .15s,border-color .15s,transform .1s}.cal-mini:hover{border-color:var(--p300,#fdba74);box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.cal-mini.has{border-color:var(--p200,#fed7aa)}.cal-mini-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-weight:700;font-size:.9rem;color:var(--ink)}.cal-mini-cnt{font-size:.62rem;font-weight:800;color:#fff;background:var(--p500,#E85D2A);border-radius:999px;padding:1px 7px;font-family:Inter}.cal-mini-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:3px}.cal-mini-dow span{text-align:center;font-size:.6rem;font-weight:700;color:var(--ink3);font-family:Inter}.cal-mini-dow .md0{color:#d32f2f}.cal-mini-dow .md6{color:#8e24aa}.cal-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-mini-cell{aspect-ratio:1;display:grid;place-items:center;font-size:.68rem;font-weight:600;color:var(--ink2);font-family:Inter;border-radius:6px;line-height:1}.cal-mini-cell.blank{visibility:hidden}.cal-mini-cell.ev{background:var(--dot);color:var(--dot);font-weight:800}@supports (color: color-mix(in lab,red,red)){.cal-mini-cell.ev{background:color-mix(in srgb,var(--dot) 16%,transparent)}}.cal-mini-cell.today{outline:2px solid var(--p500,#E85D2A);outline-offset:-2px;color:var(--p600,#c2410c);font-weight:800}.cal-layout{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}@media(max-width:960px){.cal-layout{grid-template-columns:1fr}}@media(max-width:640px){.cal-header{padding:12px 14px;flex-wrap:wrap;gap:8px}.cal-nav button{width:34px;height:34px}.cal-month{font-size:.98rem;min-width:auto}.cal-count{display:none}.cal-hd-right{margin-left:auto}.cal-year{padding:12px;gap:10px}.cal-mini-cell{font-size:.72rem}.cal-dow-row{gap:4px;margin-bottom:6px}.cal-dow{padding:7px 0;font-size:.72rem;border-radius:8px;box-shadow:0 2px 5px #0000001a}.cal-cell{min-height:66px;padding:3px}.cal-day{font-size:.72rem;padding:1px 4px}.cal-event{font-size:.56rem;padding:1px 4px;line-height:1.45}.cal-more{font-size:.55rem;padding:0 3px}.cal-legend{gap:7px 12px;padding:10px 14px;font-size:.7rem}.cal-status-btn{display:none!important}}@media(max-width:420px){.cal-dow{font-size:.64rem;padding:6px 0;letter-spacing:0}.cal-cell{min-height:58px;padding:2px}.cal-day{font-size:.68rem;padding:1px 3px}.cal-event{font-size:.52rem;padding:1px 3px;border-radius:3px}.cal-event.global{border-left-width:2px}}.pp5-page-wrap{display:block}.pp5-page-card{background:var(--surf);border:1px solid var(--w100);border-radius:14px;box-shadow:var(--sh);overflow:hidden}.pp5-page-card>.modal-hd{position:sticky;top:0;background:var(--surf);z-index:3}.pp5-page-card>.modal-body{max-height:none;overflow:visible}.pp5-page-card>.modal-foot{position:sticky;bottom:0;background:var(--surf);box-shadow:0 -4px 12px #1e1a160f}.pp5pick-hint{display:flex;align-items:center;gap:9px;background:linear-gradient(90deg,var(--p50,#fcebe3),transparent);border:1px solid var(--w100);border-left:3px solid var(--p500,#E85D2A);border-radius:12px;padding:11px 15px;margin-bottom:16px;font-size:.86rem;color:var(--ink2);line-height:1.5}.pp5pick-hint .ico{font-size:1.1rem;flex-shrink:0}.pp5pick-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.pp5pick-k{background:var(--surf);border:1px solid var(--w100);border-radius:14px;padding:13px 15px 13px 18px;display:flex;flex-direction:column;gap:1px;position:relative;overflow:hidden;box-shadow:var(--sh)}.pp5pick-k:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--kc,#E85D2A)}.pp5pick-k .ki{font-size:1.15rem;line-height:1}.pp5pick-k .kv{font-size:1.7rem;font-weight:800;line-height:1.15;color:var(--ink1,#1e1a16);font-family:Inter,Sarabun,sans-serif}.pp5pick-k .kl{font-size:.76rem;color:var(--ink3)}.pp5pick-overall{background:var(--surf);border:1px solid var(--w100);border-radius:14px;padding:13px 16px;margin-bottom:16px;box-shadow:var(--sh)}.pp5pick-overall .po-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.84rem;color:var(--ink2);margin-bottom:8px}.pp5pick-overall .po-pct{font-size:1.15rem;font-weight:800;color:var(--p600,#c44d1f);font-family:Inter,sans-serif}.pp5pick-overall .po-bar{height:12px;background:var(--w100);border-radius:999px;overflow:hidden}.pp5pick-overall .po-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--p500,#E85D2A),#f59e0b);transition:width .5s ease}.pp5pick-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.pp5pick-search{flex:1;min-width:200px;display:flex;align-items:center;gap:7px;background:var(--surf);border:1px solid var(--w100);border-radius:10px;padding:0 12px}.pp5pick-search>span{color:var(--ink3)}.pp5pick-search input{flex:1;border:0;background:transparent;padding:10px 0;font:inherit;color:var(--ink1,#1e1a16);outline:none;min-width:0}.pp5pick-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pp5pick-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--w100);background:var(--surf);border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:600;color:var(--ink2);cursor:pointer;transition:all .12s;white-space:nowrap}.pp5pick-chip b{font-family:Inter,sans-serif}.pp5pick-chip:hover{border-color:var(--p300,#f3a983)}.pp5pick-chip.on{background:var(--p500,#E85D2A);border-color:var(--p500,#E85D2A);color:#fff}.pp5pick-chip.done.on{background:#16a34a;border-color:#16a34a}.pp5pick-chip.prog.on{background:#d99008;border-color:#d99008}.pp5pick-chip.todo.on{background:#dc2626;border-color:#dc2626}.pp5pick-chip.empty.on{background:#6b7280;border-color:#6b7280}.pp5pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.pp5pick-card{background:var(--surf);border:1px solid var(--w100);border-top:3px solid var(--p500,#E85D2A);border-radius:16px;padding:15px 16px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--sh);transition:box-shadow .15s,transform .15s}.pp5pick-card:hover{box-shadow:0 10px 26px #1e1a161a;transform:translateY(-2px)}.pp5pick-card .pc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.pp5pick-card .pc-code{font-family:Inter,sans-serif;font-weight:800;font-size:.9rem;color:var(--p600,#c44d1f)}.pp5pick-card .pc-badge{font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}.pp5pick-card .pc-name{font-weight:700;font-size:.95rem;color:var(--ink1,#1e1a16);line-height:1.3;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp5pick-card .pc-meta{display:flex;flex-wrap:wrap;gap:6px}.pp5pick-card .pc-chip{font-size:.75rem;color:var(--ink2);background:var(--w50,#f7f3ec);border:1px solid var(--w100);border-radius:8px;padding:2px 8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pp5pick-card .pc-prog-hd{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--ink3);margin-bottom:4px}.pp5pick-card .pc-prog-hd .n{font-weight:800;font-family:Inter,sans-serif}.pp5pick-card .pc-bar{height:8px;background:var(--w100);border-radius:999px;overflow:hidden}.pp5pick-card .pc-fill{height:100%;border-radius:999px;transition:width .4s ease}.pp5pick-card .pc-act{display:flex;gap:7px;margin-top:4px}.pp5pick-empty{text-align:center;padding:48px 20px;color:var(--ink3);background:var(--surf);border:1px dashed var(--w200,#ddd4c6);border-radius:16px}.pp5pick-empty .t{font-weight:700;color:var(--ink2);margin-top:8px}.pp5pick-empty .s{font-size:.85rem;margin-top:4px}.pp5pick-card.sk{pointer-events:none}.pp5pick-card.sk .sk-l{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--w100),var(--w50,#f7f3ec),var(--w100));background-size:200% 100%;animation:pp5sk 1.2s ease-in-out infinite;margin-bottom:8px}@keyframes pp5sk{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:560px){.pp5pick-kpi{grid-template-columns:repeat(2,1fr);gap:9px}.pp5pick-k{padding:11px 11px 11px 15px}.pp5pick-k .kv{font-size:1.42rem}.pp5pick-grid{grid-template-columns:1fr}}.pp5-wf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--w100);border-left:4px solid var(--ink3);border-radius:12px;padding:10px 14px;margin-bottom:14px;background:var(--surf)}.pp5-wf.s-submitted{border-left-color:#d99008;background:#fff9ef}.pp5-wf.s-approved{border-left-color:#16a34a;background:#f2fdf6}.pp5-wf.s-returned{border-left-color:#dc2626;background:#fdecea}.pp5-wf-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.84rem;color:var(--ink2);min-width:0}.pp5-wf-badge{font-weight:800;white-space:nowrap}.pp5-wf-note{color:#b91c1c}.pp5-wf-act{display:flex;gap:7px;flex-wrap:wrap}.pp5wf-chip.s-submitted{background:#fff9ef;border-color:wheat;color:#b45309}.pp5wf-chip.s-approved{background:#f2fdf6;border-color:#bbf7d0;color:#166534}.pp5wf-chip.s-returned{background:#fdecea;border-color:#f5c6cb;color:#b91c1c}.hr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.hr-card{background:var(--surf);border:1px solid var(--w100);border-top:3px solid var(--p500,#E85D2A);border-radius:16px;padding:15px 16px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:9px}.hr-card-top{display:flex;gap:6px;flex-wrap:wrap}.hr-chip{font-size:.76rem;font-weight:600;color:var(--ink2);background:var(--w50,#f7f3ec);border:1px solid var(--w100);border-radius:8px;padding:2px 9px;white-space:nowrap}.hr-chip.blue{background:#e8f0fe;border-color:#c3d9fd;color:#1e40af}.hr-teacher-row{display:flex;align-items:center;gap:11px}.hr-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--w100);background:#fff}.hr-avatar-ph{display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#fdece4;border-color:#f5c6a5}.hr-tname{font-weight:700;font-size:.98rem;color:var(--ink1,#1e1a16);line-height:1.25}.hr-pos{font-weight:400;font-size:.8rem;color:var(--ink3)}.hr-contact{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.hr-btn{display:inline-flex;align-items:center;gap:5px;font-size:.84rem;font-weight:600;text-decoration:none;padding:7px 12px;border-radius:10px;border:1px solid var(--w100)}.hr-btn.call{background:#eafaf0;color:#166534;border-color:#bbf7d0}.hr-btn.mail{background:#e8f0fe;color:#1e40af;border-color:#c3d9fd}.pp5ib-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px}.pp5ib-title{font-weight:700;font-size:.95rem;color:var(--ink1,#1e1a16)}.pp5ib-meta{font-size:.8rem;color:var(--ink3);margin-top:3px}.pp5ib-note{font-size:.8rem;color:#b91c1c;margin-top:4px}.pp5ib-act{display:flex;gap:7px;flex-wrap:wrap}.csvimp-info{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.82rem;color:var(--ink2);margin-bottom:12px}.csvimp-note{font-size:.76rem;color:var(--ink3);margin-bottom:8px}.csvimp-tblwrap{overflow-x:auto;border:1px solid var(--w100);border-radius:12px}.csvimp-tblwrap .tbl{min-width:560px}.csvimp-pill{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px;background:#eafaf0;color:#166534;border:1px solid #bbf7d0;white-space:nowrap}.csvimp-pill.blue{background:#e8f0fe;color:#1e40af;border-color:#c3d9fd}.csvimp-progress{height:9px;background:var(--w100);border-radius:999px;overflow:hidden;margin-top:14px}.csvimp-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--p500,#E85D2A),#f59e0b);transition:width .25s ease}.csvimp-progress-fill.indet{width:40%!important;animation:csvindet 1.1s ease-in-out infinite alternate}@keyframes csvindet{0%{margin-left:0}to{margin-left:60%}}.csvimp-progress-text{text-align:center;font-size:.78rem;color:var(--ink2);margin-top:7px;font-weight:600}.csvimp-result{margin-top:14px;border:1px solid #bbf7d0;background:#f2fdf6;border-radius:12px;padding:13px 15px}.csvimp-result.warn{border-color:#fcd9a8;background:#fff9ef}.csvimp-result-hd{font-weight:800;font-size:.9rem;color:#166534}.csvimp-result.warn .csvimp-result-hd{color:#b45309}.csvimp-result-counts{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.82rem;margin-top:6px}.csvimp-errlist{margin-top:10px;max-height:160px;overflow-y:auto;background:var(--surf);border:1px solid var(--w100);border-radius:9px;padding:9px 12px;font-size:.76rem;color:#b45309;line-height:1.8}.exset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.exset-card{background:var(--surf);border:1px solid var(--w100);border-radius:16px;padding:16px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:10px}.exset-hd{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.exset-actions-top{margin-left:auto;display:flex;gap:4px}.exset-title{font-weight:800;font-size:1rem;color:var(--ink);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.exset-sub{font-size:.78rem;color:var(--ink3);line-height:1.5}.exset-chips{display:flex;flex-wrap:wrap;gap:6px}.exset-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--w50);color:var(--ink2);border:1px solid var(--w100);white-space:nowrap}.exset-rooms{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:.74rem;color:var(--ink2)}.exset-room{font-family:Inter;font-weight:700;font-size:.72rem;padding:2px 8px;border-radius:7px;background:#eef4fb;color:#2563eb;border:1px solid #d7e6f8}.exset-foot{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--w50);margin-top:auto}.exset-room-pick{display:flex;flex-wrap:wrap;gap:7px}.exset-room-btn{font-family:Inter;font-weight:700;font-size:.8rem;padding:6px 13px;border-radius:9px;border:1.5px solid var(--w200);background:var(--surf);color:var(--ink2);cursor:pointer;transition:all .12s}.exset-room-btn:hover{border-color:var(--p300)}.exset-room-btn.on{background:var(--p500);border-color:var(--p500);color:#fff;box-shadow:0 2px 8px #e85d2a4d}@media(max-width:560px){.exset-grid{grid-template-columns:1fr}}.mon-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 16px 4px}.mon-stat{background:var(--w50);border:1px solid var(--w100);border-radius:12px;padding:10px 8px;text-align:center}.mon-stat.mon-live{background:#ecfdf5;border-color:#a7f3d0}.mon-stat.mon-done{background:#eff6ff;border-color:#bfdbfe}.mon-stat.mon-wait{background:var(--w50)}.mon-num{font-size:1.5rem;font-weight:800;line-height:1;color:var(--ink)}.mon-lbl{font-size:.68rem;color:var(--ink3);margin-top:4px;white-space:nowrap}.mon-toolbar{display:flex;align-items:center;gap:10px;padding:8px 16px 12px;border-bottom:1px solid var(--w100)}.mon-live-toggle{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--ink3);cursor:pointer;padding:5px 11px;border-radius:999px;border:1px solid var(--w200);-webkit-user-select:none;user-select:none}.mon-live-toggle.on{color:#15803d;border-color:#a7f3d0;background:#ecfdf5}.mon-dot{width:8px;height:8px;border-radius:999px;background:var(--w300)}.mon-live-toggle.on .mon-dot{background:#16a34a;animation:monpulse 1.4s ease-in-out infinite}@keyframes monpulse{0%,to{opacity:1;box-shadow:0 0 #16a34a80}50%{opacity:.6;box-shadow:0 0 0 5px #16a34a00}}.mon-row-live{background:#16a34a0b}.mon-prog{height:6px;background:var(--w100);border-radius:999px;overflow:hidden;margin-bottom:3px}.mon-prog-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#16a34a,#4a86c5);transition:width .4s ease}@media(max-width:560px){.mon-stats{grid-template-columns:repeat(2,1fr)}}.att-tabs{display:flex;gap:4px;border-bottom:2px solid var(--w100);margin-bottom:20px}.att-tabs{display:flex;gap:4px;border-bottom:2px solid var(--w100);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.att-tabs::-webkit-scrollbar{display:none}.att-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-size:.8rem;font-weight:600;border:none;background:none;cursor:pointer;color:var(--ink3);border-radius:8px 8px 0 0;transition:all .15s;border-bottom:2.5px solid transparent;margin-bottom:-2px;white-space:nowrap;flex-shrink:0}.att-tab .att-tab-icon{font-size:.95rem;line-height:1;flex-shrink:0}.att-tab.active{color:var(--p500);border-bottom-color:var(--p500);background:var(--p50);font-weight:700}.att-tab:hover:not(.active){background:var(--w50);color:var(--ink2)}.ss-tabs{display:inline-flex;gap:6px;padding:5px;background:var(--w50);border:1px solid var(--w100);border-radius:14px;margin-bottom:20px;max-width:100%;overflow-x:auto;scrollbar-width:none}.ss-tabs::-webkit-scrollbar{display:none}.ss-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;cursor:pointer;color:var(--ink3);font-family:inherit;font-size:.85rem;font-weight:700;border-radius:10px;white-space:nowrap;flex-shrink:0;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.ss-tab svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ss-tab:hover:not(.active){background:var(--surf);color:var(--ink)}.ss-tab.active{background:linear-gradient(135deg,#e85d2a,#f1864f);color:#fff;box-shadow:0 6px 16px #e85d2a57}.ss-tab .ss-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.7rem;font-weight:800;background:var(--w100);color:var(--ink3);line-height:1}.ss-tab.active .ss-tab-count{background:#ffffff47;color:#fff}@media(max-width:560px){.ss-tabs{display:flex;width:100%}.ss-tab{flex:1;justify-content:center;padding:10px}}.ss-chips{display:flex;flex-wrap:wrap;gap:8px}.ss-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--w100);background:var(--surf);cursor:pointer;color:var(--ink2);font-family:inherit;font-size:.8rem;font-weight:600;border-radius:999px;white-space:nowrap;transition:all .15s}.ss-chip:hover:not(.active){border-color:var(--p300,#f3a983);color:var(--p600,#c44d1f);background:var(--p50,#fcebe3)}.ss-chip.active{background:linear-gradient(135deg,#e85d2a,#f1864f);border-color:transparent;color:#fff;box-shadow:0 4px 12px #e85d2a4d}.att-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:16px}.att-status-card{background:var(--surf);border:1.5px solid var(--w100);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px}.att-status-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.att-table{width:100%;border-collapse:collapse}.att-table th,.att-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--w50);font-size:.8rem}.att-table th{background:var(--w50);font-size:.7rem;font-weight:800;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}.att-table tr:hover td{background:var(--w50)}.rpt-table{border-collapse:collapse;width:100%}.rpt-table th,.rpt-table td{border:1px solid #d7dbe0!important;padding:6px 9px!important;vertical-align:middle!important;text-align:center;line-height:1.4;white-space:nowrap}.rpt-table thead th{padding:6px 8px!important}.rpt-table td:first-child{text-align:left;min-width:108px;white-space:normal;line-height:1.35}.rpt-table td:last-child{text-align:left;min-width:110px;max-width:210px;white-space:normal}.rpt-table tr:hover td{background:transparent}.att-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:700;font-family:Inter}.att-present{background:#dcfce7;color:#166534}.att-absent{background:#fee2e2;color:#dc2626}.att-late{background:#fef9c3;color:#92400e}.att-leave{background:#dbeafe;color:#1e40af}.att-sick{background:#fce7f3;color:#be185d}.att-period-btn{padding:6px 14px;border:1.5px solid var(--w200);border-radius:8px;background:var(--surf);font-size:.78rem;font-weight:600;cursor:pointer;color:var(--ink2);transition:all .12s}.att-period-btn.active{background:var(--p500);border-color:var(--p500);color:#fff}.usr-ac{position:relative}.usr-ac-input{width:100%}.usr-ac-list{display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--surf);border:1.5px solid var(--p300);border-radius:var(--rmd);box-shadow:var(--shadow-md);z-index:200;max-height:220px;overflow-y:auto}.usr-ac-list.show{display:block}.usr-ac-item{padding:8px 12px;cursor:pointer;font-size:.867rem;display:flex;align-items:center;gap:8px;transition:background .1s}.usr-ac-item:hover,.usr-ac-item.focused{background:var(--p50)}.usr-ac-item .usr-name{font-weight:600;color:var(--ink)}.usr-ac-item .usr-role{font-size:.7rem;color:var(--ink3)}.usr-ac-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--ink3);font-size:.9rem;padding:2px 4px;border-radius:4px;line-height:1}.usr-ac-clear:hover{color:var(--r500);background:var(--r50)}#qr-overlay{display:none;position:fixed;inset:0;background:#000000bf;z-index:9999;align-items:center;justify-content:center;flex-direction:column}#qr-overlay.show{display:flex}#qr-box{background:#1a1a1a;border-radius:16px;padding:20px;width:min(420px,96vw);position:relative}#qr-video{width:100%;border-radius:10px;display:block;background:#000}#qr-canvas{display:none}#qr-status{margin-top:12px;text-align:center;min-height:52px}.qr-result-ok{background:#dcfce7;color:#166534;border-radius:8px;padding:10px 14px;font-size:.83rem;font-weight:600}.qr-result-err{background:#fee2e2;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:.83rem;font-weight:600}#qr-display-modal{display:none;position:fixed;inset:0;background:#0009;z-index:9998;align-items:center;justify-content:center}#qr-display-modal.show{display:flex}#qr-display-box{background:var(--paper);border-radius:16px;padding:28px 24px;text-align:center;width:min(320px,92vw)}.att-check-row{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--w50);gap:10px;transition:background .12s}.att-check-row:hover{background:var(--w50)}.att-check-row .att-name{flex:1;min-width:0;font-weight:600;font-size:.833rem}.att-check-row .att-id{font-size:.72rem;color:var(--ink3);font-family:monospace}.att-radio-group{display:flex;gap:4px}.att-radio-group label{padding:5px 11px;border-radius:6px;border:1.5px solid var(--w200);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .12s;background:var(--surf)}.att-radio-group input[type=radio]{display:none}.att-radio-group input[type=radio]:checked+span{font-weight:800}.att-radio-group label:has(input[value=present]:checked){background:#dcfce7;border-color:#16a34a;color:#166534}.att-radio-group label:has(input[value=absent]:checked){background:#fee2e2;border-color:#dc2626;color:#dc2626}.att-radio-group label:has(input[value=late]:checked){background:#fef9c3;border-color:#b45309;color:#92400e}.att-radio-group label:has(input[value=leave]:checked){background:#dbeafe;border-color:#2563eb;color:#1e40af}.att-radio-group label:has(input[value=sick]:checked){background:#fce7f3;border-color:#db2777;color:#be185d}.att-note-input{width:120px;font-size:.72rem;padding:4px 8px;border:1px solid var(--w200);border-radius:6px;background:var(--surf);color:var(--ink)}.att-summary-bar{height:8px;border-radius:4px;background:var(--w100);overflow:hidden;display:flex;gap:1px;margin-top:4px}.att-bar-present{background:#16a34a}.att-bar-late{background:#d97706}.att-bar-leave{background:#3b82f6}.att-bar-sick{background:#db2777}.att-bar-absent{background:#dc2626}.att-monthly-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--w100);box-shadow:var(--sh)}.att-monthly-tbl{border-collapse:collapse;min-width:max-content;width:100%;background:var(--surf)}.att-monthly-tbl th,.att-monthly-tbl td{border:1px solid var(--w100);padding:0;font-size:.72rem;white-space:nowrap;vertical-align:middle}.att-monthly-tbl thead th{background:var(--w50);font-weight:800;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;padding:6px 4px;text-align:center;position:sticky;top:0;z-index:2}.att-monthly-tbl th.col-no{width:40px;text-align:center;position:sticky;left:0;z-index:3;background:var(--w50)}.att-monthly-tbl th.col-name{min-width:160px;text-align:left;padding-left:8px;position:sticky;left:40px;z-index:3;background:var(--w50)}.att-monthly-tbl td.col-no{text-align:center;color:var(--ink3);font-family:Inter;position:sticky;left:0;background:var(--surf);z-index:1}.att-monthly-tbl td.col-name{padding:4px 8px;position:sticky;left:40px;background:var(--surf);z-index:1;min-width:160px}.att-monthly-tbl tr:hover td,.att-monthly-tbl tr:hover td.col-no,.att-monthly-tbl tr:hover td.col-name{background:var(--w50)!important}.att-day-cell{width:26px;min-width:26px;max-width:28px;text-align:center;cursor:pointer;transition:transform .1s;-webkit-user-select:none;user-select:none;padding:0}.att-day-cell:hover{transform:scale(1.2);z-index:5;position:relative}.att-day-cell.weekend{background:#f8f4f0!important;cursor:default;opacity:.5}.att-day-cell.weekend:hover{transform:none}.att-day-chip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;font-weight:800;font-size:.63rem;font-family:Inter;margin:2px auto;transition:all .15s}.att-day-chip.chip-n{background:transparent;color:var(--w300);border:1px dashed var(--w200)}.att-day-chip.chip-present{background:#3b82f6;color:#fff}.att-day-chip.chip-absent{background:#ef4444;color:#fff}.att-day-chip.chip-late{background:#f97316;color:#fff}.att-day-chip.chip-leave{background:#a855f7;color:#fff}.att-day-chip.chip-sick{background:#db2777;color:#fff}.att-day-chip.chip-activity{background:#0891b2;color:#fff}.att-day-hdr{width:26px;min-width:26px;max-width:28px;text-align:center;font-size:.6rem;font-weight:700;padding:3px 1px}.att-day-hdr.wkend{color:#c8a882;background:#faf6f2}@keyframes att-flash{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.att-saving{animation:att-flash .4s ease}.att-monthly-tbl thead{position:sticky;top:0;z-index:4}.att-day-hdr.holiday{background:#fee2e2!important;color:#ef4444!important}.att-day-hdr.school-open{background:#dcfce7!important;color:#16a34a!important}.tab-bar{display:flex;gap:2px;background:var(--w50);border-radius:var(--rlg);padding:4px;margin-bottom:20px;border:1px solid var(--w100)}.tab-btn{flex:1;padding:9px 16px;border-radius:10px;border:none;font-family:Sarabun;font-size:.867rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;color:var(--ink3);background:transparent;display:flex;align-items:center;justify-content:center;gap:7px}.tab-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tab-btn.active{background:var(--surf);color:var(--p500);box-shadow:var(--sh)}.tab-pane{display:none}.tab-pane.active{display:block}.filter-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:var(--surf);border:1px solid var(--w100);border-radius:var(--rlg);padding:16px 20px;margin-bottom:18px;box-shadow:var(--sh)}.filter-bar .fg{display:flex;flex-direction:column;gap:4px}.filter-bar label{font-size:.733rem;font-weight:600;color:var(--ink2)}.filter-bar select,.filter-bar input[type=date]{height:36px;padding:0 10px;border:1.5px solid var(--w200);border-radius:var(--rmd);background:var(--surf);font-family:Sarabun;font-size:.833rem;color:var(--ink);outline:none;cursor:pointer}.filter-bar select:focus,.filter-bar input[type=date]:focus{border-color:var(--p300)}.num-in{width:84px;height:34px;padding:0 8px;border:1.5px solid var(--w200);border-radius:8px;background:var(--w50);font-family:Inter;font-size:.9rem;color:var(--ink);outline:none;text-align:center;transition:border-color .15s,box-shadow .15s,background .15s}.num-in:focus{border-color:var(--p300);background:var(--surf);box-shadow:0 0 0 3px var(--p100)}.num-in.has-val{background:var(--g50);border-color:var(--g500)}.row-dirty td{background:var(--p50)!important}@supports (color: color-mix(in lab,red,red)){.row-dirty td{background:color-mix(in srgb,var(--p50) 60%,var(--surf))!important}}.empty-state{text-align:center;padding:48px 20px;color:var(--ink3)}.empty-state svg{width:44px;height:44px;stroke:var(--w300);fill:none;stroke-width:1.4;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto}.empty-state p{font-size:.867rem}.sec-divider{display:flex;align-items:center;gap:10px;margin:22px 0 16px}.sec-divider:before,.sec-divider:after{content:"";flex:1;height:1px;background:var(--w100)}.sec-divider span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);white-space:nowrap}@media(max-width:1024px){.shell{display:block}.main{height:100vh;display:flex;flex-direction:column}.sb{position:fixed;top:0;left:0;bottom:0;width:var(--sw)!important;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:40;box-shadow:8px 0 32px #00000040;overflow:hidden}.sb.mobile-open{transform:translate(0)}.sb .sb-texts,.sb .sec-lbl,.sb .ni-label,.sb .sb-user-info,.sb .lout-btn{display:block!important}.sb .ni{justify-content:flex-start;padding:13px 16px;min-height:48px}.sb .ni.active{border-left:3px solid var(--p500);border-bottom:none;padding-left:13px}.sb .sb-logo{justify-content:flex-start;padding:0 18px}.sb .sb-nav{padding:10px}.sb .sb-user{justify-content:flex-start;padding:14px 16px}.sb .ni:after{display:none!important}.sb-toggle{display:none}.sb-close-mob{display:grid}.topbar{z-index:36!important}.sb .ni-grp{display:flex!important;justify-content:flex-start!important;padding:13px 16px!important;min-height:48px}.sb .ni-grp .ni-label{display:flex!important}.sb .ni-subs{display:block!important;padding-left:14px}.sb .ni-sub{display:flex!important;padding:12px 14px;min-height:44px}.sb .ni-sub .ni-label{display:flex!important}}@media(min-width:768px)and (max-width:1024px){.info-grid{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.shell{display:block}.main{height:100vh;display:flex;flex-direction:column}.topbar{padding:0 16px}.page{padding:16px}.info-grid{grid-template-columns:repeat(3,1fr);gap:8px}.info-card{padding:10px 12px}.info-card-num{font-size:1.3rem}.g4,.g3{grid-template-columns:repeat(2,1fr);gap:10px}.row2,.row23,.settings-grid{grid-template-columns:1fr}.tbl th,.tbl td{padding:8px 10px;font-size:.767rem}.sec-hd{flex-wrap:wrap;gap:10px}.search-bar{gap:8px}.search-input{min-width:0}.pag{flex-direction:column;align-items:flex-start;gap:8px}.modal{margin:0;border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:92dvh;max-width:100%;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.modal:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:999px;background:var(--w200);z-index:3;pointer-events:none}.modal-hd{padding-top:22px}.modal-body{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-hd,.modal-foot{flex-shrink:0}.modal-foot{box-shadow:0 -5px 14px #1e1a1612;background:var(--surf)}.modal:not(:has(.modal-body)){overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-bg{align-items:flex-end;padding:0}.filter-bar{padding:12px 14px;gap:8px}.filter-bar .fg{flex:1 1 100%;min-width:0}.filter-bar select,.filter-bar input[type=date]{width:100%}}@media(max-width:480px){.info-grid,.g4{grid-template-columns:repeat(2,1fr)}.kpi-grid.g4{grid-template-columns:1fr 1fr}.btn-md{padding:9px 14px;font-size:.8rem}}.hv1-student-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--b50) 0%,var(--surf) 100%);border-radius:14px;border:1px solid rgba(74,134,197,.18);margin-bottom:1.25rem;box-shadow:var(--sh)}.hv1-avatar-wrap{position:relative;flex-shrink:0;width:76px;height:76px;border-radius:14px;overflow:hidden;border:2.5px solid rgba(232,93,42,.35);box-shadow:0 4px 12px #e85d2a26;cursor:pointer}.hv1-avatar-wrap[data-readonly]{cursor:default}.hv1-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.hv1-avatar-ph{width:100%;height:100%;background:linear-gradient(135deg,var(--p300),var(--p600));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.hv1-avatar-overlay{position:absolute;inset:0;background:#00000085;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:0;transition:opacity .18s;color:#fff;font-size:.62rem;font-weight:700;text-align:center;line-height:1.4}.hv1-avatar-wrap:not([data-readonly]):hover .hv1-avatar-overlay{opacity:1}.hv1-student-info{flex:1;min-width:0}.hv1-student-name{font-size:1.05rem;font-weight:700;color:var(--ink);line-height:1.3}.hv1-student-sub{font-size:.78rem;color:var(--ink3);margin-top:.18rem;font-family:Inter,sans-serif}.hv1-meta-row{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin-top:.55rem}.hv1-meta-chip{font-size:.78rem;padding:.15rem .55rem;border-radius:999px;background:#4a86c51a;color:var(--b700);font-weight:500}.hv1-parent-row{font-size:.77rem;color:var(--ink3);margin-top:.3rem;line-height:1.5}.hv1-parent-row b{color:var(--ink2);font-weight:600}.hv1-block{border:1px solid var(--w200);border-radius:12px;overflow:hidden;margin-bottom:.9rem}.hv1-block-hd{display:flex;align-items:center;gap:.45rem;padding:.65rem .9rem;background:var(--w50);font-size:.83rem;font-weight:700;color:var(--ink);border-bottom:1px solid var(--w200)}.hv1-block-hd svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--p500);flex-shrink:0}.hv1-block-body{padding:.75rem .9rem;display:flex;flex-direction:column;gap:.55rem}.hv1-field{display:grid;grid-template-columns:110px 1fr;gap:.4rem;align-items:start}.hv1-lbl{font-size:.8rem;color:var(--ink2);padding-top:.42rem;font-weight:500;line-height:1.3}.hv1-name3{display:grid;grid-template-columns:100px 1fr 1fr;gap:.4rem}.hv1-tel-row{display:grid;grid-template-columns:110px 1fr;gap:.4rem;align-items:start}.hv1-phone-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.55rem .9rem;border-top:1px solid var(--w200);background:var(--paper)}.hv1-phone-lbl{font-size:.8rem;color:var(--ink2);font-weight:500;white-space:nowrap}.hv1-status-sel{width:100%}@media(max-width:640px){.hv1-student-card{gap:.7rem}.hv1-avatar-wrap{width:60px;height:60px;border-radius:10px}.hv1-student-name{font-size:.95rem}.hv1-name3{grid-template-columns:88px 1fr;grid-template-rows:auto auto}.hv1-name3 .hv1-lname{grid-column:2}.hv1-field{grid-template-columns:90px 1fr}.hv1-lbl{font-size:.77rem}}@media(max-width:420px){.hv1-name3{grid-template-columns:1fr}.hv1-field{grid-template-columns:1fr;gap:.15rem}.hv1-lbl{padding-top:0}.hv1-student-card{flex-direction:column;align-items:center;text-align:center}.hv1-meta-row{justify-content:center}.hv1-parent-row{text-align:left}}.hv-dash-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.hv-dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:20px}.hv-dash-grid .hv-dash-full{grid-column:1/-1}.hv-dash-donut-wrap{display:flex;align-items:center;justify-content:center;height:240px}.hv-dash-donut{position:relative;width:220px;height:220px;max-width:100%}.hv-dash-bars{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 16px}.hv-dash-tbl{width:100%;border-collapse:collapse;font-size:.875rem}.hv-dash-tbl th,.hv-dash-tbl td{padding:8px 12px}@media(max-width:767px){.hv-dash-kpi{grid-template-columns:repeat(2,1fr);gap:8px}.hv-dash-grid{grid-template-columns:1fr;gap:12px}.hv-dash-donut-wrap{height:200px}.hv-dash-donut{width:180px;height:180px}.hv-dash-bars{grid-template-columns:1fr}.hv-dash-tbl{font-size:.78rem}.hv-dash-tbl th,.hv-dash-tbl td{padding:6px 8px}.hv-dash-tbl th{white-space:nowrap}}@media(max-width:420px){.hv-dash-kpi{grid-template-columns:1fr 1fr}}.hv-map-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.hv-map-side{display:flex;flex-direction:column;gap:12px;min-width:0}.hv-map-main{position:relative;min-width:0}.hv-map-canvas{width:100%;height:560px;border-radius:var(--rmd);background:var(--g50)}.hv-map-detail{display:flex;gap:10px;align-items:center}.hv-map-detail-photo{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--g100);flex-shrink:0}.hv-map-detail-name{font-weight:700;font-size:.95rem}.hv-map-detail-meta{font-size:.78rem;color:var(--ink2)}.hv-map-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600;margin-top:3px}.hv-map-controls{display:flex;flex-wrap:wrap;gap:8px}.hv-map-controls input,.hv-map-controls select{flex:1 1 120px;min-width:0}.hv-map-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px}.hv-map-list-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;border:1px solid transparent}.hv-map-list-item:hover{background:var(--g50)}.hv-map-list-item.active{border-color:var(--p500);background:var(--p50)}.hv-map-list-photo{width:34px;height:34px;border-radius:8px;object-fit:cover;background:var(--g100);flex-shrink:0}.hv-map-list-name{font-size:.8rem;font-weight:600;line-height:1.2}.hv-map-list-meta{font-size:.7rem;color:var(--ink2)}.hv-map-overlay{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:5}.hv-map-ovbtn{width:38px;height:38px;border-radius:50%;border:none;background:#fff;box-shadow:var(--shm);cursor:pointer;font-size:1rem;display:grid;place-items:center}.hv-map-actions{display:flex;gap:8px;margin-top:10px}.hv-map-actions .btn{flex:1;padding:14px 10px;font-size:.95rem}@media(max-width:900px){.hv-map-layout{grid-template-columns:1fr}.hv-map-canvas{height:420px}.hv-map-list{max-height:240px}}@media(max-width:480px){.hv-map-canvas{height:340px}}:root{--primary-100: #FFD9C7;--primary-300: #F79065;--primary-500: #E85D2A;--primary-600: #C44A1C;--primary-700: #9E3A13;--paper: #FCFAF7;--surface: #FFFFFF;--warm-50: #F7F2ED;--warm-100: #EFE8E1;--warm-200: #E4D9CF;--warm-300: #CFC2B5;--ink: #2C261F;--ink-soft: #62574A;--ink-muted: #978878;--r-md: 14px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(74,27,8,.04), 0 2px 6px rgba(74,27,8,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;height:100%}body{font-family:Sarabun,system-ui,sans-serif;background:var(--paper);color:var(--ink);height:100%;-webkit-font-smoothing:antialiased}.num{font-family:Inter,system-ui,sans-serif;font-feature-settings:"tnum" 1}app-login{display:block;height:100dvh;overflow-y:auto}.ss-screen{display:flex;min-height:calc(100dvh - 66px)}.brand-panel{width:46%;flex:0 0 auto;background:linear-gradient(150deg,var(--primary-500),var(--primary-700));color:#fff;padding:48px 52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.deco-circle-lg{position:absolute;width:420px;height:420px;border-radius:50%;background:#ffffff14;top:-120px;right:-120px;pointer-events:none}.deco-circle-sm{position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff0f;bottom:-60px;left:-80px;pointer-events:none}.brand-logo{display:flex;align-items:center;gap:14px;position:relative}.brand-logo-box{width:54px;height:54px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000001f;flex-shrink:0}.brand-logo-box svg{width:30px;height:30px;stroke:var(--primary-500);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-logo-name{font-size:18px;font-weight:700;line-height:1.25}.brand-logo-sub{font-size:12.5px;opacity:.82;margin-top:2px;font-weight:400}.brand-body{position:relative}.brand-headline{font-size:38px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.brand-tagline{font-size:16.5px;font-weight:300;opacity:.92;line-height:1.6;margin-top:16px;max-width:380px}.brand-stats{display:flex;gap:22px;margin-top:36px}.brand-stat-num{font-family:Inter,sans-serif;font-size:26px;font-weight:600;line-height:1}.brand-stat-label{font-size:13px;opacity:.85;margin-top:4px}.brand-mesh{position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 400px at 88% 8%,rgba(255,255,255,.2),transparent 60%),radial-gradient(480px 420px at 0% 100%,rgba(255,190,140,.22),transparent 62%),radial-gradient(340px 340px at 78% 92%,rgba(180,50,10,.28),transparent 60%)}.brand-logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff;margin-bottom:34px}.brand-logo-img{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 6px 18px #00000047,0 0 0 2px #ffffff40}.brand-logo-img img{width:100%;height:100%;object-fit:cover;display:block}.brand-logo-name{display:block;font-size:1.35rem;font-weight:800;line-height:1.1;letter-spacing:-.3px}.brand-logo-sub{display:block;font-size:12px;opacity:.8;margin-top:2px;font-weight:400}.brand-feats{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:13px}.brand-feats li{display:flex;align-items:flex-start;gap:11px;font-size:.98rem;line-height:1.5;opacity:.96}.bf-ic{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#fff3;font-size:.72rem;font-weight:800;margin-top:1px}.form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:radial-gradient(760px 520px at 100% 0%,rgba(232,93,42,.055),transparent 60%),radial-gradient(600px 500px at 0% 100%,rgba(232,93,42,.04),transparent 62%),var(--surface)}.form-card{width:100%;max-width:420px;background:#ffffffdb;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:34px 32px 30px;box-shadow:0 22px 60px #4a1b0821,0 2px 10px #4a1b080f}.ss-trust{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:18px}.ss-trust-chip{font-size:.71rem;font-weight:600;color:var(--ink3,#8a7f73);background:var(--w50,#faf6ef);border:1px solid var(--w100,#efe8e1);border-radius:999px;padding:5px 11px;white-space:nowrap}.form-title{font-size:30px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.form-subtitle{font-size:15px;color:var(--ink-soft);margin-top:6px}.form-error{display:none;background:#fbeae7;border:1px solid #F5BDB8;border-radius:var(--r-md);padding:12px 14px;margin-top:20px;font-size:14px;color:#7a2319;flex-direction:column;gap:8px}.form-error.show{display:flex}.form-error-row{display:flex;align-items:flex-start;gap:10px}.form-error svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;stroke:#c0392b;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.attempt-counter{display:none;flex-direction:column;gap:4px;padding:8px 10px;background:#d02c1e14;border-radius:7px;border:1px solid #F5BDB8}.attempt-counter.show{display:flex}.attempt-info{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#7a2319}.attempt-bar-wrap{height:5px;background:#d02c1e26;border-radius:999px;overflow:hidden}.attempt-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#e85d2a,#d85c4e);transition:width .4s ease}.ss-label{display:block;font-size:13.5px;font-weight:500;color:var(--ink-soft);margin-bottom:7px}.ss-field{position:relative}.ss-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--ink-muted);pointer-events:none;display:flex;align-items:center;justify-content:center}.ss-field-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ss-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s}.ss-eye:hover{color:var(--ink-soft)}.ss-eye svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ss-input{width:100%;font-size:15px;font-family:Sarabun,sans-serif;color:var(--ink);background:var(--warm-50);border:1.5px solid var(--warm-100);border-radius:var(--r-md);padding:13px 16px 13px 44px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.ss-input:focus{border-color:var(--primary-300);background:var(--surface);box-shadow:0 0 0 4px var(--primary-100)}.ss-input::placeholder{color:var(--ink-muted)}.ss-input.has-eye{padding-right:44px}.ss-input.error{border-color:#d85c4e;background:#fdf2f1}.ss-input.error:focus{box-shadow:0 0 0 4px #fbeae7}.pw-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.forgot-link{font-size:13px;font-weight:500;color:var(--primary-600);text-decoration:none;cursor:pointer;transition:opacity .15s}.forgot-link:hover{opacity:.75}.remember-label{display:flex;align-items:center;gap:10px;margin-top:18px;cursor:pointer;font-size:14px;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.remember-label input[type=checkbox]{display:none}.ss-check{width:19px;height:19px;border-radius:6px;flex-shrink:0;border:1.5px solid var(--warm-200);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.ss-check svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .15s}.remember-label input:checked~.ss-check{background:var(--primary-500);border-color:var(--primary-500)}.remember-label input:checked~.ss-check svg{opacity:1}.ss-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;font-family:Sarabun,sans-serif;font-weight:500;font-size:16px;color:#fff;background:var(--primary-500);border:none;border-radius:var(--r-pill);padding:15px 28px;cursor:pointer;box-shadow:0 2px 8px #e85d2a47;transition:background .16s,box-shadow .16s,transform .1s}.ss-btn-primary:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 14px #e85d2a61}.ss-btn-primary:active:not(:disabled){transform:scale(.98)}.ss-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ss-btn-primary svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ss-btn-primary .spin{animation:spin .8s linear infinite}.ss-divider{display:flex;align-items:center;gap:14px;margin:24px 0}.ss-divider-line{flex:1;height:1px;background:var(--warm-200)}.ss-divider-text{font-size:13px;color:var(--ink-muted)}.ss-btn-google{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;font-family:Sarabun,sans-serif;font-weight:500;font-size:15px;color:var(--ink);background:var(--surface);border:1.5px solid var(--warm-200);border-radius:var(--r-pill);padding:13px 20px;cursor:pointer;transition:background .15s,border-color .15s}.ss-btn-google:hover{background:var(--warm-50);border-color:var(--warm-300)}.google-icon{width:20px;height:20px;flex-shrink:0}#google-btn-wrap{width:100%;display:flex;justify-content:center}#google-gsi-container iframe{border-radius:var(--r-pill)!important}#google-gsi-container>div{width:100%!important}.form-footer{text-align:center;font-size:13.5px;color:var(--ink-muted);margin-top:24px}.form-footer a{color:var(--primary-600);font-weight:500;text-decoration:none;cursor:pointer}.form-footer a:hover{text-decoration:underline}@media(max-width:768px){.ss-screen{flex-direction:column;min-height:calc(100dvh - 66px);height:auto}.brand-panel{width:100%;flex:0 0 auto;padding:26px 24px 30px}.brand-logo{margin-bottom:16px}.brand-headline{font-size:25px}.brand-tagline,.brand-feats{display:none}.brand-body{margin-top:0}.deco-circle-lg{width:280px;height:280px;top:-80px;right:-80px}.deco-circle-sm{display:none}.form-panel{flex:0 0 auto;align-items:stretch;padding:24px 18px 44px}.form-card{max-width:100%;margin:0 auto;padding:26px 20px 24px}}.swal2-container{z-index:99999}.ss-swal{font-family:Sarabun,system-ui,sans-serif!important;border-radius:16px!important;padding:22px 22px 18px!important;box-shadow:0 20px 60px #00000038!important}.ss-swal .swal2-title{font-size:1.2rem;font-weight:800;color:var(--ink)}.ss-swal .swal2-html-container{color:var(--ink2);font-size:.92rem}.ss-swal .swal2-actions{gap:8px;margin-top:14px}.dark .ss-swal{background:var(--card)}.ss-toast{font-family:Sarabun,system-ui,sans-serif!important;border-radius:14px!important;padding:13px 18px 13px 16px!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid rgba(255,255,255,.65)!important;border-left-width:4px!important;box-shadow:0 12px 38px #1f140a29,0 2px 8px #1f140a14!important}.ss-toast .swal2-title{font-size:.92rem;font-weight:700;margin:0;color:#2c261f}.ss-toast:has(.swal2-success){border-left-color:#16a34a!important}.ss-toast:has(.swal2-error){border-left-color:#dc2626!important}.ss-toast:has(.swal2-warning){border-left-color:#d97706!important}.ss-toast:has(.swal2-info){border-left-color:#e85d2a!important}.ss-toast .swal2-timer-progress-bar{height:3px;border-radius:3px;opacity:.8;background:linear-gradient(90deg,#e85d2a,#f1864f)}@keyframes ssToastUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes ssToastSide{0%{opacity:0;transform:translate(22px) scale(.98)}to{opacity:1;transform:none}}@keyframes ssToastOut{to{opacity:0;transform:translateY(8px) scale(.97)}}.ss-toast-in{animation:ssToastSide .34s cubic-bezier(.21,1.02,.73,1) both}@media(max-width:820px){.ss-toast-in{animation-name:ssToastUp}}.ss-toast-out{animation:ssToastOut .22s ease-in both}@media(prefers-reduced-motion:reduce){.ss-toast-in,.ss-toast-out{animation:none!important}}.dark .ss-toast{background:#221d18e6!important;border-color:#ffffff1a!important}.dark .ss-toast .swal2-title{color:var(--ink)}@media(max-width:820px){.swal2-container.swal2-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}body:has(.btm-nav) .swal2-container.swal2-bottom{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}}@media(max-width:1024px){.card{-webkit-overflow-scrolling:touch}}@media(max-width:820px){[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr)!important}.sec-hd{flex-wrap:wrap;gap:10px}.filter-bar,.search-bar{flex-wrap:wrap}.filter-bar .fg,.search-bar .fg{flex:1 1 140px;min-width:0}}@media(max-width:560px){[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}.modal{width:100%!important;max-width:100%!important}.sec-hd>div:last-child{width:100%;display:flex;gap:8px;flex-wrap:wrap}.card>table,.att-table,.tbl{display:block;overflow-x:auto;white-space:nowrap}.page{padding-bottom:72px}}.att-status-cell{min-width:330px}.att-note-cell{min-width:150px;max-width:200px}@media(max-width:820px){.att-status-cell{min-width:240px}}@media(max-width:640px){.att-roster-head{display:none!important}.att-check-row{flex-wrap:wrap;align-items:flex-start;padding:12px;gap:8px}.att-check-row>span:first-child{display:none}.att-check-row .att-status-cell{min-width:0!important;width:100%}.att-check-row .att-note-cell{min-width:0!important;max-width:none!important;width:100%}.att-check-row .att-status-cell button{flex:1 1 auto;justify-content:center}.att-status-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:640px){.filter-bar>.fg:last-child{width:100%}.filter-bar>.fg:last-child>div{display:flex;flex-wrap:wrap;width:100%}.filter-bar>.fg:last-child .btn{flex:1 1 auto;justify-content:center}.att-tabs .att-tab{padding:9px 12px}}.att-day-hdr.wkend{color:#e06b6b;background:#fdeeee}.att-day-cell.weekend{background:#fdf2f2!important}.att-day-hdr.today{background:#dcfce7!important;color:#16a34a!important;border-radius:5px 5px 0 0}.att-day-cell.today{background:#f0fdf4!important}.att-day-hdr.holiday{color:#dc2626!important;background:#fee2e2!important}.att-day-cell.holiday{background:#fef2f2!important;cursor:default}.hv-stepper{display:flex;gap:4px;overflow-x:auto;padding:10px 0 14px}.hv-step{flex:1;min-width:96px;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;cursor:pointer;padding:4px 2px}.hv-step-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.92rem;background:#e5e7eb;color:#6b7280;border:2px solid transparent;transition:.15s}.hv-step-label{font-size:.62rem;color:#9ca3af;text-align:center;line-height:1.25;max-width:104px}.hv-step.active .hv-step-num{background:var(--p500,#e85d2a);color:#fff;box-shadow:0 0 0 4px #e85d2a29}.hv-step.active .hv-step-label{color:var(--p500,#e85d2a);font-weight:700}.hv-step.done .hv-step-num{background:#16a34a;color:#fff}.hv-step.done .hv-step-label{color:#16a34a}.hv-stu-card{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fff7f3,#eef4fb);border:1px solid var(--w200,#e5e7eb);border-radius:12px;padding:16px;margin-bottom:1.1rem}.hv-stu-avatar{position:relative;overflow:hidden;width:84px;height:84px;border-radius:14px;background:var(--p500,#e85d2a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:800;flex-shrink:0}.hv-stu-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hv-stu-initial{z-index:1}.hv-stu-cam{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;font-size:.6rem;background:#00000073;opacity:0;transition:opacity .15s}.hv-stu-avatar:hover .hv-stu-cam{opacity:1}@media(max-width:640px){.hv-stu-card{flex-direction:column;align-items:center;text-align:center}}.hv-panel{border:1px solid #ece4d6;border-radius:12px;overflow:hidden;margin-bottom:1.1rem}.hv-panel-hd{display:flex;align-items:center;gap:8px;padding:11px 16px;background:linear-gradient(90deg,#fbeee4,#fdf7f0);border-bottom:1px solid #f0e3d3;font-weight:800;color:#c0521f;font-size:.92rem}.hv-panel-hd .sub{font-weight:400;color:var(--ink3);font-size:.76rem}.hv-panel-bd{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.hv-row{display:flex;align-items:flex-start;gap:14px}.hv-row-label{flex:0 0 150px;font-size:.9rem;font-weight:700;color:var(--ink,#1f2937);padding-top:7px;line-height:1.3}.hv-row-fields{flex:1;display:flex;gap:10px;min-width:0}.hv-row-fields>*{min-width:0}.hv-panel .fi,.hv-panel .fsel,.hv-row .fi,.hv-row .fsel{background:#faf4ec;border:1px solid #e7dcca}@media(max-width:640px){.hv-row{flex-direction:column;align-items:stretch;gap:5px}.hv-row-label{flex:none;font-weight:600}.hv-row-fields{flex-wrap:wrap}.hv-row-fields>select[style*="140px"]{flex:1 1 100%!important}}.hero-superadmin{--hero-g1: #4C1D95;--hero-g2: #7C3AED;--hero-g3: #9F67FA;--hero-glow: 124,58,237}.hero-admin{--hero-g1: #1E40AF;--hero-g2: #2F6BEA;--hero-g3: #5B8DF6;--hero-glow: 47,107,234}.hero-exec{--hero-g1: #0F766E;--hero-g2: #0D9488;--hero-g3: #2BBBA8;--hero-glow: 13,148,136}.hero-head{--hero-g1: #3730A3;--hero-g2: #4F46E5;--hero-g3: #7B74F0;--hero-glow: 79,70,229}.hero-staff{--hero-g1: #334155;--hero-g2: #64748B;--hero-g3: #8A9AB0;--hero-glow: 100,116,139}.hero-student{--hero-g1: #15803D;--hero-g2: #16A34A;--hero-g3: #3FC96C;--hero-glow: 22,163,74}.hero-parent{--hero-g1: #9D174D;--hero-g2: #DB2777;--hero-g3: #F06CAC;--hero-glow: 219,39,119}.hero-guest{--hero-g1: #0F172A;--hero-g2: #334155;--hero-g3: #64748B;--hero-glow: 100,116,139}.sig-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px}.sig-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--rlg);text-decoration:none;background:var(--surface,#fff);border:1px solid var(--w100);border-left:4px solid var(--w300);transition:box-shadow .15s,transform .1s}.sig-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.sig-card.sig-ok{border-left-color:var(--g500)}.sig-card.sig-warn{border-left-color:var(--y500)}.sig-card.sig-alert{border-left-color:var(--r500);background:var(--r50)}.sig-ic{font-size:1.5rem;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--w50)}.sig-card.sig-alert .sig-ic{background:#fff}.sig-body{flex:1;min-width:0}.sig-val{font-size:1.35rem;font-weight:800;color:var(--ink);font-family:Inter,Sarabun;line-height:1.1}.sig-val small{font-size:.72rem;font-weight:600;color:var(--ink3)}.sig-lbl{font-size:.76rem;color:var(--ink2);font-weight:600;margin-top:2px}.sig-go{color:var(--ink3);font-size:1.1rem;flex-shrink:0}.sig-card.sig-alert .sig-val{color:var(--r700)}.guest-note{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;font-size:.84rem;color:var(--ink2)}.guest-note .gn-ic{font-size:1.2rem;flex-shrink:0}.sd-actbar{height:6px;background:var(--w100);border-radius:99px;overflow:hidden;margin-bottom:3px;max-width:140px}.sd-actbar>span{display:block;height:100%;background:linear-gradient(90deg,var(--p600),var(--p300));border-radius:99px}.hv-list-cards{display:none}@media(max-width:640px){.hv-list-tblwrap{display:none}.hv-list-cards{display:flex;flex-direction:column;gap:10px}.hv-lc{background:var(--card,#fff);border:1px solid var(--bd,#efe8e1);border-radius:14px;padding:13px 14px;box-shadow:0 1px 2px #4a1b080a,0 2px 6px #4a1b080d}.hv-lc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hv-lc-name{font-weight:700;color:var(--ink,#2c261f);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hv-lc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.76rem;margin:6px 0 8px}.hv-lc .hv-list-bar{margin:0 0 10px}.hv-lc-actions{display:flex;gap:8px}.hv-lc-actions .btn{min-height:38px}.hv-lc-empty{text-align:center;padding:28px;color:var(--ink3);background:var(--card,#fff);border:1px solid var(--bd,#efe8e1);border-radius:14px}}.hv-actionbar{position:sticky;bottom:10px;z-index:30;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.6);background:#ffffffe0;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);box-shadow:0 10px 32px #1f140a24,0 2px 8px #1f140a0f}.dark .hv-actionbar{background:#221d18e6;border-color:#ffffff14}.hv-actionbar .btn{white-space:nowrap}.hv-ab-right{display:flex;gap:8px;flex:1;justify-content:flex-end;flex-wrap:wrap}.hv-ab-primary{box-shadow:0 6px 16px #e85d2a52}@media(max-width:820px){.hv-actionbar{position:fixed;left:0;right:0;bottom:calc(47px + env(safe-area-inset-bottom));margin:0;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;z-index:390}body:has(.hv-actionbar) .page{padding-bottom:calc(200px + env(safe-area-inset-bottom))!important}}@media(max-width:640px){.hv-actionbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px}.hv-ab-right{display:contents}.hv-actionbar .btn{min-height:42px;font-size:.82rem;padding:8px 6px}.hv-ab-primary{grid-column:1 / -1;min-height:48px!important;font-size:.95rem!important;font-weight:800}}.hv-mem-tbl{width:100%;border-collapse:collapse;min-width:1180px;font-size:.82rem}.hv-mem-tbl thead th{background:#f7f2ea;color:var(--ink2);font-weight:700;font-size:.72rem;padding:8px 6px;border:1px solid #eee3d3;text-align:center;line-height:1.25;vertical-align:middle}.hv-mem-tbl thead th.grp{background:#f1e8da}.hv-mem-tbl tbody td{padding:7px 6px;border:1px solid #f0ece4;vertical-align:middle}.hv-mem-tbl tbody tr:nth-child(2n) td{background:#fcfaf6}.hv-mem-tbl .fi,.hv-mem-tbl .fsel{background:#faf4ec;border:1px solid #e7dcca;width:100%;min-width:90px}.hv-mem-tbl input[type=checkbox]{width:17px;height:17px}.cid-input-ok{border-color:#16a34a!important}.cid-input-bad{border-color:#dc2626!important}.cid-ok{color:#16a34a;font-size:.66rem;margin-top:2px}.cid-bad{color:#dc2626;font-size:.66rem;margin-top:2px}.cid-warn{color:#9ca3af;font-size:.66rem;margin-top:2px}.hv-radio,.hv-chk{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;cursor:pointer}.hv-radio input,.hv-chk input{width:16px;height:16px;flex-shrink:0;cursor:pointer}.hv-radio input:disabled,.hv-chk input:disabled{cursor:not-allowed}.hv-rel-tbl{width:100%;border-collapse:collapse;min-width:620px;font-size:.85rem}.hv-rel-tbl thead th{background:#f7f2ea;color:var(--ink2);font-weight:700;font-size:.78rem;padding:9px 14px;border:1px solid #eee3d3}.hv-rel-tbl tbody td{padding:9px 14px;border:1px solid #f0ece4}.hv-rel-tbl tbody tr:nth-child(odd) td{background:#fdf6ee}.hv-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:22px 16px;border:1px dashed rgba(232,93,42,.55);border-radius:16px;background:linear-gradient(180deg,#fffaf5f5,#fffffffa);box-shadow:inset 0 1px #ffffffbf;cursor:pointer;text-align:center;font-size:.95rem;color:var(--ink2);transition:transform .15s ease,border-color .15s ease,background .15s ease}.hv-dropzone:hover,.hv-dropzone:focus-visible{border-color:var(--p500,#e85d2a);background:#ffede3fa;transform:translateY(-1px)}.hv-dropzone:focus-visible{outline:3px solid rgba(232,93,42,.25);outline-offset:4px}.hv-dropzone-icon{font-size:2rem}.hv-dropzone-text{display:block;line-height:1.4}.hv-dropzone-subtext{font-size:.75rem;color:var(--ink3)}.hv-dropzone input[type=file]{display:none}.hv-sigpad{width:100%;height:180px;border:1px solid #d8d2c6;border-radius:8px;background:#fff;touch-action:none;cursor:crosshair;display:block}.fi.hv-invalid,.fsel.hv-invalid,select.hv-invalid,input.hv-invalid,textarea.hv-invalid,.card.hv-invalid,.hv-panel.hv-invalid,.hv-sigpad.hv-invalid{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261f}.hv-row-label.hv-invalid{color:#dc2626}.hv-map-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;background:none;border:0;border-bottom:1px solid var(--w50,#f1ece3);border-radius:8px;cursor:pointer;transition:.12s}.hv-map-item:hover{background:var(--w50,#faf6ef)}.hv-map-item.sel{background:var(--p50,#fcebe3);box-shadow:inset 3px 0 0 var(--p500,#e85d2a)}.hv-status-dot{flex-shrink:0;width:13px;height:13px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0000001f}.hv-list-bar{height:7px;border-radius:4px;background:#eceae6;overflow:hidden;margin:5px 0 2px;max-width:150px}.hv-list-bar-fill{height:100%;border-radius:4px;transition:width .3s}.pf-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.pf-left{display:flex;flex-direction:column;gap:16px}.pf-idcard{padding:22px 16px;text-align:center}.pf-avatar{width:120px;height:120px;border-radius:18px;object-fit:cover;margin:0 auto 10px;display:block;box-shadow:0 4px 14px #0000001f}.pf-avatar-init{display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--p500,#e85d2a),#f0833f)}.pf-name{font-weight:700;font-size:1.05rem}.pf-sub{color:var(--ink3);font-size:.84rem;margin-top:2px}.pf-card-hd{font-weight:700;font-size:.92rem;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--w100,#ece6da)}.pf-acc{display:flex;flex-direction:column;gap:10px}.pf-acc-row{display:flex;justify-content:space-between;align-items:center;font-size:.86rem}.pf-acc-row>span:first-child{color:var(--ink3)}.pf-right{padding:0;overflow:hidden}.pf-tabs{display:flex;border-bottom:1px solid var(--w100,#ece6da);overflow-x:auto}.pf-tab{flex:1;min-width:max-content;padding:14px 18px;background:none;border:0;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;color:var(--ink3);white-space:nowrap;transition:.15s}.pf-tab:hover{color:var(--p600,#c0521f);background:var(--w50,#faf6ef)}.pf-tab.active{color:var(--p600,#c0521f);border-bottom-color:var(--p500,#e85d2a)}.pf-body{padding:20px 24px}.pf-grp{font-weight:700;color:var(--p600,#c0521f);font-size:.9rem;margin:18px 0 8px}.pf-grp:first-child{margin-top:0}.pf-row{display:flex;gap:16px;padding:9px 0;border-bottom:1px dashed var(--w100,#ece6da);font-size:.9rem}.pf-row:last-child{border-bottom:0}.pf-lbl{flex:0 0 190px;color:var(--ink3)}.pf-val{flex:1;font-weight:500;word-break:break-word}.pf-pdpa-note{display:flex;gap:6px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.76rem;padding:8px 12px;border-radius:8px;margin-bottom:14px;line-height:1.5}.pf-pdpa{display:inline-block;margin-left:8px;font-size:.62rem;font-weight:700;color:#c0521f;background:#fcebe3;border:1px solid #f3c9b8;border-radius:6px;padding:1px 6px;vertical-align:middle;white-space:nowrap}.seg-tabs{display:flex;gap:4px;background:var(--w50,#f6f1e9);border:1px solid var(--w100,#ece6da);border-radius:14px;padding:5px;margin:12px 0 16px;overflow-x:auto}.seg-tab{flex:1;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border:0;background:transparent;border-radius:10px;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--ink3,#8a8178);white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.seg-tab:hover{color:var(--ink2,#5a5249)}.seg-tab.active{background:#fff;color:var(--p500,#e85d2a);box-shadow:0 2px 8px #00000014}:root.dark .seg-tab.active{background:var(--surf,#2a2520)}.grad-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}.grad-kpi{display:flex;align-items:center;gap:14px;border-radius:16px;padding:18px 20px;color:#fff;box-shadow:0 6px 18px #00000021}.grad-kpi-ic{width:50px;height:50px;border-radius:13px;background:#ffffff38;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.grad-kpi-n{font-family:Inter,sans-serif;font-size:2rem;font-weight:800;line-height:1;color:#fff}.grad-kpi-l{font-size:.82rem;opacity:.93;margin-top:4px}.grad-blue{background:linear-gradient(135deg,#4f9bf5,#2563eb)}.grad-green{background:linear-gradient(135deg,#34d27f,#16a34a)}.grad-red{background:linear-gradient(135deg,#f87a72,#dc2626)}.grad-orange{background:linear-gradient(135deg,#fba94c,#e85d2a)}.grad-purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.ac-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;cursor:pointer;text-align:left}.ac-trigger .ac-ph{color:var(--ink3,#9ca3af)}.ac-caret{color:var(--ink3);font-size:.8rem;flex-shrink:0}.ac-backdrop{position:fixed;inset:0;z-index:40}.ac-panel{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:50;background:var(--surf,#fff);border:1px solid var(--w100,#ece6da);border-radius:12px;box-shadow:0 12px 32px #00000029;overflow:hidden}.ac-search{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--w100,#ece6da)}.ac-search input{border:0;outline:none;background:transparent;flex:1;font-size:.88rem;color:inherit}.ac-list{max-height:280px;overflow:auto;padding:4px}.ac-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:9px 12px;border:0;background:none;border-radius:8px;cursor:pointer;text-align:left}.ac-item:hover{background:var(--w50,#faf6ef)}.ac-item.sel{background:var(--p50,#fcebe3)}.ac-name{font-weight:600;font-size:.9rem;color:var(--ink,#3a342e)}.ac-no{font-size:.74rem;color:var(--ink3)}.ac-empty{padding:16px;text-align:center;color:var(--ink3);font-size:.85rem}.bv-rkpi{display:flex;align-items:flex-start;gap:14px;background:var(--surf,#fff);border:1px solid var(--w100,#ece6da);border-radius:16px;padding:18px 20px;box-shadow:var(--sh,0 1px 3px rgba(0,0,0,.06))}.bv-rkpi-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.bv-rkpi-n{font-family:Inter,sans-serif;font-size:2rem;font-weight:800;line-height:1}.bv-rkpi-l{font-size:.8rem;color:var(--ink3);margin-top:5px}.bv-tbl tr.bv-self td{background:var(--p50,#fcebe3);font-weight:600}.hl-bmi-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:.8rem;color:var(--ink3)}.hl-in{width:96px;text-align:center;padding:6px 8px}.sm-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.sm-tbl th,.sm-tbl td{padding:9px 10px;vertical-align:middle}.sm-tbl tbody tr:hover td{background:var(--w50,#faf6ef)}.sm-cell{width:16px;height:16px;border-radius:50%;border:2px solid var(--w200,#d8d2c6);background:transparent;cursor:pointer;padding:0;transition:.12s;flex-shrink:0}.sm-cell.on{border-color:transparent}.sm-cell:hover{transform:scale(1.18)}.sm-layout{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:start}.sm-rolelist{display:flex;flex-direction:column;gap:2px;max-height:60vh;overflow:auto}.sm-role{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;background:none;border-radius:8px;cursor:pointer;font-size:.84rem;color:var(--ink2,#5a5249)}.sm-role:hover{background:var(--w50,#faf6ef)}.sm-role.active{background:var(--p50,#fcebe3);box-shadow:inset 3px 0 0 var(--p500,#e85d2a);color:var(--p600,#c0521f)}@media(max-width:760px){.sm-layout{grid-template-columns:1fr}.sm-rolelist{flex-direction:row;flex-wrap:wrap;max-height:none}}.att-sel{appearance:none;-webkit-appearance:none;border:1.5px solid var(--w200,#e0dad2);border-radius:10px;padding:8px 34px 8px 13px;font-family:Sarabun,system-ui,sans-serif;font-size:.86rem;font-weight:700;color:var(--ink,#2c261f);background-color:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23E85D2A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;min-width:130px}.att-sel:hover{border-color:var(--p300,#f5a07a)}.att-sel:focus{outline:none;border-color:var(--p500,#e85d2a);box-shadow:0 0 0 3px #e85d2a29}.sid-themes{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sid-sw{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--w200,#e0dad2);cursor:pointer;padding:0;display:grid;place-items:center;font-size:.85rem;position:relative}.sid-sw.on{box-shadow:0 0 0 2px var(--p500,#E85D2A);transform:scale(1.12)}.sid-custom{background:#fff!important}.sid-card{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000002e;border:1px solid var(--w100,#ece6da);background:#fff;max-width:420px;margin:0 auto}.sid-head{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff}.sid-logo{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#ffffffe6;flex-shrink:0}.sid-logo-ph{display:grid;place-items:center;font-size:1.5rem}.sid-school-th{font-weight:800;font-size:1.02rem;line-height:1.2}.sid-school-en{font-size:.72rem;opacity:.92}.sid-cardtype{font-size:.64rem;opacity:.9;letter-spacing:.5px;margin-top:3px}.sid-body{display:flex;gap:14px;padding:16px;align-items:flex-start}.sid-photo{width:84px;height:104px;border-radius:10px;object-fit:cover;border:1px solid var(--w200,#e0dad2);flex-shrink:0}.sid-photo-ph{display:grid;place-items:center;font-size:2.4rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#9ca3af,#6b7280)}.sid-info{flex:1;min-width:0}.sid-id{font-family:Inter,sans-serif;font-weight:800;font-size:1.2rem}.sid-name-th{font-weight:800;font-size:1.05rem;margin-top:2px}.sid-name-en{font-size:.8rem;color:var(--ink3,#9b9387);margin-bottom:6px}.sid-row{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;padding:2px 0;border-top:1px dashed var(--w100,#ece6da)}.sid-row span{color:var(--ink3,#9b9387)}.sid-qr{text-align:center;flex-shrink:0}.sid-qr img{width:84px;height:84px}.sid-qr-ph{width:84px;height:84px;background:#f3f4f6;border-radius:8px;display:grid;place-items:center;color:var(--ink3)}.sid-qr-cap{font-size:.62rem;color:var(--ink3,#9b9387);margin-top:3px}@media print{body *{visibility:hidden!important}#idcard-print,#idcard-print *{visibility:visible!important}#idcard-print{position:fixed;left:50%;top:40px;transform:translate(-50%);width:420px;box-shadow:none}}.qr-modal{max-width:340px;width:min(340px,92vw);text-align:center;padding:28px 24px 22px;position:relative}.qr-x{position:absolute;top:14px;right:14px}.qr-name{font-weight:800;font-size:1.05rem;color:var(--ink,#2c261f)}.qr-id{font-size:.8rem;color:var(--ink3,#9b9387);margin-top:2px;margin-bottom:16px}.qr-imgwrap{display:grid;place-items:center}.qr-img{width:240px;height:240px;border-radius:10px;background:#fff;display:block}.qr-loading{width:240px;height:240px;display:grid;place-items:center;background:#f3f4f6;border-radius:10px}.qr-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.qr-hint{margin-top:12px;font-size:.72rem;color:var(--ink3,#9b9387)}.sv-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--w100,#ece6da);padding:0 16px;flex-shrink:0}.sv-tab{padding:11px 14px;border:0;background:none;cursor:pointer;font-weight:600;font-size:.82rem;color:var(--ink3,#9b9387);border-bottom:2px solid transparent;white-space:nowrap}.sv-tab.active{color:var(--p500,#E85D2A);border-bottom-color:var(--p500,#E85D2A)}.sv-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.sv-av{width:58px;height:58px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;font-weight:800;background:#eafaf0;color:#16a34a}.sv-name{font-size:1.15rem;font-weight:800}.sv-sub{font-size:.8rem;color:var(--ink3,#9b9387);margin-top:2px}.sv-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.sv-sec-hd{font-weight:700;font-size:.86rem;color:var(--p600,#c0521f);margin:14px 0 8px}.sv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.sv-fg{min-width:0}.sv-fl{font-size:.7rem;color:var(--ink3,#9b9387)}.sv-fv{font-size:.9rem;color:var(--ink,#2c261f);word-break:break-word}.sv-health{display:flex;gap:16px;justify-content:center;margin:8px 0 16px;flex-wrap:wrap}.sv-hcard{text-align:center;padding:20px 34px;border-radius:14px}.sv-hcard.blue{background:#eff6ff}.sv-hcard.blue .sv-hv{color:#2563eb}.sv-hcard.green{background:#eafaf0}.sv-hcard.green .sv-hv{color:#16a34a}.sv-hv{font-size:2rem;font-weight:800;font-family:Inter,Sarabun,sans-serif}.sv-hl{font-size:.76rem;color:var(--ink3,#9b9387);margin-top:2px}@media(max-width:520px){.sv-grid{grid-template-columns:1fr}}.pub-totop{position:fixed;bottom:30px;right:30px;z-index:60;width:54px;height:54px;border-radius:50%;cursor:pointer;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);background:linear-gradient(145deg,#f2733e,#c44a1c);box-shadow:0 12px 28px #e85d2a7a,0 3px 8px #4a1b082e,inset 0 1px #ffffff73;animation:pub-pop .32s cubic-bezier(.34,1.56,.64,1);transition:transform .2s ease,box-shadow .2s ease}.pub-totop svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.pub-totop:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(232,93,42,.35);opacity:0;transform:scale(.85);transition:.25s ease}.pub-totop:hover{transform:translateY(-5px) scale(1.07);box-shadow:0 18px 38px #e85d2a99,0 4px 10px #4a1b0833,inset 0 1px #ffffff8c}.pub-totop:hover svg{transform:translateY(-2px)}.pub-totop:hover:after{opacity:1;transform:scale(1)}.pub-totop:active{transform:translateY(-1px) scale(.97)}@keyframes pub-pop{0%{opacity:0;transform:translateY(16px) scale(.6)}to{opacity:1;transform:none}}app-register{display:block;height:100dvh;overflow-y:auto}app-activate{display:block;height:100dvh;overflow-y:auto}.act-wrap{min-height:calc(100dvh - 66px);display:flex;align-items:center;justify-content:center;padding:24px;background:var(--w50,#faf6ef)}.act-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--w100);border-radius:16px;padding:28px;box-shadow:var(--sh)}.act-card h2{font-size:1.5rem;font-weight:800}.act-email{margin-top:10px;padding:8px 12px;background:var(--w50,#faf6ef);border-radius:10px;font-family:Inter;font-size:.9rem;color:var(--p600,#c44d1f);font-weight:600}.act-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem}.act-hint{font-size:.74rem;margin-top:4px}.act-hint.err{color:#dc2626}.act-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;font-weight:800;margin:0 auto 12px;color:#fff}.act-ic.ok{background:#16a34a}.act-ic.err{background:#dc2626}app-privacy,app-terms{display:block;height:100dvh;overflow-y:auto;background:var(--w50,#faf8f5)}.legal{max-width:780px;margin:0 auto;padding:48px 24px 72px;font-family:Sarabun,system-ui,sans-serif;color:var(--ink2,#62574a);line-height:1.85}.legal h1{font-size:1.9rem;font-weight:800;color:var(--ink,#2c261f);margin-bottom:4px}.legal-updated{font-size:.82rem;color:var(--ink3,#978878);margin-bottom:26px}.legal h2{font-size:1.12rem;font-weight:800;color:var(--ink,#2c261f);margin:30px 0 8px}.legal p{font-size:.95rem;margin-bottom:10px}.legal ul{padding-left:22px;margin-bottom:10px}.legal li{font-size:.95rem;margin:5px 0}.legal a{color:var(--p600,#c44a1c)}.legal b{color:var(--ink,#2c261f)}@keyframes ssFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.fade-page{animation:ssFadeUp .6s cubic-bezier(.22,.61,.36,1) both}.fade-step{animation:ssFadeUp .42s cubic-bezier(.22,.61,.36,1) both}@media(prefers-reduced-motion:reduce){.fade-page,.fade-step{animation:none!important}}.btm-nav{display:none}@media(max-width:820px){.btm-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:400;background:var(--card,#fff);border-top:1px solid var(--bd,#ececec);padding:5px 2px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #00000012}.btm-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;background:none;border:0;cursor:pointer;text-decoration:none;color:var(--ink3,#8a8a8a);transition:color .15s;-webkit-tap-highlight-color:transparent}.btm-item.active{color:var(--p500,#e85d2a)}.btm-ic{display:flex;align-items:center;justify-content:center;height:24px}.btm-ic svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.btm-lbl{font-size:.62rem;font-weight:600;line-height:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{padding-bottom:72px!important}.dash-footer{padding-bottom:78px}.scroll-top-fab{bottom:82px!important}.btm-center{overflow:visible}.btm-fab{width:54px;height:54px;margin-top:-30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff8a4c,#e85d2a);border:4px solid var(--card,#fff);box-shadow:0 8px 20px #e85d2a73,inset 0 1px #ffffff4d;transition:transform .15s,box-shadow .15s}.btm-fab svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btm-fab img{width:100%;height:100%;border-radius:50%;object-fit:cover}.btm-item.active .btm-fab{transform:scale(1.06);box-shadow:0 10px 24px #e85d2a8c,inset 0 1px #ffffff4d}.btm-center .btm-lbl{color:var(--p500,#e85d2a);font-weight:700}.dark .btm-fab{border-color:var(--card,#221d18)}}.btm-menu-bg{position:fixed;inset:0;z-index:800;background:#140c0873;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:shFadeIn .2s ease}.btm-menu-sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:810;width:100%;max-width:680px;max-height:78dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--paper,#fcfaf7);border-radius:22px 22px 0 0;padding:8px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -16px 48px #00000047;animation:btmSheetUp .32s cubic-bezier(.22,.61,.36,1)}.btm-menu-handle{width:44px;height:5px;border-radius:99px;background:var(--w200,#e0dad2);margin:8px auto 2px}.dark .btm-menu-sheet{background:var(--card,#221d18)}@keyframes shFadeIn{0%{opacity:0}to{opacity:1}}@keyframes btmSheetUp{0%{transform:translate(-50%,48px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(prefers-reduced-motion:reduce){.btm-menu-bg,.btm-menu-sheet{animation:none}}.reg-page{min-height:100vh;background:var(--w50,#faf6ef);padding-bottom:40px}.reg-hero{background:linear-gradient(135deg,#c44a1c,#e85d2a 55%,#f2733e);color:#fff;text-align:center;padding:44px 20px 42px;position:relative;overflow:hidden}.reg-hero-mesh{position:absolute;inset:0;pointer-events:none;background:radial-gradient(460px 340px at 88% 0%,rgba(255,255,255,.22),transparent 60%),radial-gradient(420px 360px at 0% 100%,rgba(120,20,0,.28),transparent 62%)}.reg-hero>*{position:relative;z-index:1}.reg-hero-brand{font-size:1.5rem;font-weight:800;letter-spacing:-.4px;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.reg-hero-brand span{opacity:.82}.reg-home{position:absolute;left:18px;top:16px;color:#fff;text-decoration:none;font-size:.86rem;opacity:.9;z-index:2}.reg-home:hover{opacity:1;text-decoration:underline}.reg-hero h1{font-size:1.85rem;font-weight:800;margin:0 0 10px}.reg-hero p{max-width:620px;margin:0 auto;opacity:.95;line-height:1.7}.reg-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.reg-badge{background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600}.reg-wrap{max-width:720px;margin:-26px auto 0;padding:0 16px;position:relative;z-index:2}.reg-card{padding:0;overflow:hidden;box-shadow:0 18px 50px #4a1b0824,0 2px 8px #4a1b080f!important}.reg-stepbar{display:flex;align-items:flex-start;gap:0;padding:22px 20px 18px;border-bottom:1px solid var(--w100,#ece6da);background:var(--w50,#fdfaf5)}.reg-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:.82rem;font-weight:700;color:var(--ink3,#9b9387);position:relative;border:0;background:none}.reg-step:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:3px;border-radius:2px;background:var(--w200,#e0dad2);z-index:0}.reg-step:first-child:before{display:none}.reg-step.active,.reg-step.done{color:var(--p600,#c0521f)}.reg-step.active:before,.reg-step.done:before{background:linear-gradient(90deg,#e85d2a,#f2733e)}.reg-step-num{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;background:#fff;color:var(--ink3,#9b9387);border:2px solid var(--w200,#e0dad2);flex-shrink:0;position:relative;z-index:1;transition:.2s}.reg-step.active .reg-step-num{background:linear-gradient(145deg,#ff8a4c,#e85d2a);color:#fff;border-color:transparent;box-shadow:0 6px 14px #e85d2a66;transform:scale(1.05)}.reg-step.done .reg-step-num{background:#22a35a;color:#fff;border-color:transparent}.reg-sum-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reg-sum-card{border:1px solid var(--w100,#ece6da);border-radius:14px;overflow:hidden}.reg-sum-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;background:var(--w50,#fdfaf5);border-bottom:1px solid var(--w100,#ece6da);font-weight:800;color:var(--ink,#2c261f);font-size:.9rem}.reg-sum-ic{margin-right:2px}.reg-sum-edit{background:none;border:0;color:var(--p600,#c0521f);font-size:.76rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}.reg-sum-edit:hover{text-decoration:underline}.reg-sum-row{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;font-size:.85rem;border-bottom:1px solid var(--w50,#f4eee4)}.reg-sum-k{color:var(--ink3,#9b9387);flex-shrink:0}.reg-sum-v{color:var(--ink,#2c261f);font-weight:600;text-align:right;word-break:break-word}.reg-consent{text-align:center;font-size:.8rem;color:var(--ink3,#9b9387);margin:16px 0 4px;line-height:1.6}.reg-consent a{color:var(--p600,#c0521f);text-decoration:none}.reg-consent a:hover{text-decoration:underline}.reg-timeline{display:flex;flex-direction:column;gap:0;max-width:340px;margin:24px auto 8px;text-align:left}.reg-tl-step{display:flex;gap:13px;padding-bottom:18px;position:relative}.reg-tl-step:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--w200,#e0dad2)}.reg-tl-step.done:not(:last-child):before{background:#22a35a}.reg-tl-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:var(--w100,#ece6da);color:var(--ink3,#9b9387);z-index:1}.reg-tl-step.done .reg-tl-dot{background:#22a35a;color:#fff}.reg-tl-step.now .reg-tl-dot{background:linear-gradient(145deg,#ff8a4c,#e85d2a);color:#fff;box-shadow:0 4px 10px #e85d2a66}.reg-tl-txt{display:flex;flex-direction:column}.reg-tl-txt b{font-size:.9rem;color:var(--ink,#2c261f)}.reg-tl-txt span{font-size:.78rem;color:var(--ink3,#9b9387)}@media(max-width:560px){.reg-sum-groups{grid-template-columns:1fr}.reg-step{font-size:.72rem}.reg-hero h1{font-size:1.4rem}}.reg-body{padding:26px 28px 28px}.reg-sec-hd h3{font-size:1.2rem;font-weight:800;margin:0}.reg-sec-hd p{color:var(--ink3,#9b9387);font-size:.86rem;margin:4px 0 18px}.reg-req{color:#dc2626}.reg-hint{font-size:.74rem;color:var(--ink3,#9b9387);margin-top:4px}.fi-err{border-color:#dc2626!important;background:#fef2f2}.fi-err:focus{box-shadow:0 0 0 3px #dc262626}.reg-err-inline{font-size:.74rem;color:#dc2626;margin-top:4px;font-weight:500}.reg-err{background:#fdecea;border:1px solid #f5bdb8;color:#9b2c20;border-radius:8px;padding:10px 14px;font-size:.86rem;margin-bottom:16px}.reg-info{background:#fff5ef;border:1px solid #ffd9c2;color:#8a4a25;border-radius:8px;padding:11px 14px;font-size:.84rem;margin-bottom:16px}.reg-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--w100,#ece6da)}.reg-summary{background:var(--w50,#faf6ef);border:1px solid var(--w100,#ece6da);border-radius:12px;padding:8px 20px}.reg-sum-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--w100,#ece6da);font-size:.92rem}.reg-sum-row:last-child{border-bottom:0}.reg-sum-k{color:var(--ink3,#9b9387)}.reg-sum-v{font-weight:600;text-align:right}.reg-success{text-align:center;padding:48px 28px}.reg-success-icon{width:72px;height:72px;border-radius:50%;background:#eafaf0;color:#22a35a;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.reg-success h2{font-size:1.4rem;font-weight:800;margin:0}.reg-success p{color:var(--ink3,#9b9387);margin-top:10px;line-height:1.7}.reg-appid{display:inline-block;margin-top:18px;background:var(--p50,#fcebe3);color:var(--p600,#c0521f);font-weight:700;border-radius:999px;padding:9px 22px}.reg-appid-note{font-size:.78rem}.reg-foot{text-align:center;color:var(--ink3,#9b9387);font-size:.82rem;margin-top:18px}.reg-foot a{color:var(--p600,#c0521f);font-weight:600}@media(max-width:560px){.reg-hero h1{font-size:1.5rem}.reg-step{font-size:.76rem;padding:12px 4px;flex-direction:column;gap:4px}.reg-body{padding:18px}}.bv-tbl th,.bv-tbl td{padding:11px 16px;font-size:.88rem}.bv-mhd{color:#fff;font-weight:700;padding:11px 16px;font-size:.95rem}.bv-cat{font-weight:700;color:var(--ink2);font-size:.82rem;margin:12px 0 4px;padding-bottom:3px;border-bottom:1px dashed var(--w100,#ece6da)}.bv-cat:first-child{margin-top:0}.bv-rule{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.86rem}.bv-del{width:24px;height:24px;border:0;border-radius:6px;background:var(--w50,#faf6ef);color:#dc2626;cursor:pointer;font-size:.7rem;flex-shrink:0}.bv-del:hover{background:#fdecea}.bv-addrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--w100,#ece6da);align-items:center}.bv-addrow .fi{flex:1;min-width:90px}.bv-stucard{display:flex;align-items:center;gap:12px;background:var(--p50,#fcebe3);border:1px solid #f3d3c4;border-radius:12px;padding:12px 14px;margin-bottom:16px}.bv-stuav{width:48px;height:48px;border-radius:50%;background:var(--p500,#e85d2a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0}.bv-type{flex:1;padding:14px 12px;border:2px solid var(--w100,#ece6da);background:#fff;border-radius:12px;cursor:pointer;font-weight:700;font-size:.92rem;color:var(--ink2,#5a5249);transition:.15s}.bv-type:hover{border-color:#cfc7ba}.bv-type.act-pos{border-color:#16a34a;background:#eafaf0;color:#16a34a}.bv-type.act-neg{border-color:#dc2626;background:#fdecea;color:#dc2626}.bv-points-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eafaf0;border:1px solid #bbe7cb;border-radius:12px;padding:14px 18px}.bv-points-box.neg{background:#fdecea;border-color:#f5c4bd}.bv-points-box b{font-size:1.9rem;line-height:1;font-weight:800}.ssel{position:relative;width:100%}.ssel-ctl{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;height:38px;padding:0 12px;border:1.5px solid var(--w200,#e0dccf);border-radius:var(--rmd,10px);background:var(--surf,#fff);font-family:inherit;font-size:.85rem;color:var(--ink,#3a342e);cursor:pointer;text-align:left}.ssel-ctl:hover:not(:disabled){border-color:var(--p300,#f3a983)}.ssel-ctl:disabled{background:var(--w50,#faf6ef);cursor:not-allowed;opacity:.7}.ssel-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssel-val.ph{color:var(--ink3,#9a9488)}.ssel-arrow{color:var(--ink3,#9a9488);font-size:.7rem;flex-shrink:0}.ssel-pop{position:absolute;z-index:60;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--w100,#ece6da);border-radius:12px;box-shadow:0 10px 30px #00000029;overflow:hidden}.ssel-search{width:100%;border:0;border-bottom:1px solid var(--w100,#ece6da);padding:10px 12px;font-family:inherit;font-size:.85rem;outline:none}.ssel-list{max-height:240px;overflow:auto}.ssel-opt{padding:9px 12px;font-size:.85rem;cursor:pointer;color:var(--ink,#3a342e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssel-opt:hover{background:var(--p50,#fcebe3)}.ssel-opt.sel{background:var(--p50,#fcebe3);color:var(--p600,#c44d1f);font-weight:700}.ssel-opt.ssel-clear{color:var(--ink3,#9a9488);border-bottom:1px solid var(--w50,#faf6ef)}.ssel-sub{color:var(--ink3,#9a9488);font-size:.75rem;margin-left:6px}.ssel-empty{padding:14px 12px;text-align:center;color:var(--ink3,#9a9488);font-size:.82rem}.tbl th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .12s}.tbl th.th-sort:hover{color:var(--p500,#e85d2a)}.tbl th.th-sort .sicon{font-size:.82em;margin-left:2px;opacity:.4}.tbl th.th-sort.on .sicon{opacity:1;color:var(--p500,#e85d2a)}.bv-rt-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--w100,#ece6da)}.bv-search{display:flex;align-items:center;gap:6px;background:var(--w50,#faf6ef);border:1px solid var(--w100,#ece6da);border-radius:10px;padding:6px 12px}.bv-search input{border:0;background:transparent;outline:none;font-size:.86rem;width:200px;max-width:42vw;color:inherit}.bv-kebab{width:30px;height:30px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--ink3)}.bv-kebab:hover{background:var(--w50,#faf6ef)}.bv-menu{position:absolute;right:10px;top:100%;z-index:30;background:#fff;border:1px solid var(--w100,#ece6da);border-radius:10px;box-shadow:0 8px 24px #00000024;padding:5px;min-width:190px}.bv-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:7px;cursor:pointer;font-size:.86rem;color:var(--ink,#3a342e);white-space:nowrap}.bv-menu button:hover{background:var(--w50,#faf6ef)}.bv-menu button.danger{color:#dc2626}.bv-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--w100,#ece6da)}.bv-pg{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--w100,#ece6da);background:#fff;border-radius:8px;cursor:pointer;font-size:.84rem;color:var(--ink2,#5a5249)}.bv-pg:hover:not(:disabled){background:var(--w50,#faf6ef)}.bv-pg.act{background:var(--p500,#e85d2a);color:#fff;border-color:var(--p500,#e85d2a);font-weight:700}.bv-pg:disabled{opacity:.4;cursor:default}@media(max-width:820px){.pf-grid{grid-template-columns:1fr}.pf-lbl{flex-basis:130px}}.rep-kpi{border:1px solid var(--w100,#ece6da);border-top:4px solid #e85d2a;border-radius:10px;padding:12px 8px;text-align:center;background:#fff}.rep-kpi b{display:block;font-size:1.7rem;font-weight:800;line-height:1.1;font-family:Inter,Sarabun,sans-serif}.rep-kpi span{font-size:.74rem;color:var(--ink3)}.rep-tbl{width:100%;border-collapse:collapse}.rep-tbl th,.rep-tbl td{border:1px solid #e3ddd2;padding:6px 10px;font-size:.84rem}.rep-tbl th{background:#e85d2a;color:#fff;font-weight:600}.rep-tbl td.c,.rep-tbl th.c{text-align:center}.rep-tbl td.cg{text-align:center;background:#eafaf0;color:#16a34a;font-weight:600}.rep-tbl td.cp{text-align:center;background:#f3edfd;color:#7c3aed;font-weight:600}.rep-tbl td.cr{text-align:center;background:#fdecea;color:#dc2626;font-weight:600}.rep-tbl tr.rep-sub td{background:#fbe9e0;font-weight:700}.rep-tbl tr.rep-grand td{background:#f7d9cb;font-weight:800}.rep-secbar{background:#e85d2a;color:#fff;font-weight:700;padding:7px 12px;border-radius:6px 6px 0 0;font-size:.9rem}.rep-secbar2{background:#2563eb;color:#fff;font-weight:700;padding:6px 12px;font-size:.86rem}@media print{body *{visibility:hidden!important}.hv-print,.hv-print *{visibility:visible!important}.hv-print{position:absolute;left:0;top:0;width:100%;box-shadow:none!important;border:0!important;padding:0!important}.hv-noprint{display:none!important}.rep-tbl th,.rep-kpi,.rep-secbar,.rep-secbar2,.rep-tbl td.cg,.rep-tbl td.cp,.rep-tbl td.cr,.rep-tbl tr.rep-sub td,.rep-tbl tr.rep-grand td{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:12mm}}.att-print .att-monthly-tbl td.col-name{white-space:normal;word-break:break-word;min-width:178px;line-height:1.3}.att-rpt-head{text-align:center;margin-bottom:8px;padding-bottom:10px;border-bottom:2px solid #e85d2a}.att-rpt-logo{width:58px;height:58px;object-fit:contain;display:block;margin:0 auto 4px}.att-rpt-title{font-weight:800;font-size:1.2rem;letter-spacing:.01em}.att-rpt-school-inline{font-weight:700;font-size:.95em}.att-rpt-school{font-weight:700;font-size:1rem;margin-top:1px}.att-rpt-addr{font-size:.82rem;color:var(--ink3);margin-top:1px}.att-rpt-sub{font-size:.9rem;color:var(--ink2);margin-top:3px}.att-rpt-meta{font-size:.8rem;color:var(--ink3);margin-top:1px}.att-rpt-legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:.82rem;color:var(--ink2);margin-bottom:10px}.att-rpt-legend b{font-weight:800;margin-right:3px}.att-rpt-sign{display:flex;flex-wrap:nowrap;gap:16px;margin:34px auto 0;text-align:center;font-size:.84rem;color:var(--ink2)}.att-rpt-sign>div{flex:1 1 0;min-width:0}.att-rpt-sign>div>div:first-child{white-space:nowrap}.att-rpt-sign .nm{margin-top:6px;font-weight:600}.att-rpt-sign .ro{margin-top:2px;color:var(--ink3)}.att-indiv .ai-student{display:flex;align-items:center;gap:14px;background:var(--w50,#f8f6f3);border:1px solid var(--line,#eaeaea);border-radius:14px;padding:12px 16px;margin:14px 0}.att-indiv .ai-av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e85d2a,#f0904f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;flex:none}.att-indiv .ai-name{font-size:1.15rem;font-weight:800;color:var(--ink);line-height:1.2}.att-indiv .ai-meta{font-size:.82rem;color:var(--ink3);margin-top:2px}.att-indiv .ai-hero{background:linear-gradient(135deg,#eefdf3,#eff7ff);border:1px solid #d7ecdf;border-radius:14px;padding:14px 18px;margin-bottom:14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.att-indiv .ai-hero.risk{background:linear-gradient(135deg,#fff1f1,#fff6ee);border-color:#f0c9c9}.att-indiv .ai-pct{font-size:2.6rem;font-weight:800;line-height:1;color:#16a34a;font-family:Inter,Sarabun,sans-serif}.att-indiv .ai-hero.risk .ai-pct{color:#dc2626}.att-indiv .ai-bar{height:9px;background:#00000014;border-radius:999px;overflow:hidden;margin-top:5px}.att-indiv .ai-bar-fill{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:999px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.att-indiv .ai-hero.risk .ai-bar-fill{background:linear-gradient(90deg,#dc2626,#f87171)}.att-indiv .ai-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:20px}.att-indiv .ai-stat{border:1px solid var(--line,#eaeaea);border-top:3px solid var(--c);border-radius:12px;padding:10px 8px;text-align:center;background:var(--surf,#fff);-webkit-print-color-adjust:exact;print-color-adjust:exact}.att-indiv .ai-stat-n{font-size:1.5rem;font-weight:800;color:var(--c);line-height:1}.att-indiv .ai-stat-l{font-size:.74rem;color:var(--ink3);margin-top:3px}@media print{body *{visibility:hidden!important}.att-print,.att-print *{visibility:visible!important}.att-print{position:absolute!important;left:0;top:0;width:100%!important;box-shadow:none!important;border:0!important;padding:0!important}.sb,.topbar,.dash-footer,.att-tabs,.filter-bar,.swal2-container{display:none!important}@page{margin:8mm}.att-print,.att-print *{font-family:TH Sarabun New,TH SarabunPSK,Sarabun,sans-serif!important}.att-print,.att-print th,.att-print td,.att-print [style*=background]{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.att-print .att-monthly-wrap,.att-print div[style*=overflow]{overflow:visible!important}.att-print table{width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:collapse!important}.att-print th,.att-print td{border:.5pt solid #94a3b8!important;word-break:break-word;overflow-wrap:anywhere}.att-print .rpt-table{width:100%!important;table-layout:auto!important;margin:0!important;font-size:10pt!important}.att-print .rpt-table th,.att-print .rpt-table td{padding:3px 4px!important}.att-print .att-table{font-size:11pt!important}.att-print .att-table th{font-size:10pt!important}.att-print .att-table th,.att-print .att-table td{padding:4px 8px!important}.att-print .att-table td,.att-print .att-table td .n{font-size:11pt!important}.att-print .att-badge{font-size:10pt!important}.att-print .att-monthly-tbl{font-size:14pt!important}.att-print .att-monthly-tbl th,.att-print .att-monthly-tbl td{padding:2px 1px!important;line-height:1.05!important}.att-print .att-monthly-tbl thead th{font-size:10pt!important}.att-print .att-monthly-tbl .col-no,.att-print .att-monthly-tbl .col-name{position:static!important;z-index:auto!important}.att-print .att-monthly-tbl .col-name{width:40mm!important;font-size:13pt!important;text-align:left;white-space:normal!important;word-break:break-word;line-height:1.15;padding:1px 4px!important}.att-print .att-monthly-tbl .col-no{width:6mm!important}.att-print .att-monthly-tbl th,.att-print .att-monthly-tbl td,.att-print .att-monthly-tbl .att-day-hdr.wkend,.att-print .att-monthly-tbl .att-day-hdr.today,.att-print .att-monthly-tbl .att-day-cell.weekend,.att-print .att-monthly-tbl .att-day-cell.today{background:#fff!important}.att-print .att-monthly-tbl .att-cell-mark{display:none!important}.att-print .att-monthly-tbl .att-day-chip{background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;font-weight:700;font-size:14pt!important}.att-print .att-monthly-tbl .att-sum-cell{font-size:11pt!important;line-height:1.35!important}.att-print .att-monthly-tbl .att-sum-cell .n{font-size:13pt!important}.att-print .att-monthly-tbl .att-sum-cell div:last-child{font-size:10pt!important}.att-print .att-monthly-tbl .att-day-chip.chip-present{color:#1d4ed8!important}.att-print .att-monthly-tbl .att-day-chip.chip-absent{color:#dc2626!important}.att-print .att-monthly-tbl .att-day-chip.chip-late{color:#ea580c!important}.att-print .att-monthly-tbl .att-day-chip.chip-leave{color:#7c3aed!important}.att-print .att-monthly-tbl .att-day-chip.chip-sick{color:#db2777!important}.att-print thead{display:table-header-group}.att-print tr,.att-print .sig-block{break-inside:avoid}.att-print .att-rpt-title{font-size:20pt!important}.att-print .att-rpt-school{font-size:15pt!important}.att-print .att-rpt-addr{font-size:12pt!important}.att-print .att-rpt-sub{font-size:13pt!important}.att-print .att-rpt-meta{font-size:11pt!important}.att-print .att-rpt-legend{font-size:12pt!important;gap:4px 22px!important;margin-bottom:8px!important}.att-print .att-rpt-sign{font-size:13pt!important;margin-top:24px!important}}.ssdp{position:relative}.ssdp-ctl{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;cursor:pointer}.ssdp.disabled .ssdp-ctl{opacity:.55;cursor:not-allowed}.ssdp-ph{color:var(--ink3, #98a2b3)}.ssdp-ic{flex:none;opacity:.7;font-size:.95em}.ssdp-pop{position:absolute;z-index:60;top:calc(100% + 4px);left:0;width:268px;max-width:92vw;background:var(--surf, #fff);border:1px solid var(--line, #e6e8eb);border-radius:12px;box-shadow:0 8px 28px #00000024;padding:10px}.ssdp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ssdp-title{font-weight:700;font-size:.9rem}.ssdp-arw{width:30px;height:30px;border-radius:8px;border:1px solid var(--line, #e6e8eb);background:#fff;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--ink2, #475467)}.ssdp-arw:hover{background:var(--w50, #f7f7f8)}.ssdp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.ssdp-dowrow{margin-bottom:2px}.ssdp-wd{text-align:center;font-size:.68rem;font-weight:700;color:var(--ink3, #98a2b3);padding:3px 0}.ssdp-day{aspect-ratio:1 / 1;border:0;background:transparent;border-radius:8px;cursor:pointer;font-size:.82rem;color:var(--ink1, #1a1a1a);font-family:var(--font-num, inherit);transition:background .1s}.ssdp-day:hover{background:#fdece4}.ssdp-day.out{color:var(--ink3, #c4c8ce)}.ssdp-day.wknd:not(.sel){color:#e06b6b}.ssdp-day.today:not(.sel){box-shadow:inset 0 0 0 1.5px var(--primary, #E85D2A)}.ssdp-day.sel{background:var(--primary, #E85D2A);color:#fff;font-weight:700}.ssdp-foot{display:flex;align-items:center;margin-top:8px;padding-top:6px;border-top:1px solid var(--line, #eef0f2)}.ssdp-lnk{background:transparent;border:0;color:var(--primary, #E85D2A);font-weight:600;font-size:.82rem;cursor:pointer;padding:4px 8px;border-radius:6px}.ssdp-lnk:hover{background:#fdece4}.pp5-print{display:none;font-family:TH Sarabun New,TH SarabunPSK,Sarabun,sans-serif}.pp5-print-hd{text-align:center;margin-bottom:10px;line-height:1.5}.pp5-print-title{font-size:1.05rem;font-weight:700;margin-bottom:4px}.pp5-print-tbl{width:100%;border-collapse:collapse;font-size:11px;border:1px solid #333}.pp5-print-tbl th,.pp5-print-tbl td{border:1px solid #333;padding:3px 5px;text-align:center}.pp5-print-tbl tr>:last-child{border-right:1px solid #333}.pp5-print-tbl tr:last-child>*{border-bottom:1px solid #333}.attp-tbl{font-size:10px}.attp-tbl th,.attp-tbl td{padding:2px 3px}.attp-tbl thead th{background:#eef0f2;vertical-align:middle;font-weight:600;line-height:1.25}.attp-tbl .attp-d{width:15px;min-width:13px;padding:2px 1px}.attp-tbl .attp-ab{font-weight:400;font-size:8.5px;color:#444}.attp-tbl .attp-s{width:34px;font-size:9.5px}.attp-tbl tbody tr:nth-child(2n) td{background:#fafbfc}.attp-legend{font-size:10.5px;margin:4px 0 6px}.pp5-sm-tbl{font-size:11px;table-layout:auto;width:100%}.pp5-sm-tbl th,.pp5-sm-tbl td{padding:4px;word-break:break-word}.pp5-sm-tbl thead th{background:#eef0f2;vertical-align:middle;font-weight:600;line-height:1.3}.pp5-sm-tbl tbody tr:nth-child(2n) td{background:#fafbfc}.pp5-sm-tbl tbody td{height:22px}.pp5-fit{table-layout:auto;font-size:12.5px;width:100%}.pp5-fit th,.pp5-fit td{padding:5px 6px;line-height:1.5}.pp5-fit td.pp5-nm{white-space:nowrap;text-align:left}.pp5-print-sign{display:flex;justify-content:space-around;margin-top:34px;font-size:12px;text-align:center}.pp5-cover-hd{text-align:center;margin-bottom:8px;line-height:1.45}.pp5-cover-info{width:100%;margin-bottom:8px;font-size:12.5px}.pp5-cover-info td{padding:2px 6px;border-bottom:1px dotted #999}.pp5-sec-title{font-weight:700;margin:8px 0 4px}.pp5-approve{margin-top:12px;padding-left:28px;font-size:12.5px;line-height:1.9}.pp5-approve .pp5-signline{margin-top:16px}.pp5-print-doc{font-family:TH Sarabun New,TH SarabunPSK,Sarabun,sans-serif;padding:16px;color:#000;counter-reset:pp5pg}.pp5-print-doc .pp5-pg{margin-bottom:24px;counter-increment:pp5pg}.pp5-print-doc .pp5-pg:not(:first-child):before{content:"(" counter(pp5pg) ")";display:block;text-align:center;font-size:10px;color:#555;margin-bottom:4px}.pp5-print-doc .pp5-pg:not(:first-child):after{content:var(--pp5-school, "");display:block;text-align:center;font-size:10px;color:#555;border-top:1px solid #bbb;margin-top:12px;padding-top:4px}.pp5-print-doc.pp5-sub .pp5-pg:before{content:none}.pp5-print-doc.pp5-sub .pp5-pg:after{content:var(--pp5-school, "");display:block;text-align:center;font-size:10px;color:#555;border-top:1px solid #bbb;margin-top:12px;padding-top:4px}.pp5-pg{break-inside:avoid}.pp5-pg:not(:last-child){break-after:page}.pp5-print-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:41;min-width:210px;background:#fff;border:1px solid var(--line, #e5e7eb);border-radius:10px;box-shadow:0 8px 24px #00000024;padding:4px}.pp5-print-menu-item{display:block;width:100%;text-align:right;background:none;border:0;padding:8px 12px;border-radius:7px;font:inherit;font-size:.85rem;color:var(--ink, #1f2937);cursor:pointer;white-space:nowrap}.pp5-print-menu-item:hover{background:#fff3ee;color:var(--color-primary, #E85D2A)}.pp5-portrait{page:pp5port}.pp5-landscape{page:pp5land}.tt-mode-toggle{display:flex;gap:6px}.tt-mode-toggle .btn{white-space:nowrap}.tt-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tt-spacer{flex:1}.tt-divider{width:1px;align-self:stretch;background:var(--line, #e5e7eb);margin:0 2px}.tt-grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:820px){.tt-spacer,.tt-divider,.tt-mode-sub{display:none}.tt-filter .fg{flex:1 1 100%!important;min-width:0}.tt-mode-toggle{width:100%}.tt-mode-toggle .btn{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}.tt-tools{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}.tt-tools .btn{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}}@media(max-width:380px){.tt-tools{grid-template-columns:minmax(0,1fr)!important}}.tt-grid{border-collapse:collapse;width:100%;min-width:720px}.tt-grid th,.tt-grid td{border:1px solid var(--line, #e5e7eb);text-align:center;vertical-align:middle}.tt-grid thead th{background:#fbf6f1;color:var(--p600, #c44d1f);font-weight:700;font-size:.82rem;padding:6px 4px}.tt-grid thead th .tt-time{font-size:.66rem;color:var(--ink3);font-weight:400}.tt-daycol{background:#fbf6f1;color:var(--p600, #c44d1f);font-weight:700;font-size:.84rem;white-space:nowrap;padding:6px 10px;position:sticky;left:0;z-index:1}.tt-cell{height:62px;padding:2px}.tt-break,.tt-break-cell{background:repeating-linear-gradient(45deg,#f6f2ec,#f6f2ec 6px,#efe9e0 6px 12px);color:var(--ink3);font-size:.78rem}.tt-slot{position:relative;background:#eafaf0;border:1px solid #bbf7d0;border-radius:8px;padding:6px 4px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:1px}.tt-code{font-size:.66rem;font-weight:700;color:var(--p600, #c44d1f);line-height:1.1}.tt-subj{font-weight:700;font-size:.8rem;line-height:1.2;color:#166534}.tt-slot.tt-slot-sec{background:#e8f0fe;border-color:#c3d9fd}.tt-slot.tt-slot-sec .tt-subj{color:#1e40af}.tt-slot.tt-slot-sec .tt-code{color:#1d4ed8}.tt-legend{width:14px;height:14px;border-radius:4px;display:inline-block}.tt-legend-pri{background:#eafaf0;border:1px solid #bbf7d0}.tt-legend-sec{background:#e8f0fe;border:1px solid #c3d9fd}.tt-meta{font-size:.68rem;color:var(--ink2, #555);line-height:1.15}.tt-room{font-size:.66rem;color:var(--primary-600, #c2410c);font-weight:600;line-height:1.15;margin-top:1px}.tt-reserved-cell{font-size:.72rem;font-weight:600;color:var(--primary-700, #9a3412);background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(232,93,42,.06) 6px,rgba(232,93,42,.06) 12px)}.tt-reserved-block{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;min-height:38px;padding:4px;font-size:.7rem;font-weight:600;color:var(--primary-700, #9a3412);background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(232,93,42,.08) 6px,rgba(232,93,42,.08) 12px);border-radius:6px}.ac-wrap{position:relative}.ac-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--ink3, #888);font-size:.85rem;line-height:1;padding:2px}.ac-clear:hover{color:var(--primary-600, #e85d2a)}.ac-list{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:40;max-height:260px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:var(--card, #fff);border:1px solid var(--line, #e5e7eb);border-radius:10px;box-shadow:0 10px 28px #00000024}.ac-item{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--ink, #222);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-item:hover,.ac-item.on{background:var(--primary-50, #fdeee7);color:var(--primary-700, #9a3412)}.ac-empty{padding:9px 10px;color:var(--ink3, #999);font-size:.85rem}.ac-panel .ac-list{position:static;top:auto;max-height:280px;overflow:auto;padding:4px;background:transparent;border:0;border-radius:0;box-shadow:none}.ac-panel .ac-item{white-space:normal;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 12px}.ss-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.76rem;font-weight:600;white-space:nowrap}.tt-del{position:absolute;top:2px;right:3px;border:0;background:transparent;color:#dc2626;font-size:.8rem;cursor:pointer;line-height:1;opacity:.55}.tt-del:hover{opacity:1}.tt-add{width:30px;height:30px;border-radius:8px;border:1px dashed var(--line, #d6cfc2);background:#fff;color:var(--p600, #c44d1f);font-size:1.1rem;cursor:pointer}.tt-add:hover{background:#fff3ee;border-color:var(--p600, #c44d1f)}.tt-empty{color:var(--ink3)}.tt-slot.cdk-drag{cursor:grab}.tt-cell.cdk-drop-list{transition:background .15s}.tt-cell.cdk-drop-list.cdk-drop-list-receiving,.tt-cell.cdk-drop-list-dragging{background:#fff3ee;box-shadow:inset 0 0 0 2px var(--p600, #c44d1f)}.cdk-drag-preview{border-radius:8px;box-shadow:0 8px 20px #0003;background:#eafaf0;border:1px solid #bbf7d0;padding:6px 8px;font-size:.8rem;font-weight:700;color:#166534}.cdk-drag-preview .tt-del,.cdk-drag-preview .tt-drag-ph{display:none}.cdk-drag-placeholder,.tt-drag-ph{opacity:0}.cdk-drag-animating{transition:transform .2s cubic-bezier(0,0,.2,1)}.pp5-prog{display:flex;align-items:center;gap:6px}.pp5-prog-bar{flex:1;height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden;min-width:56px}.pp5-prog-fill{height:100%;border-radius:99px;transition:width .3s ease}.pp5-prog-pct{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}.pp5-book-sheet{break-inside:auto}.pp5-book-sheet .pp5-sm-tbl thead{display:table-header-group}.pp5-book-sheet .pp5-sm-tbl tr{break-inside:avoid}.pp5-cover-sheet .pp5-sm-tbl tbody td{height:auto;padding-top:3.5px;padding-bottom:3.5px}.pp5-cover-sheet .pp5-sec-title{margin-top:6px;margin-bottom:2px}.pp5-vh-sm{white-space:nowrap;padding:3px 1px}.pp5-vh-sm span{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-block;line-height:1.1}.pp5-stdid{white-space:nowrap}.pp5-nm-cell.pp5-nm-long{font-size:9px;white-space:nowrap}.pp5-nm-cell.pp5-nm-xlong{font-size:8px;white-space:nowrap}.pp5-matrix{font-size:9px}.pp5-matrix th,.pp5-matrix td{padding:2px 3px}.pp5-vhead{height:96px;vertical-align:bottom;padding:2px 0}.pp5-vhead span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;display:inline-block;line-height:1}@media print{.pp5-print-doc{padding:0}.pp5-print-tbl th,.pp5-print-tbl td{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@page pp5port{size:A4 portrait;margin:12mm}@page pp5land{size:A4 landscape;margin:10mm}.pp5-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.pp5-tablewrap{overflow:auto;max-height:62vh;border:1px solid var(--line,#eef0f2);border-radius:12px}.pp5-gb{min-width:640px;border-collapse:separate;border-spacing:0;width:100%}.pp5-gb th,.pp5-gb td{padding:9px 10px;border-bottom:1px solid var(--line,#eef0f2)}.pp5-gb thead th{position:sticky;top:0;z-index:2;background:#faf6f3;font-size:.74rem;vertical-align:bottom}.pp5-gb tbody tr:nth-child(2n){background:#faf9f8}.pp5-gb tbody tr:hover{background:#fdf1ec}.pp5-namecol{position:sticky;left:0;white-space:nowrap;min-width:168px;background:inherit;z-index:1}.pp5-gb thead .pp5-namecol{z-index:3;background:#faf6f3}.pp5-gb tbody tr:nth-child(2n) .pp5-namecol{background:#faf9f8}.pp5-gb tbody tr .pp5-namecol{background:var(--surf,#fff)}.pp5-gb tbody tr:hover .pp5-namecol{background:#fdf1ec}.pp5-nameno{display:inline-block;min-width:20px;color:var(--ink3);font-weight:600;margin-right:6px}.pp5-score-in{width:62px;text-align:center;padding:6px 4px;border-radius:8px}.pp5-score-in.pp5-over{border:1.5px solid #dc2626!important;background:#fef2f2;color:#dc2626;font-weight:700}.pp5-rowsave{float:right;margin-left:6px;border:1px solid #f5c77e;background:#fff7ec;color:#d99008;border-radius:7px;padding:0 6px;cursor:pointer;font-size:.9rem;line-height:1.5}.pp5-rowsave:hover{background:#fdecc8}.pp5-rowsave:disabled{opacity:.5;cursor:default}.pp5-row-dirty>td{background:#fffcf3}.pp5-row-dirty>td.pp5-namecol{box-shadow:inset 3px 0 #d99008}.pp5-card-dirty{box-shadow:inset 3px 0 #d99008,0 1px 3px #0000000d}.pp5-warn{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff7ec;border:1px solid #f5c77e;color:#8a5a06;border-radius:12px;padding:12px 14px;margin-bottom:12px}.pp5-itemhd{font-weight:700;white-space:nowrap}.pp5-phasetag{font-size:.64rem;font-weight:700;color:var(--p600,#c44d1f);letter-spacing:.02em;text-transform:uppercase}.pp5-phasehd{text-align:center;color:var(--p600,#c44d1f);font-weight:700}.pp5-sec-hd2{font-weight:700;font-size:.98rem;color:var(--p600,#c44d1f);border-left:3px solid var(--p600,#c44d1f);padding-left:8px;margin-bottom:6px}.pp5-gradebadge{display:inline-block;min-width:34px;text-align:center;padding:2px 8px;border-radius:999px;font-weight:700;font-size:.82rem}.pp5-cards{display:none}@media(max-width:720px){.pp5-tablewrap{display:none}.pp5-cards{display:flex;flex-direction:column;gap:12px}}.pp5-card{border:1px solid var(--line,#eef0f2);border-radius:14px;background:var(--surf,#fff);box-shadow:0 1px 3px #0000000d;overflow:hidden}.pp5-card-hd{display:flex;align-items:center;gap:8px;padding:11px 13px;background:linear-gradient(#fdf3ee,#faf6f3);border-bottom:1px solid var(--line,#eef0f2)}.pp5-card-hd .no{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#fff;border:1px solid var(--line,#eef0f2);font-weight:700;font-size:.8rem;color:var(--ink3);flex:none}.pp5-card-hd .nm{flex:1;min-width:0;font-weight:700;font-size:.92rem;line-height:1.25}.pp5-card-meta{display:flex;gap:14px;flex-wrap:wrap;padding:9px 13px;font-size:.82rem;color:var(--ink2);border-bottom:1px solid var(--line,#eef0f2);background:#fbfbfc}.pp5-card-meta b{color:var(--ink1,#222)}.pp5-ph{padding:9px 13px}.pp5-ph+.pp5-ph{border-top:1px dashed var(--line,#eef0f2)}.pp5-ph-hd{font-size:.72rem;font-weight:700;color:var(--p600,#c44d1f);margin-bottom:7px;letter-spacing:.02em}.pp5-irow{display:flex;align-items:center;gap:10px;padding:5px 0}.pp5-irow .lbl{flex:1;min-width:0;font-size:.86rem}.pp5-irow .lbl small{color:var(--ink3)}.pp5-irow .ind{display:block;font-size:.7rem;color:var(--ink3)}.pp5-irow .pp5-score-in{flex:none}.pp5-irow .roval{font-weight:700;font-family:var(--font-num,inherit);min-width:48px;text-align:right}.omr-key-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px 18px}.omr-key-row{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:8px}.omr-key-row.omr-key-empty{background:var(--y50,#fefce8)}.omr-key-q{width:26px;text-align:right;font-weight:700;font-size:.82rem;color:var(--ink2);flex-shrink:0}.omr-key-choice{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--bd,#ddd);background:var(--card,#fff);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--ink2);flex-shrink:0;display:grid;place-items:center;transition:all .12s;-webkit-tap-highlight-color:transparent}.omr-key-choice:hover{border-color:var(--p500,#e85d2a)}.omr-key-choice.on{background:var(--p500,#e85d2a);border-color:var(--p500,#e85d2a);color:#fff;box-shadow:0 2px 8px #e85d2a59}.omr-print-page{background:#fff;box-shadow:0 4px 18px #0000001f;margin:0 auto 18px;max-width:640px}.omr-print-page svg{display:block;width:100%;height:auto}@media print{body *{visibility:hidden!important}.omr-print-area,.omr-print-area *{visibility:visible!important}.omr-print-area{position:absolute;left:0;top:0;width:100%}.omr-no-print{display:none!important}.omr-print-page{box-shadow:none!important;margin:0!important;max-width:none!important;width:210mm;height:297mm;page-break-after:always;overflow:hidden}.omr-print-page svg{width:210mm;height:297mm}.omr-duo .omr-print-page{width:297mm;height:210mm}.omr-duo .omr-print-page svg{width:297mm;height:210mm}@page{size:A4 portrait;margin:0}}.omr-duo .omr-print-page{max-width:820px}.omr-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 16px}.omr-detail-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px}.omr-review-row{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--bd,#eee);flex-wrap:wrap}.omr-review-blank{min-width:44px;height:34px;padding:0 10px;border-radius:8px;border:1.5px solid var(--bd,#ddd);background:var(--card,#fff);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--ink3)}.omr-review-blank.on{background:var(--ink3,#9aa0a6);border-color:var(--ink3,#9aa0a6);color:#fff}.omr-ac{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:2px;max-height:230px;overflow:auto;background:var(--card,#fff);border:1px solid var(--bd,#ddd);border-radius:10px;box-shadow:0 12px 30px #00000024}.omr-ac-item{display:block;width:100%;text-align:left;padding:8px 12px;border:0;background:none;cursor:pointer;font-family:inherit;font-size:.85rem;color:var(--ink);border-bottom:1px solid var(--w50,#f5f5f5)}.omr-ac-item:hover{background:var(--w50,#f7f7f7)}.omr-ac-empty{padding:12px;text-align:center;color:var(--ink3);font-size:.82rem}.frow3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:560px){.frow3{grid-template-columns:1fr}}.au-sec{font-size:.72rem;font-weight:800;letter-spacing:.05em;color:var(--ink3);text-transform:uppercase;margin:16px 0 8px;padding-top:12px;border-top:1px solid var(--bd,#eee)}.au-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.au-role{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1.5px solid var(--bd,#e5e5e5);border-radius:12px;background:var(--card,#fff);cursor:pointer;font-family:inherit;text-align:left;transition:all .12s;-webkit-tap-highlight-color:transparent}.au-role:hover{border-color:var(--p300,#f2b79e)}.au-role.on{border-color:var(--p500,#e85d2a);background:var(--p50,#fdf1eb);box-shadow:0 2px 8px #e85d2a1f}.au-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--bd,#ccc);flex-shrink:0;display:grid;place-items:center;font-size:.8rem;font-weight:900;color:#fff;background:var(--card,#fff);transition:all .12s}.au-check.on{background:var(--p500,#e85d2a);border-color:var(--p500,#e85d2a)}.au-hint{font-size:.72rem;color:var(--ink3);margin-top:3px}.au-hint-err{font-size:.72rem;color:var(--r500,#dc2626);margin-top:3px}.au-refresh{width:42px;padding:0;display:grid;place-items:center;flex-shrink:0}.au-refreshing svg{animation:spin .8s linear infinite}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .12s}.th-sort:hover{color:var(--p500,#e85d2a)}.sort-ic{display:inline-block;font-size:.9rem;margin-left:3px;color:var(--ink3,#9aa0a6);transition:transform .15s,color .15s;opacity:.55}.th-sort:hover .sort-ic{opacity:1}.sort-ic[data-d=asc]{color:var(--p500,#e85d2a);opacity:1;transform:rotate(180deg)}.sort-ic[data-d=desc]{color:var(--p500,#e85d2a);opacity:1}.pgn{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;border-top:1px solid var(--bd,#eee);font-size:.85rem;color:var(--ink2);background:var(--w25,#fafafa)}.pgn-left,.pgn-right{display:flex;align-items:center;gap:8px}.pgn-size{height:34px;padding:0 8px;border:1px solid var(--bd,#ddd);border-radius:9px;background:var(--card,#fff);font-family:inherit;font-size:.85rem;cursor:pointer;color:var(--ink)}.pgn-cur{display:inline-flex;align-items:center;gap:6px}.pgn-input{width:44px;height:34px;text-align:center;border:1px solid var(--bd,#ddd);border-radius:9px;background:var(--card,#fff);font-family:inherit;font-weight:700;color:var(--ink)}.pgn-btn{width:34px;height:34px;border:1px solid var(--bd,#ddd);border-radius:9px;background:var(--card,#fff);cursor:pointer;display:grid;place-items:center;color:var(--ink2);transition:all .12s}.pgn-btn:hover:not(:disabled){border-color:var(--p500,#e85d2a);color:var(--p500,#e85d2a);background:var(--p50,#fdf1eb)}.pgn-btn:disabled{opacity:.4;cursor:default}.pgn-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dept-note{background:var(--b50);border:1px solid var(--b500);border-radius:var(--rmd);padding:10px 14px;margin-bottom:16px;font-size:.82rem;color:var(--b700);line-height:1.55}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.dept-card{background:var(--surf);border:1.5px solid var(--w100);border-radius:var(--rlg);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:border-color .12s,box-shadow .12s}.dept-card:hover{border-color:var(--w200);box-shadow:0 2px 10px #0000000a}.dept-central{border-color:var(--b200,#c5daf5)}.dept-info{flex:1;min-width:0}.dept-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dept-name{font-weight:700;font-size:.9rem;color:var(--ink);word-break:break-word}.dept-code{font-size:.72rem;color:var(--ink3);font-family:Inter,monospace;margin-top:3px}.dept-count{margin-left:6px;font-family:Sarabun}.dept-actions{display:flex;gap:5px;flex-shrink:0}.dept-ic{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dept-empty{color:var(--ink3);font-size:.833rem;padding:14px 16px;background:var(--w50);border:1px dashed var(--w200);border-radius:var(--rmd)}.dept-skel{height:66px;border:none;background:linear-gradient(90deg,var(--w50) 25%,var(--w100) 37%,var(--w50) 63%);background-size:400% 100%;animation:dept-shimmer 1.3s ease-in-out infinite}@keyframes dept-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sdq-page{max-width:1180px;margin:0 auto;padding:18px 16px 40px}.sdq-page .btn{padding:9px 16px}.sdq-page .btn-primary{background:var(--p500);color:#fff;box-shadow:0 2px 6px #e85d2a40}.sdq-page .btn-primary:hover:not(:disabled){background:var(--p600)}.sdq-page .btn-outline{background:transparent;color:var(--ink2);border:1.5px solid var(--w200)}.sdq-page .btn-outline:hover{border-color:var(--w300);color:var(--ink)}.sdq-page .btn-ghost{background:transparent;color:var(--ink2);padding:8px 10px}.sdq-page .btn:disabled{opacity:.5;cursor:not-allowed}.sdq-head{margin-bottom:14px}.sdq-title{font-size:1.4rem;font-weight:800;color:var(--ink)}.sdq-sub{font-size:.85rem;color:var(--ink3);margin-top:3px}.sdq-filters{display:flex;flex-wrap:wrap;gap:12px;background:var(--surface,#fff);border:1px solid var(--w100);border-radius:var(--rlg);padding:14px 16px;margin-bottom:16px}.sdq-filters .fl{display:flex;flex-direction:column;gap:5px;min-width:140px;flex:1 1 150px}.sdq-filters label{font-size:.72rem;font-weight:700;color:var(--ink3)}.sdq-filters select{padding:9px 11px;border:1.5px solid var(--w200);border-radius:var(--rmd);background:var(--surface,#fff);color:var(--ink);font-family:Sarabun;font-size:.85rem}.sdq-filters select:disabled{opacity:.55}.sdq-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:14px}.sdq-kpi .kpi{border-radius:var(--rlg);padding:16px 14px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--w100);background:var(--surface,#fff)}.sdq-kpi .kn{font-size:1.7rem;font-weight:800;font-family:Inter,Sarabun;line-height:1}.sdq-kpi .kl{font-size:.78rem;color:var(--ink3);font-weight:600}.sdq-kpi .k-total{border-left:4px solid var(--p500)}.sdq-kpi .k-normal{border-left:4px solid var(--g500)}.sdq-kpi .k-normal .kn{color:var(--g700)}.sdq-kpi .k-risk{border-left:4px solid var(--y500)}.sdq-kpi .k-risk .kn{color:var(--y700)}.sdq-kpi .k-problem{border-left:4px solid var(--r500)}.sdq-kpi .k-problem .kn{color:var(--r700)}.sdq-prog{margin-bottom:12px}.sdq-prog .pg-txt{font-size:.78rem;color:var(--ink3);margin-bottom:5px;font-weight:600}.pg-bar{height:8px;background:var(--w100);border-radius:99px;overflow:hidden}.pg-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--p500),var(--p300));border-radius:99px;transition:width .3s}.sdq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sdq-chips .chip{padding:7px 14px;border-radius:99px;border:1.5px solid var(--w200);background:var(--surface,#fff);color:var(--ink2);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.sdq-chips .chip.on{background:var(--p500);color:#fff;border-color:var(--p500)}.sdq-chips .chip-alert.on{background:var(--r500);border-color:var(--r500)}.sdq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.stu-card{background:var(--surface,#fff);border:1px solid var(--w100);border-radius:var(--rlg);padding:14px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .15s,transform .1s}.stu-card:hover{box-shadow:0 4px 14px #00000012}.stu-card.assessed{border-color:var(--g500)}.sc-top{display:flex;gap:10px;align-items:center}.sc-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--b50);color:var(--b700);font-weight:800;font-size:1.05rem}.sc-av.f{background:var(--p50);color:var(--p600)}.sc-id{display:flex;flex-direction:column;min-width:0}.sc-id strong{font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-id span{font-size:.73rem;color:var(--ink3)}.sc-band{font-size:.78rem;font-weight:700;padding:5px 10px;border-radius:8px;text-align:center}.sc-actions{display:flex;gap:8px}.sc-btn{flex:1;justify-content:center}.sc-del{flex-shrink:0}.bd-normal{background:var(--g50);color:var(--g700)}.bd-risk{background:var(--y50);color:var(--y700)}.bd-problem{background:var(--r50);color:var(--r700)}.bd-draft{background:var(--y50);color:var(--y700)}.bd-none{background:var(--w50);color:var(--ink3)}.sdq-empty{text-align:center;padding:48px 20px;color:var(--ink3)}.sdq-empty .ee-ico{font-size:2.4rem;margin-bottom:8px}.sdq-empty p{font-weight:700;color:var(--ink2);margin-bottom:4px}.sdq-empty small{font-size:.78rem}.sdq-skel{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.skel-card{height:120px;border-radius:var(--rlg);background:linear-gradient(90deg,var(--w50),var(--w100),var(--w50));background-size:200% 100%;animation:sdqShimmer 1.3s infinite}.skel-card.sm{height:96px}@keyframes sdqShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sdq-form{background:var(--surface,#fff);border:1px solid var(--w100);border-radius:var(--rxl);padding:18px}.sf-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--w100)}.sf-who{display:flex;flex-direction:column}.sf-who strong{font-size:1.05rem;color:var(--ink)}.sf-who span{font-size:.78rem;color:var(--ink3)}.sf-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:sticky;top:0;z-index:2;background:var(--surface,#fff);padding:8px 0}.sf-progress>span{font-size:.8rem;font-weight:700;color:var(--ink2);white-space:nowrap}.sf-progress .pg-bar{flex:1}.sf-items{display:flex;flex-direction:column;gap:10px}.sf-item{border:1px solid var(--w100);border-radius:var(--rlg);padding:12px 14px;transition:border-color .15s}.sf-item.done{border-color:var(--g500);background:var(--g50)}.si-q{font-size:.9rem;color:var(--ink);margin-bottom:10px;display:flex;gap:8px}.si-no{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--p50);color:var(--p600);font-weight:800;font-size:.78rem;display:grid;place-items:center}.si-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.si-opt{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:var(--rmd);border:1.5px solid var(--w200);cursor:pointer;font-size:.82rem;color:var(--ink2);font-weight:600;-webkit-user-select:none;user-select:none}.si-opt input{position:absolute;opacity:0;width:0;height:0}.si-opt.sel{background:var(--p500);border-color:var(--p500);color:#fff}.si-opt:has(input:disabled){cursor:default;opacity:.7}.sf-note{margin-top:16px;display:flex;flex-direction:column;gap:6px}.sf-note label{font-size:.78rem;font-weight:700;color:var(--ink3)}.sf-note textarea{padding:10px 12px;border:1.5px solid var(--w200);border-radius:var(--rmd);font-family:Sarabun;font-size:.85rem;color:var(--ink);background:var(--surface,#fff);resize:vertical}.sf-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}.sf-beh-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 16px;border-radius:var(--rlg);background:var(--r50);border:1px solid var(--r500)}.sf-beh-alert>span{font-size:.84rem;color:var(--r700);font-weight:600}.sc-beh-link{width:100%;text-align:left;background:var(--r50);color:var(--r700);border:1px dashed var(--r500);border-radius:9px;padding:7px 10px;font-size:.75rem;font-weight:600;font-family:Sarabun;cursor:pointer}.sc-beh-link:hover{background:var(--r500);color:#fff;border-style:solid}.hv-sdq-flag{display:inline-block;margin-left:6px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--y50,#FBF0DC);color:var(--y700,#A66A17);white-space:nowrap;vertical-align:middle}.hv-sdq-flag.prob{background:var(--r50,#FBEAE7);color:var(--r700,#9B2B21)}.rs-head{text-align:center;margin-bottom:20px}.rs-total{display:inline-flex;flex-direction:column;gap:2px;padding:16px 34px;border-radius:var(--rxl)}.rs-tn{font-size:2.4rem;font-weight:800;font-family:Inter,Sarabun;line-height:1}.rs-tn small{font-size:1rem;opacity:.6}.rs-tl{font-size:.82rem;font-weight:700}.rs-advice{font-size:.88rem;color:var(--ink2);max-width:640px;margin:14px auto 0;line-height:1.5}.rs-scales{display:flex;flex-direction:column;gap:12px;max-width:680px;margin:0 auto}.rs-row{display:grid;grid-template-columns:1.4fr 2fr auto auto;align-items:center;gap:10px}.rs-lb{font-size:.84rem;color:var(--ink);font-weight:600}.rs-lb em{color:var(--g700);font-style:normal;font-size:.74rem}.rs-bar{height:10px;background:var(--w100);border-radius:99px;overflow:hidden}.rs-bar>span{display:block;height:100%;border-radius:99px}.rs-bar>span.bd-normal{background:var(--g500)}.rs-bar>span.bd-risk{background:var(--y500)}.rs-bar>span.bd-problem{background:var(--r500)}.rs-bar>span.bd-none{background:var(--w300)}.rs-sc{font-size:.8rem;color:var(--ink3);font-weight:700;font-family:Inter,Sarabun;text-align:right;min-width:42px}.rs-bd{font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:7px;text-align:center;min-width:56px}@media(max-width:520px){.rs-row{grid-template-columns:1fr auto auto}.rs-bar{grid-column:1 / -1;order:3}}@media print{body.sdq-printing *{visibility:hidden!important}body.sdq-printing #sdq-print,body.sdq-printing #sdq-print *{visibility:visible!important}body.sdq-printing #sdq-print{position:absolute;left:0;top:0;width:100%;border:none;padding:0}.sdq-page .no-print{display:none!important}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-ease: initial}}}