@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css?family=Montserrat:400,400i,700";@import "https://cdn.jsdelivr.net/gh/vanphonggiang/font-awesome-6.5.1-pro-full/css/all.css";:is(html,body){width:100%;height:100%}body{color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;font-family:Sarabun,Verdana,Tahoma,sans-serif;font-size:16px}*{box-sizing:border-box}:is(form,ul,ol){margin:0}a{color:var(--link-color);cursor:pointer;text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}a:active{color:var(--link-active);text-decoration:underline}.icon{font-variant:normal;text-rendering:auto;font-style:normal;font-family:var(--font-icon);display:inline-block}.icon.light{font-weight:300!important}.icon.normal{font-weight:400!important}.icon.bold{font-weight:900!important}.icon.pad{margin-right:5px}.icon.red{color:var(--color-red)}.icon.orange{color:var(--color-orange)}.icon.green{color:var(--color-green)}.icon.blue{color:var(--color-blue)}.icon.purple{color:var(--color-purple)}.icon.gray{color:var(--color-gray)}.icon.teal{color:var(--color-teal)}.icon.cyan{color:var(--color-cyan)}.icon.amber{color:var(--color-amber)}.left{float:left}.right{float:right}.box-tb{width:100%;display:table}.middle{align-items:center;margin:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.middle.left{float:unset;left:6px}.middle.right{float:unset;right:6px}.middle.left :is(.btn,input,select){margin-right:6px}.middle.right :is(.btn,input,select){margin-left:6px}.overlay{z-index:5;background-color:#0000000d;transition:all .4s;position:fixed;inset:0}.overlay.center{justify-content:center;padding-top:80px;display:flex}.overlay.middle{justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zoomIn{0%{transform:scale(.1)}to{transform:scale(1)}}button{cursor:pointer;outline:none}.btn{text-align:center;color:#ffffffe6;background-color:#0003;border:none;border-radius:8px;height:40px;margin:0;padding:0 8px;font-family:Prompt;font-size:18px;font-weight:400;line-height:normal}.btn.ex{height:46px;font-size:20px}.btn.lg{height:44px;font-size:18px}.btn.md{height:36px;font-size:16px}.btn.sm{height:32px;font-size:16px}.btn.tn{height:28px;font-size:13px}.btn.light{font-weight:200}.btn.normal{font-weight:400}.btn.bold{font-weight:600}.btn.shadow{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn.red{background-color:var(--color-red)}.btn.orange{background-color:var(--color-orange)}.btn.green{background-color:var(--color-green)}.btn.blue{background-color:var(--color-blue)}.btn.purple{background-color:var(--color-purple)}.btn.gray{background-color:var(--color-gray)}.btn.teal{background-color:var(--color-teal)}.btn.cyan{background-color:var(--color-cyan)}.btn.amber{background-color:var(--color-amber)}.btn.white{color:#0000004d;background-color:#ffffff80}.btn.white:hover{color:#00000080}.btn:not([hover]):hover{opacity:.8}.btn[hover=red]:hover{background-color:var(--color-red)}.btn[hover=orange]:hover{background-color:var(--color-orange)}.btn[hover=green]:hover{background-color:var(--color-green)}.btn[hover=blue]:hover{background-color:var(--color-blue)}.btn[hover=purple]:hover{background-color:var(--color-purple)}.btn[hover=gray]:hover{background-color:var(--color-gray)}.btn[hover=teal]:hover{background-color:var(--color-teal)}.btn[hover=cyan]:hover{background-color:var(--color-cyan)}.btn[hover=amber]:hover{background-color:var(--color-amber)}.btn:disabled{pointer-events:none;color:#a1a1aa;background-color:#e4e4e7}.btn:is(.circle,.square){width:40px;height:40px;font-family:var(--font-icon);padding:0}.btn.circle{border-radius:50%}.btn:is(.circle,.square).ex{width:46px;height:46px}.btn:is(.circle,.square).lg{width:44px;height:44px}.btn:is(.circle,.square).md{width:36px;height:36px}.btn:is(.circle,.square).sm{width:32px;height:32px}.btn:is(.circle,.square).tn{width:28px;height:28px}.btn-loader{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn-loader .spinner{border:3px solid #0ea5e9;border-color:#0ea5e9 #0ea5e9 #f1f5f9 #f1f5f9;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.cover{background-color:#fff;min-height:60px;padding:10px;font-size:16px;line-height:1.75em;position:relative}.cover.fit{margin:0 10px}.cover.radius{border-radius:8px}.cover:not(:first-child){margin-top:10px}.cover .cover-title{z-index:1;text-align:center;background-color:#e5e7eb;font-family:Prompt;font-size:16px;font-weight:500;line-height:2.5em;position:relative}.cover .cover-title.lg{font-size:17.6px}.cover .cover-title.page{color:#ffffffe6;background-color:#64748b;font-weight:400}.cover .cover-title:not(.page) .btn{opacity:.75}.cover .cover-title:not(.page) .btn:hover{opacity:1}.cover.radius .cover-title{border-radius:4px}.cover .cover-body{position:relative}.cover .cover-body.pad{padding:10px}.cover .cover-body.border{border:1px solid #e5e7eb;margin-top:10px;padding:10px}.cover.radius .cover-body.border{border-radius:4px}.cover hr{border:none;border-top:1px solid #e5e7eb;margin:5px 0}.cover hr.dashed{border-top:1px dashed #e5e7eb}.cover.grid{grid-gap:10px;grid-template-columns:repeat(2,1fr);display:grid}.cover.grid .span{grid-column:span 2}.cover.grid .cover-title{grid-column:1/span 2}.cover.grid hr{grid-column:1/span 2;margin:0}.cover.grid .grid-item.pad{padding:0 10px}.cover.grid .grid-item.border{border:1px solid #e5e7eb;padding:10px}.cover.grid .grid-item.gray{text-align:center;background-color:#f3f4f6}.cover.grid.radius .grid-item:is(.border,.gray){border-radius:4px}.cover.markdown{font-size:16px;line-height:1.5em}.cover.markdown img[src*=\#center]{margin:auto;display:block}.cover.markdown hr,.cover.markdown :is(p,h4,h5,h6){margin:10px 0}.cover.markdown :is(h1,h2){border-bottom:1px solid #e5e7eb;margin:10px 0}.cover.markdown li{line-height:1.5em}.cover .action-bar{flex-wrap:wrap;align-items:center;width:100%;min-height:36px;margin:5px 0;display:flex;position:relative}.cover .action-bar.left{float:unset;justify-content:flex-start}.cover .action-bar.right{float:unset;justify-content:flex-end}.cover .action-bar :is(button,input,select){margin:0 3px}.cover .action-bar :is(input,select){height:36px}.cover.menu{grid-gap:10px;border-radius:unset;background-color:#0000;grid-template-columns:calc(50% - 5px) calc(50% - 5px);margin:0 10px;padding:5px;display:grid}.cover.menu .menu-btn{text-align:center;color:var(--text-color);cursor:pointer;background-color:#f3f4f6;border:none;border-radius:10px;padding:10px;box-shadow:0 0 0 1px #0000000d}.cover.menu .menu-btn .icon{color:#0891b2;font-size:38px;font-weight:200}.cover.menu .menu-btn .text{margin-top:2px;font-family:Prompt;font-size:16px;line-height:1.5em}.cover.menu .menu-btn:active :is(.icon,.text){color:var(--link-active)}.cover.menu .menu-btn:disabled :is(.icon,.text){color:#9ca3af;pointer-events:none}.cover.menu .menu-btn:is(.red,.orange,.green,.blue,.purple,.teal,.cyan){box-shadow:unset}.cover.menu .menu-btn:is(.red,.orange,.green,.blue,.purple,.teal,.cyan).icon{font-weight:600}.cover.menu .menu-btn:is(.red,.orange,.green,.blue,.purple,.teal,.cyan):is(.icon,.text){color:#ffffffe6}.cover.menu .menu-btn.red{background-color:var(--color-red)}.cover.menu .menu-btn.orange{background-color:var(--color-orange)}.cover.menu .menu-btn.green{background-color:var(--color-green)}.cover.menu .menu-btn.blue{background-color:var(--color-blue)}.cover.menu .menu-btn.purple{background-color:var(--color-purple)}.cover.menu .menu-btn.teal{background-color:var(--color-teal)}.cover.menu .menu-btn.cyan{background-color:var(--color-cyan)}.cover-loader{justify-content:center;padding:13px 0;display:flex;position:absolute;inset:0}.cover-loader .spinner{border:4px solid #0ea5e9;border-color:#0ea5e9 #0ea5e9 #f1f5f9 #f1f5f9;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}::placeholder{opacity:.4;font-style:italic}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.date-only::-webkit-calendar-picker-indicator{display:none}.date-only::-webkit-input-placeholder{visibility:hidden}.required{color:var(--input-border);font-style:italic}input.hide{visibility:hidden;width:0;position:absolute}select,textarea,input:not([type=radio],[type=checkbox]){outline-color:var(--input-outline);border:1px solid var(--input-border);color:var(--input-text-color);background-color:var(--input-bg-color);border-radius:4px;font-family:Sarabun;font-size:16px;line-height:2.25em}input:disabled,select:disabled,textarea:disabled{color:#9ca3af;background-color:#f3f4f6;border-color:#e5e7eb}input:disabled+div.label,select:disabled+div.label{background-color:#0000}select,input:not([type=radio],[type=checkbox]){height:40px;padding:1px 8px}select.lg,input.lg{height:44px;padding:3px 8px}select option{font-size:16px}textarea{resize:vertical;vertical-align:top;padding:4px 8px;line-height:1.5em}.input-box{padding-top:11.5px;line-height:normal;position:relative}.input-box :is(input,select){width:100%}.input-box .label{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;max-width:100%;margin:0;padding:0 4px;font-size:13px;font-style:italic;line-height:1.5em;position:absolute;top:0;left:10px;overflow:hidden}.input-box input:focus+div.label,.input-box select:focus+div.label{color:var(--input-box-label)}.page-404{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 70px);font-family:Montserrat,sans-serif;display:flex}.page-404 h1{color:#6b7280;letter-spacing:.1em;text-shadow:.05em .05em #00000040;white-space:nowrap;margin:.025em 0;font-size:7rem}.page-404 h1 i{color:#528cce;animation:2s linear infinite alternate spooky;display:inline-block}.page-404 h2{color:#6b7280;margin-bottom:.4em;font-size:1.2rem}.page-404 p{color:#9ca3af;margin:0}@keyframes spooky{0%{transform:translateY(.15em)scaleY(.95)}to{transform:translateY(-.15em)}}.line-loader{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.line-loader .spinner{border:15px solid #d1d5db;border-color:#d1d5db #0891b2;border-radius:50%;width:150px;height:150px;animation:2s linear infinite spin}.line-loader .text{color:#0891b2;text-align:center;font-family:Prompt;font-size:18px;position:absolute}:root{--font-icon:"Font Awesome 6 Pro";--color-red:#d9534f;--color-orange:#e67e22;--color-green:#10b981;--color-blue:#428bca;--color-purple:#9b59b6;--color-gray:#9ca3af;--color-teal:#14b8a6;--color-cyan:#06b6d4;--color-amber:#f59e0b;--bg-color:#e5e7eb;--text-color:#64748b;--link-color:var(--text-color);--link-hover:#0073aa;--link-active:#e67e22;--active-bg:#06b6d4;--page-title-bg:#64748b;--page-title-color:#fff;--input-border:#d1d5db;--input-outline:#4dd0e1;--input-box-label:#00bcd4;--input-bg-color:#fff;--input-text-color:var(--text-color);--topbar-logo-bg:#155e75;--sidebar-color:#164e63;--sidebar-button:#0891b2;--topbar-bg:#64748b;--topbar-text:#fff;--topbar-btn-bg:#0003;--topbar-btn-text:#fffc}.alert{z-index:10;text-align:center;background-color:#00000080;padding-top:70px}.alert .smart-confirm{background-color:#fff;border-radius:10px;width:250px;margin:auto;padding:10px;font-family:Prompt;animation:.25s zoomIn;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.alert .smart-confirm.green{color:var(--color-green)}.alert .smart-confirm.green .header{border-color:var(--color-green)}.alert .smart-confirm.red{color:var(--color-red)}.alert .smart-confirm.red .header{border-color:var(--color-red)}.alert .smart-confirm .header{border-bottom:1px solid #d4d4d4;font-size:20px;font-weight:500;line-height:2em}.alert .smart-confirm .footer{width:100%;display:table}.alert .smart-confirm .message{margin:10px 0;font-size:16px;line-height:2em}.alert .smart-confirm button{width:calc(50% - 3px)}.alert .smart-alert{background-color:#fff;border-radius:10px;width:250px;margin:auto;padding:10px;font-family:Prompt;animation:.25s zoomIn;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.alert .smart-alert.green{color:var(--color-green)}.alert .smart-alert.red{color:var(--color-red)}.alert .smart-alert.orange{color:var(--color-orange)}.alert .smart-alert.blue{color:var(--color-blue)}.alert .smart-alert .icon{font-size:100px}.alert .smart-alert .footer{width:100%;display:table}.alert .smart-alert .message{margin-bottom:10px;font-size:16px;line-height:2em}.alert .smart-alert button{width:100%}.smart-notify{visibility:hidden;z-index:5;color:#ffffffe6;opacity:.9;min-width:220px;padding:0 10px;font:16px/2.5em Prompt;position:fixed;top:5px;right:5px}.smart-notify.green{background-color:var(--color-green)}.smart-notify.red{background-color:var(--color-red)}.smart-notify.orange{background-color:var(--color-orange)}.smart-notify.blue{background-color:var(--color-blue)}.smart-notify .icon{font-size:18px}.smart-notify.show{visibility:visible;animation:.5s forwards notifyFadein,.5s 2.5s notifyFadeout}@keyframes notifyFadein{0%{opacity:0;transform:translateY(0)}to{opacity:.9;transform:translateY(50px)}}@keyframes notifyFadeout{0%{opacity:.9;transform:translateY(50px)}to{opacity:0;transform:translateY(0)}}.drop-menu{line-height:normal;display:inline-block;position:relative}.drop-menu .drop-content{text-align:left;white-space:nowrap;background-color:#fff;border-radius:8px;min-width:170px;padding:4px;display:none;position:absolute;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.drop-menu .drop-content a{border-bottom:1px solid #e5e7eb;padding:5px 10px;font-family:Prompt;font-size:16px;line-height:2.25em;text-decoration:none;display:block}.drop-menu .drop-content a:first-child{border-radius:8px 8px 0 0}.drop-menu .drop-content a:last-child{border:none;border-radius:0 0 8px 8px}.drop-menu .drop-content a:hover{background-color:#e5e7eb}.drop-select{line-height:normal;display:inline-block;position:relative}.drop-select select{display:none}.drop-select .drop-content{text-align:left;white-space:nowrap;background-color:#fff;border-radius:6px;min-width:170px;max-height:328px;padding:4px;display:none;position:absolute;overflow-y:auto;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.drop-select a{padding:4px 8px;font-family:Sarabun;font-size:16px;line-height:1.5em;text-decoration:none;display:block}.drop-select a:hover{background-color:#e5e7eb}.drop-select a.selected{color:#fff;background-color:var(--active-bg)}.drop-select a .icon{line-height:normal}.modal{z-index:3;background-color:#00000080;padding-top:70px;padding-right:5px}.modal .content{background-color:#fff;border-radius:8px;width:80%;margin:auto;position:relative;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.modal .content .header,.modal .content .footer{margin:0 5px;padding:2px 10px;font-family:Prompt;font-size:18px;line-height:2.5em;position:relative}.modal .content .header{border-bottom:1px solid #e5e7eb}.modal .content .header .icon{font-size:18px}.modal .content .footer{text-align:right;border-top:1px solid #e5e7eb}.modal .content .footer button{width:100px}.modal .content .body{visibility:hidden;max-height:calc(100vh - 270px);padding:10px;font-size:16px;overflow-y:auto}.modal .content #btn-exit{color:#888;font-size:22px;font-weight:300;font-family:var(--font-icon);cursor:pointer;background-color:#0000;border:none;outline:none;margin:0;padding:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.modal .content #btn-exit:hover,.modal .content #btn-exit:active{color:#e74c3c}.modal .loader{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal .loader .spinner{border:4px solid #0ea5e9;border-color:#0ea5e9 #0ea5e9 #f1f5f9 #f1f5f9;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.modal.overlay-in{animation:.4s forwards fadeIn}.modal.overlay-out{animation:.4s forwards fadeOut}.modal .content.modal-in{animation:.4s forwards modalIn}.modal .content.modal-out{animation:.4s forwards modalOut}@keyframes modalIn{0%{transform:translateY(calc(-100% - 70px))}to{transform:translateY(0)}}@keyframes modalOut{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 70px))}}#totop{z-index:5;transition:all .4s;display:none;position:fixed;bottom:10px;left:calc(50% - 2.5px);transform:translate(-50%)}#totop button{margin:0 5px;display:block}.page-error{text-align:center;padding:20px}.page-error .icon{font-size:48px;line-height:normal}.page-error .topic{color:var(--color-red);font-family:Prompt;font-size:18px;font-weight:500;line-height:1.5em}.page-error .text{font-size:16px;line-height:1.5em}.lds-spinner{color:official;width:80px;height:80px;display:inline-block;position:relative}.lds-spinner div{transform-origin:40px 40px;animation:1.2s linear infinite lds-spinner}.lds-spinner div:after{content:" ";background:#fff;border-radius:20%;width:6px;height:18px;display:block;position:absolute;top:3px;left:37px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db}#topbar{z-index:1;background-color:#fff;min-width:350px;height:50px;position:fixed;inset:0;box-shadow:0 1px 4px #00000029}#topbar .logo{justify-content:center;align-items:center;width:50px;height:50px;transition:all .4s;display:flex}#topbar .logo .max{text-align:center;color:#ffffffe6;font-family:Prompt;font-size:22px;font-style:italic;font-weight:500;line-height:1em;display:none}#topbar .logo .max div{color:#fffc;margin-top:3px;font-size:12px;font-weight:300;line-height:1em}#topbar .logo .min #nav-menu{border-right:1px solid #e5e7eb;font-weight:400}#topbar .logo .min #nav-menu:before{content:""}#topbar .box{text-align:center;min-width:80px;padding:5px;line-height:1.25em}#topbar .box.offline{color:var(--color-red)}#topbar .box .icon{line-height:normal}#topbar .box.left{border-right:1px solid #e5e7eb}#topbar .box.right{border-left:1px solid #e5e7eb}#topbar .box div:first-child{font-size:18px}#topbar .box div:last-child{font-size:14px}#topbar .box #dept-name{font-size:16px;font-weight:500}#topbar button{width:50px;height:50px;font-size:24px;font-weight:300;font-family:var(--font-icon);color:var(--text-color);background-color:#0000;border:none;border-radius:0;line-height:normal}#topbar button.left{border-right:1px solid #e5e7eb}#topbar button.right{border-left:1px solid #e5e7eb}#topbar button:hover{color:var(--link-hover);background-color:#f3f4f6}#topbar .drop-content{min-width:calc(100% - 5px);top:55px;right:5px}#topbar .drop-content .icon{text-align:center;width:24px;margin-right:8px;font-size:20px;line-height:1.2em}#sidebar{background-color:var(--sidebar-color);z-index:1;border-radius:0 10px 10px 0;width:200px;height:fit-content;transition:all .4s;position:fixed;inset:55px 0 0 -200px;overflow-x:hidden}#sidebar .sidebar-btn{padding:5px}#sidebar .sidebar-btn hr{border:none;border-top:2px solid #00000026;margin:5px 0}#sidebar button{color:#fffc;background-color:#0000;border:none;border-radius:6px;justify-content:left;align-items:center;width:100%;height:50px;margin:2px 0;padding:0 12px;font-family:Prompt;font-size:15px;font-weight:400;display:flex}#sidebar button .icon{text-align:left;width:32px;font-size:20px;font-weight:300}#sidebar button:hover{color:#fff;background-color:#ffffff26}#sidebar button.active{color:#fff;background-color:var(--sidebar-button)}#sidebar button:disabled{color:#ffffff4d;cursor:default}#sidebar button:disabled:hover{background-color:#0000}#topbar .max,#sidebar .text{white-space:nowrap;overflow:hidden}.app-body{padding:10px;transition:all .4s;position:fixed;inset:50px 0 0;overflow:auto scroll}.popup-body{padding:10px;position:fixed;inset:0;overflow:auto}#app-content{min-width:625px;max-width:1141px;animation:.4s fadeIn;display:none;position:relative}#topbar :is(#box-version,#box-user){display:none}@media only screen and (width>=600px){.overlay{left:50px}#totop{left:calc(50% + 22.5px)}#topbar :is(#box-version,#box-user){display:block}#topbar .logo{background-color:var(--topbar-logo-bg)}#topbar .logo .min #nav-menu{color:#fffc;pointer-events:none;border:none;font-weight:300}#topbar .logo .min #nav-menu:before{content:""}#sidebar{width:50px;height:unset;border-radius:0;top:50px;left:0}#sidebar .sidebar-btn{padding:0}#sidebar .sidebar-btn hr{margin:0}#sidebar button{border-radius:0;justify-content:center;margin:0}#sidebar button .icon{width:unset;text-align:center;font-size:24px}#sidebar button .text{display:none}#app.app-body{left:50px}}@media only screen and (width>=900px){.overlay{left:200px}#totop{left:calc(50% + 97.5px)}#topbar .logo{width:200px}#topbar .logo .max{display:block}#topbar .logo .min{display:none}#sidebar{width:200px}#sidebar .sidebar-btn{padding:5px}#sidebar .sidebar-btn hr{margin:5px 0}#sidebar button{border-radius:6px;justify-content:left;height:40px;margin:2px 0}#sidebar button .icon{text-align:left;width:32px;font-size:20px}#sidebar button .text{display:block}#app.app-body{left:200px}}.smart-popup{z-index:3;background-color:#e5e7eb;width:100%;position:fixed;top:0;bottom:0}.smart-popup .header{background-color:#fff;justify-content:center;align-items:center;height:50px;font-family:Prompt;font-size:18px;font-weight:400;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #00000029}.smart-popup .body{height:calc(100% - 50px);margin-top:50px;padding:10px;animation:.4s forwards fadeIn;display:none;overflow-y:auto}.smart-popup .header #btn-exit{color:#00000080;cursor:pointer;background-color:#0000;border:none;margin:0;padding:0;font-size:24px;font-weight:300;position:absolute;right:15px}.smart-popup .header #btn-exit:hover,.smart-popup .header #btn-exit:active{color:orange}.smart-popup .loader{justify-content:center;padding-top:70px;display:flex;position:absolute;inset:0}.smart-popup .loader .spinner{border:4px solid #0ea5e9;border-color:#0ea5e9 #0ea5e9 #f1f5f9 #f1f5f9;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.smart-popup.pop-in{animation:.4s forwards popIn}.smart-popup.pop-out{animation:.4s forwards popOut}@keyframes popIn{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes popOut{0%{transform:translate(100%)}to{transform:translate(0)}}.tabs{background-color:#fff;position:relative}.tabs.radius{border-radius:8px}.tabs .tabs-header{border-bottom:1px solid #e5e7eb;padding:10px}.tabs:has(.tabs-title) .tabs-header{border:none}.tabs .tabs-title{z-index:2;text-align:center;color:#fff;background-color:#64748b;height:40px;font-family:Prompt;font-size:16px;line-height:2.5em;position:relative}.tabs .tabs-title .title-content{position:relative}.tabs .tabs-title .middle.left{left:10px}.tabs .tabs-title .middle.right{right:10px}.tabs .tabs-body{min-height:100px}.tabs .tabs-body .body-content{display:none}.tabs .cover{background-color:#0000}.tabs .btn-container{background-color:#e5e7eb;width:100%;display:table;position:relative}.tabs.radius .btn-container{border-radius:8px}.tabs .tabs-btn{float:left;color:#64748b;background-color:#0000;border:none;min-width:100px;height:50px;font-family:Prompt;font-size:16px;line-height:1.25em;position:relative}.tabs .tabs-btn.red{color:#fff;background-color:var(--color-red)}.tabs .tabs-btn.orange{color:#fff;background-color:var(--color-orange)}.tabs .tabs-btn.green{color:#fff;background-color:var(--color-green)}.tabs .tabs-btn.blue{color:#fff;background-color:var(--color-blue)}.tabs .tabs-btn.purple{color:#fff;background-color:var(--color-purple)}.tabs.radius .tabs-btn:first-child{border-radius:8px 0 0 8px}.tabs.radius .tabs-btn:last-child{border-radius:0 8px 8px 0}.tabs .tabs-btn:not(:last-child){border-right:1px solid #d1d5db}.tabs .tabs-btn .icon{font-size:18px}.tabs .tabs-btn:hover{color:var(--link-hover)}.tabs .tabs-btn:active{color:var(--link-active)}.tabs .tabs-btn.active{color:#fff;background-color:var(--color-blue)}.tabs .tabs-btn:disabled{color:#d1d5db}.tabs .tabs-overlay{position:absolute;inset:0}.tabs .tabs-btn .btn-loader{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tabs .tabs-btn .btn-loader .spinner{border:4px solid #38bdf8;border-color:#38bdf8 #38bdf8 #f1f5f9 #f1f5f9;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.tabs .tabs-title .title-loader{color:#fffc;width:60px;height:40px;margin:auto;display:inline-block;position:relative}.tabs .tabs-title .title-loader div{background:currentColor;border-radius:50%;width:10px;height:10px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:15px}.tabs .tabs-title .title-loader div:first-child{animation:.6s infinite lds-ellipsis1;left:6px}.tabs .tabs-title .title-loader div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:6px}.tabs .tabs-title .title-loader div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:24px}.tabs .tabs-title .title-loader div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:42px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(18px)}}#page-logout{background-image:url(https://pico-libs.web.app/image/bg-01.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed}#page-logout #content{text-align:center;animation:.4s fadeIn;display:none}#page-logout .logo{background-color:#fff3;border-radius:50%;width:200px;height:200px;margin-bottom:20px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#page-logout .logo img{border-radius:50%;width:100%;height:100%}#page-logout #btn-login{padding:0 15px}#page-logout #loader{border:15px solid #06b6d4;border-color:#06b6d4 #fffc;border-radius:50%;width:150px;height:150px;animation:2s linear infinite spin}.check-box{cursor:pointer;width:100%;height:36px;font-size:16px;line-height:2.25em;display:inline-block;position:relative}.check-box input{opacity:0;margin:0;position:absolute}.check-box .text{background-color:#f3f4f6;border-radius:4px;padding-left:30px;position:absolute;inset:0}.check-box .mark{background-color:#0003;width:20px;height:20px;position:absolute;top:8px;left:5px}.check-box input[type=checkbox]~.mark{border-radius:4px}.check-box input[type=radio]~.mark{border-radius:50%}.check-box:hover input~.mark{background-color:#0000004d}.check-box input:checked~.mark{background-color:#03a9f4}.check-box.green input:checked~.mark{background-color:#4caf50}.check-box.orange input:checked~.mark{background-color:#ff9800}.check-box.blue input:checked~.text{background-color:#81d4fa}.check-box.green input:checked~.text{background-color:#a5d6a7}.check-box.orange input:checked~.text{background-color:#ffcc80}.paper{background-color:#fff;margin:0;padding:0}#app-content:has(.paper){background-color:#fff;width:fit-content;margin:auto;padding:5mm}#app-content:has(.paper.shadow){box-shadow:0 .5mm 2mm #0000004d}.paper.A3{width:277mm;min-height:399mm}.paper.A3.landscape{width:400mm;min-height:276mm}.paper.A4{width:190mm;min-height:276mm}.paper.A4.landscape{width:277mm;min-height:189mm}.paper.A5{width:128mm;min-height:189mm}.paper.A5.landscape{width:190mm;min-height:127mm}.paper.letter{width:196mm;min-height:259mm}.paper.letter.landscape{width:260mm;min-height:195mm}.paper.legal{width:196mm;min-height:336mm}.paper.legal.landscape{width:337mm;min-height:195mm}.paper hr{border:none;border-top:1px solid #d1d5db}.paper hr.dashed{border-top:1px dashed #d1d5db}@media print{@page{margin:10mm!important}body{color:#000!important;background-color:#fff!important}#app,#app-content{margin:0!important;padding:0!important;position:static!important;overflow:hidden!important}#topbar,#sidebar,.hide-print,button,input,select{display:none!important}div,hr,table,th,td{border-color:#000!important}textarea{color:#000!important;background-color:#fff!important;border:none!important}.paper{min-height:unset!important}#app-content:has(.paper.shadow){box-shadow:unset!important}}.table{border-collapse:collapse;width:100%;font-size:16px;line-height:2.5em}.table th{background-color:#e5e7eb}.table :is(th,td){padding:0 8px}.table tr:not(:last-child){border-bottom:1px dashed #e5e7eb}.table.border{border:1px solid #e5e7eb}.table.border th{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb}.table.border tr:not(:last-child) td{border-bottom:1px solid #e5e7eb}.table.border :is(th,td):not(:last-child){border-right:1px solid #e5e7eb}.table.border tfoot tr:first-child :is(th,td){border-top:1px solid #e5e7eb}.table.border tfoot tr:last-child :is(th,td){border-bottom:none}.table.scroll tbody{display:block;overflow-y:scroll}.table.scroll :is(thead,tfoot,tbody) tr{table-layout:fixed;width:100%;display:table}.table.scroll.wrap td{max-width:unset}.table .td2row{padding:3px 8px;line-height:1.5em}.table .td2row div:first-child{font-weight:500}.table .td2row div:last-child{color:#9ca3af;font-size:14px;font-style:italic;line-height:1.429em}.table.wrap td{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.table.wrap .td2row div{text-overflow:ellipsis;overflow:hidden}.table .btn{opacity:.75}.table .btn:hover{opacity:1}.table .btn:not(:last-child){margin-right:4px}.table :is(th,td).cell-btn{text-align:center;padding:0;line-height:normal}.table th.cell-title{background-color:#fff}.wg-box{grid-gap:10px;grid-template-columns:repeat(4,1fr);display:grid}.wg-box .wg-title{text-align:center;color:#fff;background-color:#e5e7eb;border-radius:4px;grid-column:1/span 4;font-family:Prompt;font-size:16px;font-weight:400;line-height:2.5em;position:relative;box-shadow:0 1px 4px #00000029}.wg-box .wg{text-align:center;color:#fffc;background-color:#e5e7eb;border-radius:6px;font-family:Prompt;box-shadow:0 1px 4px #00000029}.wg-box .wg .num{color:#fff;height:35px;padding:0 4px;font-size:18px;font-weight:500;line-height:1.945em}.wg-box .wg .text{white-space:nowrap;text-overflow:ellipsis;background-color:#0000000d;border-radius:0 0 4px 4px;height:25px;padding:0 4px;font-size:14px;line-height:1.786em;overflow:hidden}.wg-box .wg:hover{opacity:.8;cursor:pointer}.wg-box .wg.md .num{height:28px;font-size:17px;font-weight:400;line-height:1.648em}.wg-box .wg.md .text{height:22px;font-size:13px;font-weight:400;line-height:1.693em}.wg-box .wg.blue,.wg-box .wg-title.blue{background-color:#88a7e2}.wg-box .wg.violet,.wg-box .wg-title.violet{background-color:#9a98d3}.wg-box .wg.purple,.wg-box .wg-title.purple{background-color:#c59dd1}.wg-box .wg.red,.wg-box .wg-title.red{background-color:#e08c96}.wg-box .wg.orange,.wg-box .wg-title.orange{background-color:#ffb85d}.wg-box .wg.green,.wg-box .wg-title.green{background-color:#81c784}.wg-box .wg.brown,.wg-box .wg-title.brown{background-color:#c8a88a}