@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://site-assets.fontawesome.com/releases/v6.7.2/css/all.css";: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-slate: #64748B;--color-teal: #0D9488;--color-cyan: #0891B2;--color-brown: #A1887F;--bg-color: #E5E7EB;--text-color: #64748B;--link-color: var(--text-color);--link-hover: #0073AA;--link-active: orange}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Sarabun,sans-serif}body{color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box}form,ul,ol{margin:0}.lazy-load{content-visibility:auto}a{color:var(--link-color);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}a:hover{color:var(--link-hover);text-decoration:underline}a:active{color:var(--link-active);text-decoration:underline}.icon{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;font-family:var(--font-icon);font-weight:400;line-height:1}.icon.pad{margin-right:.375em}.icon.thin{font-weight:300!important}.icon.regular{font-weight:400!important}.icon.solid{font-weight:900!important}.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.brown{color:var(--color-brown)}.icon.teal{color:var(--color-teal)}.icon.cyan{color:var(--color-cyan)}.left{float:left}.right{float:right}.box-tb{display:table;width:100%}.middle{margin:0;top:50%;transform:translateY(-50%);display:flex;position:absolute;align-items:center}.middle.left{float:unset;left:.5em}.middle.right{float:unset;right:.5em}.middle.left :is(button,input,select){margin-right:.45em}.middle.right :is(button,input,select){margin-left:.45em}.overlay{position:fixed;inset:0;z-index:5;background-color:#0000000d;transition:.4s}.overlay.center{display:flex;justify-content:center;padding-top:50px}.overlay.middle{display:flex;justify-content:center;align-items:center;transform:unset}#totop{display:none;position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:5;transition:.4s}#totop button{margin:0 .5em;display:block}body:has(#app.full-page) #totop{left:50%}body:has(#app.tabbar) #totop{bottom:66px}.spinner{width:40px;height:40px;border-width:4px;border-style:solid;border-color:#0EA5E9 #0EA5E9 #F1F5F9 #F1F5F9;border-radius:50%;animation:spin .8s linear infinite}.spinner.s22{width:22px;height:22px;border-width:3px}.spinner.s24{width:24px;height:24px;border-width:3px}.spinner.s28{width:28px;height:28px;border-width:4px}.spinner.s32{width:32px;height:32px;border-width:4px}.spinner.s36{width:36px;height:36px;border-width:4px}.lds-spinner{display:block;position:relative;width:64px;height:64px}.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:"";display:block;position:absolute;top:0;left:30px;width:5px;height:15px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.lds-ellipsis{position:absolute;width:60px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffc}.lds-ellipsis div{position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:24px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:42px;animation:lds-ellipsis3 .6s infinite}@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)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in{0%{transform:scale(.1)}to{transform:scale(1)}}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(.1)}}@keyframes slide-in-left{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-out-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes slide-out-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.check-box{width:100%;height:40px;position:relative;display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.check-box.xl{height:48px}.check-box.lg{height:44px}.check-box.sm{height:36px}.check-box.tn{height:32px}.check-box input{position:absolute;opacity:0;width:0;height:0}.check-box .text{display:flex;height:100%;align-items:center;padding-left:36px;border-radius:4px;background-color:#f3f4f6}.check-box.notbg .text{background-color:transparent}.check-box .mark{position:absolute;top:50%;left:8px;transform:translateY(-50%);width:20px;height:20px;background-color:#0003}.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}.check-box input:disabled~.mark{background-color:#fff}.check-box input:disabled~.text{color:#a1a1aa;text-decoration:line-through}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background-color:#0000001a;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:.4s}.switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;transition:.4s}.switch input:checked~.slider{background-color:#0ea5e9}.switch.green input:checked~.slider{background-color:#10b981}.switch.red input:checked~.slider{background-color:#f87171}.switch input:checked~.slider:before{transform:translate(20px)}.switch .slider.round{border-radius:28px}.switch .slider.round:before{border-radius:50%}:root{--layout-border: 1px solid #E5E7EB}.list-avatar,.list-image{display:grid;padding:10px 0;grid-template-columns:64px auto;border-bottom:var(--layout-border)}:is(.list-avatar,.list-image):first-child{border-top:var(--layout-border)}:is(.list-avatar,.list-image) .col{display:flex;position:relative;flex-direction:column;justify-content:center;line-height:1.5}:is(.list-avatar,.list-image) .col:first-child{align-items:center}:is(.list-avatar,.list-image) .col:last-child{padding:0 28px 0 10px}:is(.list-avatar,.list-image) .title{font-weight:700}:is(.list-avatar,.list-image) .text{font-size:14px}:is(.list-avatar,.list-image) .chevron{position:absolute;display:flex;align-items:center;justify-content:center;font-size:18px;right:0;width:28px;height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}:is(.list-avatar,.list-image) .chevron:active{color:var(--link-active)}:is(.list-avatar,.list-image) .chevron:before{content:""}:is(.list-avatar,.list-image) .logo{display:flex;align-items:center;justify-content:center;background-color:#0000000a;height:48px}.list-avatar .logo{width:48px;border-radius:50%}.list-image .logo{width:64px;border-radius:4px}:is(.list-avatar,.list-image) .logo .icon{font-size:28px}:is(.list-avatar,.list-image) .logo img{width:100%;height:100%;border-radius:4px}.list-avatar .logo img{border-radius:50%}.accordion{border:var(--layout-border);border-width:1px 0}.accordion.border{border-width:1px}.accordion.round{border-radius:8px}.accordion.round .acd-item:first-child .topic{border-radius:8px 8px 0 0}.accordion .acd-item .topic{position:relative;display:flex;align-items:center;height:44px;font-weight:600;padding:0 34px 0 10px}.accordion .acd-item .topic:before{content:"♢ "}.accordion .acd-item:not(:last-child) .topic{border-bottom:var(--layout-border)}.accordion .acd-item.active .topic{background-color:#f3f4f6}.accordion .acd-item.active:last-child .topic{border-bottom:var(--layout-border)}.accordion .acd-item .panel{max-height:0;overflow:hidden;transition:max-height .2s ease-out}.accordion .acd-item .panel p{margin:0;padding:10px}.accordion .acd-item.active:not(:last-child) .panel{border-bottom:var(--layout-border)}.accordion .acd-item .chevron{display:block;position:absolute;font-size:18px;right:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.accordion .acd-item .chevron:active{color:var(--link-active)}.accordion .acd-item .chevron:after{content:""}.accordion .acd-item.active .chevron:after{content:"";padding:0 2.25px}.paper{position:relative;margin:auto;padding:5mm;width:fit-content;background-color:#fff}.paper:not(:first-child){margin-top:15px}.paper.shadow{box-shadow:0 .5mm 2mm #0000004d}.paper .size.A3{width:277mm;min-height:399mm}.paper .size.A3.landscape{width:400mm;min-height:276mm}.paper .size.A4{width:190mm;min-height:276mm}.paper .size.A4.landscape{width:277mm;min-height:189mm}.paper .size.A5{width:128mm;min-height:189mm}.paper .size.A5.landscape{width:190mm;min-height:127mm}.paper .size.letter{width:196mm;min-height:259mm}.paper .size.letter.landscape{width:260mm;min-height:195mm}.paper .size.legal{width:196mm;min-height:336mm}.paper .size.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,#tabbar,.hide-print,button,input,select{display:none!important}div,hr,table,th,td{border-color:#000!important}textarea{border:none!important;color:#000!important;background-color:#fff!important}.paper{padding:0!important}.paper.shadow{box-shadow:unset!important}}:root{--table-th-bg: #F3F4F6;--table-border: 1px solid #E5E7EB}.table{width:100%;line-height:2.5;border-collapse:collapse}.table th{background-color:var(--table-th-bg)}.table :is(th,td){padding:0 8px}.table tr:not(:last-child){border-bottom:var(--table-border);border-bottom-style:dashed}.table.border{border:var(--table-border)}.table.border th{border-bottom:var(--table-border)}.table.border tr:not(:last-child) td{border-bottom:var(--table-border)}.table.border :is(th,td):not(:last-child){border-right:var(--table-border)}.table.border tfoot tr:first-child :is(th,td){border-top:var(--table-border)}.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{display:table;width:100%;table-layout:fixed}.table.scroll.wrap td{max-width:unset}.table .td2row{line-height:1.5;padding:3px 8px}.table .td2row div:first-child{font-weight:500}.table .td2row div:last-child{font-size:14px;line-height:1.429;font-style:italic;color:#9ca3af}.table.wrap td{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table.wrap .td2row div{overflow:hidden;text-overflow:ellipsis}.table button{opacity:.75}.table button:hover{opacity:1}.table .cell-btn button{margin:0 2px}.table .cell-btn{padding:0;line-height:normal;text-align:center}.table .cell-title{background-color:#fff}:root{--wg-color-blue: #88A7E2;--wg-color-violet: #9A98D3;--wg-color-purple: #C59DD1;--wg-color-red: #E08C96;--wg-color-orange: #FFB85D;--wg-color-green: #81C784;--wg-color-brown: #C8A88A}.wg-box{display:grid;grid-gap:10px;grid-template-columns:repeat(4,1fr)}.wg-box.col-2{grid-template-columns:repeat(2,1fr)}.wg-box.col-3{grid-template-columns:repeat(3,1fr)}.wg-box.col-5{grid-template-columns:repeat(5,1fr)}.wg-box.col-6{grid-template-columns:repeat(6,1fr)}.wg-box.round :is(.wg-bar,.wg-item){border-radius:6px}.wg-box.shadow :is(.wg-bar,.wg-item){box-shadow:#00000029 0 1px 4px}.wg-box .wg-bar{grid-column:1 / span 4;position:relative;font-weight:400;font-family:Prompt;line-height:2.5;text-align:center;background-color:#e5e7eb;color:#fff}.wg-box.col-2 .wg-bar{grid-column:1 / span 2}.wg-box.col-3 .wg-bar{grid-column:1 / span 3}.wg-box.col-5 .wg-bar{grid-column:1 / span 5}.wg-box.col-6 .wg-bar{grid-column:1 / span 6}.wg-box .wg-bar.sm{line-height:2.25}.wg-box .wg-bar.tn{line-height:2}.wg-box .wg-item{font-family:Prompt;text-align:center;background-color:#e5e7eb;color:#fffc}.wg-box .wg-item .num{height:28px;font-size:17px;line-height:1.648;color:#fff}.wg-box .wg-item .text{height:22px;font-size:13px;line-height:1.693;background-color:#0000000d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-box .wg-item:hover{cursor:pointer}.wg-box .wg-bar.blue,.wg-box .wg-item.blue{background-color:var(--wg-color-blue)}.wg-box .wg-bar.violet,.wg-box .wg-item.violet{background-color:var(--wg-color-violet)}.wg-box .wg-bar.purple,.wg-box .wg-item.purple{background-color:var(--wg-color-purple)}.wg-box .wg-bar.red,.wg-box .wg-item.red{background-color:var(--wg-color-red)}.wg-box .wg-bar.orange,.wg-box .wg-item.orange{background-color:var(--wg-color-orange)}.wg-box .wg-bar.green,.wg-box .wg-item.green{background-color:var(--wg-color-green)}.wg-box .wg-bar.brown,.wg-box .wg-item.brown{background-color:var(--wg-color-brown)}.cover :has(.grid-btn){padding:0}.grid-btn{display:block;width:100%;height:auto;padding:10px;color:var(--color-gray);background-color:transparent;border:2px solid #E5E7EB;border-radius:10px}.grid-btn i{margin:0;display:block}.grid-btn .icon{margin:8px 0;font-size:48px;font-weight:300}.grid-btn .text{line-height:2;font-family:Prompt}.grid-btn:hover{color:var(--color-blue);box-shadow:#63636333 0 2px 8px}.grid-btn:hover .icon{transform:scale(1.1)}.grid-btn:disabled{color:#d1d5db;border-color:transparent;background-color:transparent}button{height:40px;outline:none;border:none;border-radius:8px;padding:0 1em;font-size:16px;font-family:Prompt,sans-serif;color:#fff;background-color:#0003;cursor:pointer;-webkit-tap-highlight-color:transparent}button[fill=clear]{color:#0006;background-color:transparent}button[fill=outline]{color:#0006;background-color:transparent;border:2px solid rgba(0,0,0,.2)}button.block{border-radius:0}button.round{border-radius:1.1em}button:is(.square,.circle){width:40px;height:40px;padding:0;font-family:var(--font-icon);font-size:20px}button.circle{border-radius:50%}button.xxl{height:52px;font-size:20px}button.xl{height:48px;font-size:20px}button.lg{height:44px;font-size:18px}button.sm{height:36px;font-size:15px}button.tn{height:32px;font-size:14px}button.xxl:is(.square,.circle){width:52px;font-size:24px}button.xl:is(.square,.circle){width:48px;font-size:24px}button.lg:is(.square,.circle){width:44px;font-size:22px}button.sm:is(.square,.circle){width:36px;font-size:18px}button.tn:is(.square,.circle){width:32px;font-size:16px}button i{margin-right:.375em;font-style:normal;font-family:var(--font-icon)}button.thin i,button.thin:is(.square,.circle){font-weight:300!important}button.regular i,button.regular:is(.square,.circle){font-weight:400!important}button.solid i,button.solid:is(.square,.circle){font-weight:900!important}button.red{background-color:var(--color-red)}button.orange{background-color:var(--color-orange)}button.green{background-color:var(--color-green)}button.blue{background-color:var(--color-blue)}button.purple{background-color:var(--color-purple)}button.gray{background-color:var(--color-gray)}button.brown{background-color:var(--color-brown)}button.teal{background-color:var(--color-teal)}button.cyan{background-color:var(--color-cyan)}button.light{color:var(--link-color);background-color:#0000000d;opacity:1!important}button.light:hover{color:var(--link-hover);background-color:#00000014}button.light:active{color:var(--link-active);font-size:1.1em}button[fill].red{color:var(--color-red);border-color:var(--color-red);background-color:transparent}button[fill].orange{color:var(--color-orange);border-color:var(--color-orange);background-color:transparent}button[fill].green{color:var(--color-green);border-color:var(--color-green);background-color:transparent}button[fill].blue{color:var(--color-blue);border-color:var(--color-blue);background-color:transparent}button[fill].purple{color:var(--color-purple);border-color:var(--color-purple);background-color:transparent}button[fill].gray{color:var(--color-gray);border-color:var(--color-gray);background-color:transparent}button[fill].brown{color:var(--color-brown);border-color:var(--color-brown);background-color:transparent}button[fill].teal{color:var(--color-teal);border-color:var(--color-teal);background-color:transparent}button[fill].cyan{color:var(--color-cyan);border-color:var(--color-cyan);background-color:transparent}button[fill=outline]:hover{color:var(--link-active);border-color:var(--link-active)}button[fill=clear]:hover{color:var(--link-hover);background-color:#0000000d}button[fill=clear]:active{color:var(--link-active)}button:not([hover],[fill]):hover{opacity:.9}button:not([hover],[fill]):active{opacity:1}button[hover=red]:hover{background-color:var(--color-red)}button[hover=orange]:hover{background-color:var(--color-orange)}button[hover=green]:hover{background-color:var(--color-green)}button[hover=blue]:hover{background-color:var(--color-blue)}button[hover=purple]:hover{background-color:var(--color-purple)}button[hover=gray]:hover{background-color:var(--color-gray)}button[hover=brown]:hover{background-color:var(--color-brown)}button[hover=teal]:hover{background-color:var(--color-teal)}button[hover=cyan]:hover{background-color:var(--color-cyan)}button[shadow=true]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}button:disabled{pointer-events:none;color:#a1a1aa;background-color:#e4e4e7}button .btn-loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}:root{--input-bg: #FFFFFF;--input-color: var(--text-color);--input-border: 1px solid #D1D5DB;--input-outline: #06B6D4;--input-label: #0891B2}input::placeholder,textarea::placeholder{opacity:.4;font-style:italic}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input::file-selector-button{color:var(--text-color)}input.date-only::-webkit-calendar-picker-indicator{display:none}input.date-only::-webkit-input-placeholder{visibility:hidden}input.hide{width:0!important;padding:0!important;margin:0!important;visibility:hidden}.required{color:#d1d5db;font-style:italic}select,textarea,input:not([type=radio],[type=checkbox]){outline-color:var(--input-outline);border:var(--input-border);border-radius:4px;font-size:16px;font-family:Sarabun,sans-serif;line-height:2.25;color:var(--input-color);background-color:var(--input-bg)}input:disabled,select:disabled,textarea:disabled{color:#9ca3af;border-color:#e5e7eb;background-color:#f3f4f6}input:disabled+div.label,select:disabled+div.label{background-color:transparent}select,input:not([type=radio],[type=checkbox]){height:40px;padding:1px 8px}select.xl,input.xl{height:48px;padding:3px 8px;line-height:2.5}select.lg,input.lg{height:44px;padding:3px 8px}select.sm,input.sm{height:36px;padding:1px 8px;line-height:2}select.tn,input.tn{height:32px;padding:1px 8px;font-size:14px;line-height:2}select option{font-size:16px}textarea{width:100%;line-height:1.5;padding:4px 8px;resize:vertical;vertical-align:top}.input-box{position:relative;padding-top:11.5px}.input-box :is(input,select){width:100%}.input-box .label{margin:0;padding:0 4px;line-height:1.5;color:#9ca3af;font-size:13px;font-style:italic;position:absolute;top:0;left:10px;background-color:#fff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-box input:focus+div.label,.input-box select:focus+div.label,.input-box textarea:focus+div.label{color:var(--input-label)}:root{--cover-bg: #FFFFFF;--cover-bar-bg: #E5E7EB;--cover-border: 1px solid #E5E7EB}.cover{position:relative;padding:10px;line-height:1.75;background-color:var(--cover-bg);min-height:60px}.cover.fit{margin:0 10px}.cover.round{border-radius:8px}.cover.border{border:var(--cover-border)}.cover:not(:first-child){margin-top:15px}.cover.full{padding:15px}#app.tabbar:has(.cover.full){padding-bottom:46px}#app-content:has(.cover.full){min-height:100%;background-color:var(--cover-bg)}.cover .cover-bar{position:relative;height:40px;line-height:2.5;font-weight:500;font-family:Prompt;text-align:center;background-color:var(--cover-bar-bg);z-index:1}.cover .cover-bar.outline{border-radius:0!important;border-top:var(--cover-border);border-bottom:var(--cover-border);background-color:transparent}.cover .cover-bar.xl{height:48px;line-height:2.667;font-size:18px}.cover .cover-bar.lg{height:44px;line-height:2.75}.cover .cover-bar.sm{height:36px;line-height:2.25}.cover .cover-bar.tn{height:32px;line-height:2}.cover .cover-bar.title{font-weight:400;color:#fff;background-color:#64748b}.cover.round .cover-bar{border-radius:4px}.cover .cover-bar:not(.title) button{opacity:.75}.cover .cover-bar:not(.title) button:hover{opacity:1}.cover .cover-body{position:relative}.cover .cover-body.pad{padding:10px}.cover .cover-body.border{padding:10px;margin-top:10px;border:var(--cover-border)}.cover.round .cover-body.border{border-radius:4px}.cover hr{margin:5px 0;border:none;border-top:var(--cover-border)}.cover hr.dashed{border-top-style:dashed}.cover.grid{display:grid;grid-gap:10px;grid-template-columns:repeat(2,1fr)}.cover.grid.col-3{grid-template-columns:repeat(3,1fr)}.cover.grid.col-4{grid-template-columns:repeat(4,1fr)}.cover.grid .span-2{grid-column:span 2}.cover.grid .span-3{grid-column:span 3}.cover.grid .span-4{grid-column:span 4}.cover.grid .span,.cover.grid .cover-bar,.cover.grid hr:not(.cover-body hr){grid-column:1 / span 2}.cover.grid.col-3 .span,.cover.grid.col-3 .cover-bar,.cover.grid.col-3 hr:not(.cover-body hr){grid-column:1 / span 3}.cover.grid.col-4 .span,.cover.grid.col-4 .cover-bar,.cover.grid.col-4 hr:not(.cover-body hr){grid-column:1 / span 4}.cover.grid hr:not(.cover-body hr){margin:0}.cover.grid .cover-body.pad{padding:0 10px}.cover.grid .cover-body.border{margin:0}.cover.grid .grid-item{text-align:center;background-color:#f3f4f6}.cover.grid.round .grid-item{border-radius:4px}.cover .action-bar{position:relative;width:100%;margin:5px 0;min-height:36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.cover .action-bar.left{float:unset;justify-content:flex-start}.cover .action-bar.right{float:unset;justify-content:flex-end}.cover .action-bar.between{justify-content:space-between}.cover .action-bar.between .item{display:flex;align-items:center}.cover .action-bar :is(.icon,button,input,select){margin:0 3px}.cover.menu{display:grid;grid-gap:10px;grid-template-columns:repeat(2,1fr);margin:0 15px;padding:0;border-radius:unset;background-color:transparent}.cover.menu .menu-btn{height:auto;padding:10px;border:none;border-radius:10px;text-align:center;color:#ffffffe6;background-color:#f3f4f6}.cover.menu .menu-btn .icon{font-weight:900;font-size:38px;padding:4px}.cover.menu .menu-btn .text{font-size:16px;font-family:Prompt}.cover.menu .menu-btn:not([class*=" "]){color:var(--text-color);box-shadow:#0000000d 0 0 0 1px}.cover.menu .menu-btn:not([class*=" "]) .icon{color:var(--color-cyan);font-weight:300}.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.menu .menu-btn:hover{opacity:1}.cover.menu .menu-btn:not(:disabled):active .icon{color:var(--link-active);transform:scale(1.1);transition:.1s}.cover.menu .menu-btn:disabled :is(.icon,.text){color:#9ca3af;pointer-events:none}.cover.markdown{padding:10px 20px;line-height:1.5}.cover.markdown hr{margin:10px 0}.cover.markdown :is(p,h1,h2,h3,h4){margin:10px 0}.cover.markdown :is(h1,h2){line-height:1.75;border-bottom:var(--cover-border)}.cover.markdown h1{font-size:1.5rem}.cover.markdown h2{font-size:1.25rem}.cover.markdown h3{font-size:1.125rem}#changelog.cover.markdown h2{font-size:1rem}#changelog.cover.markdown h2:before{content:"# "}.cover-loader{position:absolute;inset:0;padding:16px;display:flex;justify-content:center;z-index:1}.cover-loader.middle{align-items:center;transform:unset}.slim-camera{position:fixed;inset:0;width:100%;background-color:#000;z-index:5}.slim-camera .header,.slim-camera .footer,.slim-camera .body{visibility:hidden;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-family:Prompt;background-color:transparent;color:#fff}.slim-camera .header{top:0;bottom:unset;height:70px}.slim-camera .footer{top:unset;bottom:0;height:100px}.slim-camera .body{overflow-x:hidden;overflow-y:auto}.slim-camera .body #video{width:100%;max-width:768px;max-height:100%}.slim-camera .body #image{display:none}.slim-camera .header #btn-close{position:absolute;right:20px;font-size:26px;font-weight:300;cursor:pointer;-webkit-tap-highlight-color:transparent}.slim-camera .footer #btn-take{width:70px;height:70px;border-radius:50%;border:6px solid #fff;background-color:transparent;color:#fff;margin:0 70px}.slim-camera .footer .icon{font-size:32px;font-weight:300;cursor:pointer;-webkit-tap-highlight-color:transparent}.slim-camera .loader{position:fixed;inset:0;display:flex;justify-content:center;padding-top:80px;z-index:1}.slim-camera.cam-in{animation:slide-in-left .4s forwards}.slim-camera.cam-out{animation:slide-out-left .4s forwards}.slim-dialog{padding:20px;text-align:center;background-color:#00000080;z-index:5}.slim-dialog .confirm{margin:auto;width:250px;padding:10px;font-family:Prompt;border-radius:10px;background-color:#fff;animation:zoom-in .25s forwards;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.slim-dialog .confirm.green{color:var(--color-green)}.slim-dialog .confirm.green .header{border-color:var(--color-green)}.slim-dialog .confirm.red{color:var(--color-red)}.slim-dialog .confirm.red .header{border-color:var(--color-red)}.slim-dialog .confirm .header{font-size:20px;line-height:2.2;font-weight:500;border-bottom:1px solid #d4d4d4}.slim-dialog .confirm .footer{display:table;width:100%}.slim-dialog .confirm .message{line-height:2;margin:10px 0}.slim-dialog .confirm button{width:calc(50% - 5px)}.slim-dialog .alert{margin:auto;width:250px;padding:19px 10px 10px;font-family:Prompt;border-radius:10px;background-color:#fff;animation:zoom-in .25s forwards;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.slim-dialog .alert.green{color:var(--color-green)}.slim-dialog .alert.red{color:var(--color-red)}.slim-dialog .alert.orange{color:var(--color-orange)}.slim-dialog .alert.blue{color:var(--color-blue)}.slim-dialog .alert .icon{font-size:100px}.slim-dialog .alert .footer{display:table;width:100%}.slim-dialog .alert .message{line-height:2;margin:5px 0 10px}.slim-dialog .alert button{width:100%}.slim-toast{position:fixed;top:-40px;right:5px;min-width:220px;padding:0 10px;border-radius:5px;line-height:2.5;font-family:Prompt;color:#ffffffe6;z-index:2}#app:not(.full-page) .slim-toast{top:10px}.slim-toast.green{background-color:var(--color-green)}.slim-toast.red{background-color:var(--color-red)}.slim-toast.orange{background-color:var(--color-orange)}.slim-toast.blue{background-color:var(--color-blue)}.slim-toast .icon{font-size:18px}.slim-toast.show{animation:slim-toast-in .5s forwards,slim-toast-out .5s 2.5s}@keyframes slim-toast-in{0%{transform:translateY(0);opacity:0}to{transform:translateY(calc(100% + 5px));opacity:.8}}@keyframes slim-toast-out{0%{transform:translateY(calc(100% + 5px));opacity:.8}to{transform:translateY(0);opacity:0}}@media only screen and (max-width:450px){.slim-dialog{padding:0;display:flex;justify-content:center;align-items:center}}.slim-drawer.mobile .overlay{top:44px}.slim-drawer.full .overlay{top:50px}.slim-drawer.mobile .slim-toast{top:4px}.slim-drawer.full .slim-toast{top:10px}.slim-drawer{position:fixed;inset:0;width:100%;background-color:#e5e7eb;z-index:5}.slim-drawer.full{left:-100%}.slim-drawer .drawer-header{position:fixed;inset:0;display:flex;align-items:center;height:44px;padding:0 4px;background-color:#fff;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;z-index:5}.slim-drawer.full .drawer-header{position:relative;height:50px;justify-content:center;box-shadow:#00000029 0 1px 4px}.slim-drawer .drawer-header .title{display:inline-block;font-family:Prompt;font-weight:500}.slim-drawer .drawer-body{display:none;margin:44px auto auto;min-width:350px;max-width:450px;height:calc(100% - 44px);overflow:auto;animation:fade-in .4s forwards}.slim-drawer.full .drawer-body{margin:0;padding:10px;max-width:unset;height:calc(100% - 50px)}.slim-drawer .drawer-header #btn-exit{background-color:transparent}.slim-drawer.full .drawer-header #btn-exit{position:absolute;right:10px}.slim-drawer .drawer-header #btn-exit:before{content:""}.slim-drawer.full .drawer-header #btn-exit:before{content:""}.slim-drawer .loader{position:fixed;inset:0;display:flex;justify-content:center;padding-top:68px;z-index:5}@keyframes drawer-push-app{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes drawer-pull-app{0%{transform:translate(-25%)}to{transform:translate(0)}}.slim-drop{position:relative;display:inline-block;line-height:normal}:is(td,th):has(.slim-drop){overflow:visible!important}.slim-drop .drop-content{display:none;position:absolute;padding:4px;border-radius:8px;min-width:100px;white-space:nowrap;background-color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;z-index:1}.slim-drop .drop-content a{display:block;line-height:2.25;padding:0 8px;text-align:left;text-decoration:none;border-bottom:1px solid #E5E7EB}.slim-drop .drop-content a:first-child{border-radius:8px 8px 0 0}.slim-drop .drop-content a:last-child{border:none;border-radius:0 0 8px 8px}.slim-drop .drop-content a:hover{background-color:#0000000a}.slim-drop.select select{display:none}.slim-drop.select .drop-content{border-radius:0;max-height:60vh;overflow-y:auto}.slim-drop.select .drop-content::-webkit-scrollbar{width:3px}.slim-drop.select .drop-content a{border-radius:0;font-family:Sarabun;border-bottom:none}.slim-drop.select .drop-content a:hover{background-color:#e5e7eb}.slim-drop.select a.selected{color:#fff;background-color:#06b6d4;pointer-events:none}.slim-modal{padding:20px;background-color:#00000080;z-index:3}.slim-modal .content{position:relative;margin:auto;padding:0 10px;border-radius:10px;background-color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.slim-modal .content .header{position:relative;line-height:2.75;font-family:Prompt;border-bottom:1px solid #E5E7EB}.slim-modal .content .header .icon{font-size:18px}.slim-modal .content .footer{padding:5px 0;text-align:right;border-top:1px solid #E5E7EB}.slim-modal .content .footer.left{float:unset;text-align:left}.slim-modal .content .footer.right{float:unset;text-align:right}.slim-modal .content .footer.center{text-align:center}.slim-modal .content .footer button{width:100px}.slim-modal .content .footer button:last-child{margin-left:5px}.slim-modal .content .body{visibility:hidden;min-height:50px;max-height:calc(100vh - 190px);overflow-y:auto;animation:fade-in .4s forwards}.slim-modal .content #btn-exit{position:absolute;height:auto;top:50%;right:5px;transform:translateY(-50%);margin:0;padding:0;border:none;font-size:20px;color:#00000080;background-color:transparent}.slim-modal .content #btn-exit:hover,.slim-modal .content #btn-exit:active{color:var(--link-active)}.slim-modal .loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:46px;padding-bottom:51px}.slim-modal.overlay-in{animation:fade-in .4s forwards}.slim-modal.overlay-out{animation:fade-out .4s forwards}.slim-modal .content.modal-in{animation:modal-in .4s forwards}.slim-modal .content.modal-out{animation:modal-out .4s forwards}@keyframes modal-in{0%{transform:translateY(calc(-100% - 20px))}to{transform:translateY(0)}}@keyframes modal-out{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 20px))}}.slim-tabs{position:relative;background-color:#fff;min-height:200px}.slim-tabs.round{border-radius:8px}.slim-tabs .tabs-header{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 0;padding:10px;border-bottom:1px solid #E5E7EB;z-index:2}.slim-tabs .tabs-header.col-3{grid-template-columns:repeat(3,1fr)}.slim-tabs .tabs-header.col-4{grid-template-columns:repeat(4,1fr)}.slim-tabs .tabs-header.col-5{grid-template-columns:repeat(5,1fr)}.slim-tabs:has(.tabs-bar) .tabs-header{border:none}.slim-tabs .tabs-body{display:none}.slim-tabs .cover{background-color:transparent}.slim-tabs .tabs-bar{height:40px;position:relative;text-align:center;font-family:Prompt;line-height:2.5;background-color:#64748b;color:#fff;z-index:2}.slim-tabs .tabs-bar .middle.left{left:10px}.slim-tabs .tabs-bar .middle.right{right:10px}.slim-tabs .tabs-btn{position:relative;height:48px;padding:0;border-radius:0;color:var(--text-color);background-color:#e5e7eb}.slim-tabs .tabs-btn .icon{margin:0;display:block;font-size:17px;padding:4px 0 1px}.slim-tabs .tabs-btn .text{margin:0;display:block;font-size:15px;font-family:Prompt}.slim-tabs .tabs-btn:not(:last-child){border-right:1px solid #D1D5DB}.slim-tabs.round .tabs-btn:first-child{border-radius:8px 0 0 8px}.slim-tabs.round .tabs-btn:last-child{border-radius:0 8px 8px 0}.slim-tabs .tabs-btn.red{color:#fff;background-color:var(--color-red)}.slim-tabs .tabs-btn.orange{color:#fff;background-color:var(--color-orange)}.slim-tabs .tabs-btn.green{color:#fff;background-color:var(--color-green)}.slim-tabs .tabs-btn.blue{color:#fff;background-color:var(--color-blue)}.slim-tabs .tabs-btn.purple{color:#fff;background-color:var(--color-purple)}.slim-tabs .tabs-btn:hover{color:var(--link-hover);opacity:1}.slim-tabs .tabs-btn:active{color:var(--link-active)}.slim-tabs .tabs-btn.active{color:#fff;background-color:var(--color-blue)}.slim-tabs .tabs-btn:disabled{color:#d1d5db}#app.tabbar:has(.slim-tabs.mobile){padding-bottom:46px}#app-content:has(.slim-tabs.mobile){min-height:100%;background-color:#fff}.slim-tabs.mobile .cover{padding:15px}.slim-tabs.mobile .tabs-header{position:sticky;top:0;border:none;padding:2px 15px 6px;background-color:#fff}.slim-tabs.mobile .tabs-body.swiper{display:block}.slim-tabs.mobile .swiper-scrollbar{height:2px;width:calc(100% - 30px);left:15px;background-color:transparent}.slim-tabs.mobile .swiper-scrollbar .swiper-scrollbar-drag{background-color:var(--color-cyan)}.slim-tabs.mobile .tabs-btn{border:none;background-color:#fff}.slim-tabs.mobile .tabs-btn i{margin-right:4px}.slim-tabs.mobile .tabs-btn.active{color:var(--color-cyan)}.slim-tabs.mobile .tabs-btn.active i{font-weight:900}.slim-tabs .tabs-overlay{position:absolute;inset:0}.slim-tabs .tabs-btn .btn-loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}#app:has(#page-logout){padding:0}#page-logout{width:100%;height:100%;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(https://cdn.jsdelivr.net/npm/slimsdk/dist/assets/bg/bg-01.jpg)}#page-logout #content{display:none;text-align:center;animation:fadeIn .4s}#page-logout #content .logo{margin:auto auto 20px;width:150px;height:150px;border-radius:50%;background-color:#fff3;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#page-logout #content .logo img{width:100%;height:100%;border-radius:50%}#page-logout #content #btn-login{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}#page-logout #loader{width:120px;height:120px;border-radius:50%;border:12px solid #E5E7EB;border-color:#E5E7EB #06B6D4 #E5E7EB #06B6D4;animation:spin 2s linear infinite}#page-loader:has(.spinner.s32).overlay{padding-top:24px;background-color:transparent}.page-error{padding:20px;text-align:center}.page-error .icon{font-size:48px;margin-bottom:10px}.page-error .topic{font-size:18px;color:var(--color-red);font-weight:500;line-height:1.5;font-family:Prompt}.page-error .text{line-height:1.5}.page-full-load{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.page-full-load .spinner{width:120px;height:120px;border-radius:50%;border:12px solid #D1D5DB;border-color:#D1D5DB #0891B2 #D1D5DB #0891B2;animation:spin 2s linear infinite}.page-full-load .text{position:absolute;color:#0891b2;font-family:Prompt;text-align:center}.page-not-found{width:fit-content;margin:70px auto;text-align:center;font-family:Montserrat}.page-not-found h1{margin:0;color:#6b7280;font-size:100px;letter-spacing:.1em;text-shadow:.05em .05em 0 rgba(0,0,0,.25)}.page-not-found h1 i{color:#528cce;display:inline-block;animation:spooky 2s alternate infinite linear}.page-not-found h2{color:#6b7280;font-size:19px;margin:14px 0 7px}.page-not-found p{margin:0;color:#9ca3af}@keyframes spooky{0%{transform:translatey(.15em) scaley(.95)}to{transform:translatey(-.15em)}}.page-inform{width:250px;padding:10px;margin:70px auto;border-radius:10px;font-family:Prompt;text-align:center;background-color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.page-inform.red{color:var(--color-red)}.page-inform.orange{color:var(--color-orange)}.page-inform.green{color:var(--color-green)}.page-inform.blue{color:var(--color-blue)}.page-inform .icon{font-size:100px}.page-inform .msg{line-height:2.75}.page-inform button{width:100%}:root{--topbar-color: #FFFFFF;--topbar-text: var(--text-color);--topbar-logo-bg: #155E75;--sidebar-color: #164E63;--sidebar-button: #0E7490}#app{position:fixed;inset:50px 0 0;padding:10px;overflow-x:auto;overflow-y:scroll;transition:.4s}#app-content{display:none;position:relative;min-width:675px;animation:fade-in .4s forwards}#app.full-page{top:0;overflow:auto;transition:unset}#app.full-page #app-content{min-width:unset;max-width:unset}#app:not(.full-page) .overlay{top:50px}#topbar{position:fixed;inset:0;height:50px;min-width:350px;color:var(--topbar-text);background-color:var(--topbar-color);box-shadow:#00000029 0 1px 4px;z-index:1}#topbar .box{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;min-width:80px;padding:0 5px;font-size:14px;line-height:1.5}#topbar .box.left{border-right:1px solid #E5E7EB}#topbar .box.right{border-left:1px solid #E5E7EB}#topbar .box div:first-child{font-size:17px;line-height:1.25}#topbar .box.offline{color:var(--color-red)}#topbar .box .icon{line-height:normal}#topbar .box .sup-title{font-size:16px;font-weight:500}#topbar #box-logo{width:50px;min-width:unset;border:none;padding:0;transition:.4s}#topbar #box-logo .max{display:none;font-style:italic;font-family:Prompt;color:#ffffffe6;white-space:nowrap;overflow:hidden}#topbar #box-logo .max div:first-child{font-size:22px;font-weight:500;line-height:1}#topbar #box-logo .max div:last-child{font-size:12px;font-weight:300;line-height:1;margin-top:4px;color:#fffc}#topbar #box-logo #nav-menu{border-right:1px solid #E5E7EB}#topbar #box-logo #nav-menu:before{content:"";font-weight:400}#topbar button{display:block;width:50px;height:50px;border:none;border-radius:0;margin:0;padding:0;font-size:24px;font-weight:300;font-family:var(--font-icon);color:var(--text-color);background-color:transparent}#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 button:active{color:var(--link-active)}#topbar #drop-user .drop-content{top:55px;right:10px;width:200px}#topbar #drop-user .drop-content a{line-height:2.75;font-family:Prompt}#topbar #drop-user .drop-content a .icon{width:24px;font-size:20px;text-align:center;margin-right:8px}#topbar #drop-user .profile{padding:5px 0;border-radius:8px 8px 0 0;border-bottom:1px solid #E5E7EB;background-color:#f3f4f6}#topbar #drop-user .profile #image{margin:auto;width:90px;height:90px;padding:5px;border-radius:50%;border:1px solid #E5E7EB;background-color:#fff}#topbar #drop-user .profile #image img{width:100%;height:100%;border-radius:50%}#topbar #drop-user .profile .text{font-size:14px;font-weight:600;padding:5px 10px 1px 5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sidebar{position:fixed;inset:55px 0 0 -200px;width:200px;height:fit-content;overflow-x:hidden;border-radius:0 10px 10px 0;background-color:var(--sidebar-color);transition:.4s;z-index:1}#sidebar::-webkit-scrollbar{width:3px}#sidebar::-webkit-scrollbar-track{background-color:transparent}#sidebar::-webkit-scrollbar-thumb{background-color:#ffffff26}#sidebar .side-link{padding:3px 5px}#sidebar .side-link hr{margin:5px 0;border:none;border-top:2px solid rgba(0,0,0,.15)}#sidebar .side-link button{display:flex;width:100%;height:50px;border:none;border-radius:6px;align-items:center;justify-content:left;margin:2px 0;padding:0 12px;font-size:15px;color:#fffc;background-color:transparent}#sidebar .side-link button .icon{margin:0;width:32px;font-size:21px;font-weight:300;text-align:left}#sidebar .side-link button .text{margin:0;display:block;font-style:normal;font-family:Prompt;white-space:nowrap;overflow:hidden}#sidebar .side-link button:hover{color:#fff;background-color:#ffffff26}#sidebar .side-link button.active{color:#fff;background-color:var(--sidebar-button)}#sidebar .side-link button.active .icon{font-weight:900}#sidebar .side-link button:disabled{color:#ffffff4d;cursor:default}#sidebar .side-link button:disabled:hover{background-color:transparent}#sidebar .side-link .group .submenu{max-height:0;overflow:hidden;transition:max-height .4s}#sidebar .side-link .group .grp-btn.active{border-radius:10px 0;border-right:3px solid transparent}#sidebar .side-link .group .grp-btn.active.bar{border-right-color:var(--color-teal)}#sidebar .side-link .group .sub-btn{margin:0;height:40px;border-radius:0;border-left:2px solid rgba(255,255,255,.1);border-right:3px solid transparent}#sidebar .side-link .group .sub-btn .text{font-weight:300;font-style:italic}#sidebar .side-link .group .sub-btn:before{content:"";width:8px;height:8px;margin-right:12px;border-radius:50%;background-color:#ffffff80}#sidebar .side-link .group .sub-btn.active{border-right-color:var(--color-teal);background-color:#00000014}#sidebar .side-link .group .sub-btn.active:before{border-radius:0;background-color:var(--color-teal)}#sidebar.menu-in{animation:slide-in-left .4s forwards;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#sidebar.menu-out{animation:slide-out-left .4s forwards;box-shadow:unset}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db}#topbar .box:not(#box-logo){display:none}@media only screen and (min-width:600px){#topbar #box-logo{background-color:var(--topbar-logo-bg)}#topbar #box-logo #nav-menu{border:none;color:#fffc;pointer-events:none}#topbar #box-logo #nav-menu:before{content:"";font-weight:300}#topbar .box:not(#box-logo,#box-sup){display:flex}#sidebar{left:0;top:50px;width:50px;height:unset;border-radius:unset}#sidebar .side-link{padding:0}#sidebar .side-link hr{margin:0}#sidebar .side-link button{margin:0;padding:0;border-radius:unset;justify-content:center}#sidebar .side-link button .icon{width:fit-content;font-size:24px}#sidebar .side-link button .text{display:none}#sidebar .side-link .group .submenu{background-color:#00000026}#sidebar .side-link .group .grp-btn.active{border-radius:0;border:none}#sidebar .side-link .group .sub-btn{border:none;padding:0}#sidebar .side-link .group .sub-btn:before{margin:0}#app:not(.full-page),#app:not(.full-page) .overlay{left:50px}#totop{left:calc(50% + 25px)}}@media only screen and (min-width:900px){#topbar #box-logo{width:200px}#topbar #box-logo .max{display:block}#topbar #box-logo .min{display:none}#sidebar{width:200px}#sidebar .side-link{padding:5px}#sidebar .side-link hr{margin:5px 0}#sidebar .side-link button{height:40px;margin:2px 0;padding:0 12px;border-radius:6px;justify-content:left}#sidebar .side-link button .icon{width:32px;font-size:21px}#sidebar .side-link button .text{display:block}#sidebar .side-link .group .submenu{background-color:transparent}#sidebar .side-link .group .grp-btn.active{border-radius:10px 0;border-right:3px solid transparent}#sidebar .side-link .group .sub-btn{height:34px;padding:0 12px;border-left:2px solid rgba(255,255,255,.1);border-right:3px solid transparent}#sidebar .side-link .group .sub-btn:before{margin-right:12px}#app:not(.full-page),#app:not(.full-page) .overlay{left:200px}#totop{left:calc(50% + 100px)}}