@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";: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{width:100%;height:100%;margin:0;padding:0;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);cursor:pointer;-webkit-tap-highlight-color:transparent;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);font-weight:400;line-height:1;display:inline-block}.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{width:100%;display:table}.middle{align-items:center;margin:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.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{z-index:5;background-color:#0000000d;transition:all .4s;position:fixed;inset:0}.overlay.center{justify-content:center;padding-top:50px;display:flex}.overlay.middle{transform:unset;justify-content:center;align-items:center;display:flex}#totop{z-index:5;transition:all .4s;display:none;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#totop button{margin:0 .5em;display:block}body:has(#app.full-page) #totop{left:50%}body:has(#app.tabbar) #totop{bottom:66px}.spinner{border:4px solid #0ea5e9;border-color:#0ea5e9 #0ea5e9 #f1f5f9 #f1f5f9;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner.s22{border-width:3px;width:22px;height:22px}.spinner.s24{border-width:3px;width:24px;height:24px}.spinner.s28{border-width:4px;width:28px;height:28px}.spinner.s32{border-width:4px;width:32px;height:32px}.spinner.s36{border-width:4px;width:36px;height:36px}.lds-spinner{width:64px;height:64px;display:block;position:relative}.lds-spinner div{transform-origin:32px 32px;animation:1.2s linear infinite lds-spinner}.lds-spinner div:after{content:"";background:#fff;border-radius:20%;width:5px;height:15px;display:block;position:absolute;top:0;left:30px}.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}}.lds-ellipsis{color:#fffc;width:60px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-ellipsis div{background:currentColor;border-radius:50%;width:10px;height:10px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:10px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:6px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:6px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:24px}.lds-ellipsis 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)}}@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{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:40px;display:inline-block;position:relative}.check-box.xl{height:48px}.check-box.lg{height:44px}.check-box.sm{height:36px}.check-box.tn{height:32px}.check-box input{opacity:0;width:0;height:0;position:absolute}.check-box .text{background-color:#f3f4f6;border-radius:4px;align-items:center;height:100%;padding-left:36px;display:flex}.check-box.notbg .text{background-color:#0000}.check-box .mark{background-color:#0003;width:20px;height:20px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.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{width:48px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000001a;transition:all .4s;position:absolute;inset:0}.switch .slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.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{border-bottom:var(--layout-border);grid-template-columns:64px auto;padding:10px 0;display:grid}:is(.list-avatar,.list-image):first-child{border-top:var(--layout-border)}:is(.list-avatar,.list-image) .col{flex-direction:column;justify-content:center;line-height:1.5;display:flex;position:relative}: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{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:28px;height:100%;font-size:18px;display:flex;position:absolute;right:0}: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{background-color:#0000000a;justify-content:center;align-items:center;height:48px;display:flex}.list-avatar .logo{border-radius:50%;width:48px}.list-image .logo{border-radius:4px;width:64px}:is(.list-avatar,.list-image) .logo .icon{font-size:28px}:is(.list-avatar,.list-image) .logo img{border-radius:4px;width:100%;height:100%}.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{align-items:center;height:44px;padding:0 34px 0 10px;font-weight:600;display:flex;position:relative}.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;transition:max-height .2s ease-out;overflow:hidden}.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{cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:18px;display:block;position:absolute;right:8px}.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{background-color:#fff;width:fit-content;margin:auto;padding:5mm;position:relative}.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{color:#000!important;background-color:#fff!important;border:none!important}.paper{padding:0!important}.paper.shadow{box-shadow:unset!important}}:root{--table-th-bg:#f3f4f6;--table-border:1px solid #e5e7eb}.table{border-collapse:collapse;width:100%;line-height:2.5}.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,.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{table-layout:fixed;width:100%;display:table}.table.scroll.wrap td{max-width:unset}.table .td2row{padding:3px 8px;line-height:1.5}.table .td2row div:first-child{font-weight:500}.table .td2row div:last-child{color:#9ca3af;font-size:14px;font-style:italic;line-height:1.429}.table.wrap td{text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.table.wrap .td2row div{text-overflow:ellipsis;overflow:hidden}.table button{opacity:.75}.table button:hover{opacity:1}.table .cell-btn button{margin:0 2px}.table .cell-btn{text-align:center;padding:0;line-height:normal}.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{grid-gap:10px;grid-template-columns:repeat(4,1fr);display:grid}.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:0 1px 4px #00000029}.wg-box .wg-bar{text-align:center;color:#fff;background-color:#e5e7eb;grid-column:1/span 4;font-family:Prompt;font-weight:400;line-height:2.5;position:relative}.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{text-align:center;color:#fffc;background-color:#e5e7eb;font-family:Prompt}.wg-box .wg-item .num{color:#fff;height:28px;font-size:17px;line-height:1.648}.wg-box .wg-item .text{white-space:nowrap;text-overflow:ellipsis;background-color:#0000000d;height:22px;font-size:13px;line-height:1.693;overflow:hidden}.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{width:100%;height:auto;color:var(--color-gray);background-color:#0000;border:2px solid #e5e7eb;border-radius:10px;padding:10px;display:block}.grid-btn i{margin:0;display:block}.grid-btn .icon{margin:8px 0;font-size:48px;font-weight:300}.grid-btn .text{font-family:Prompt;line-height:2}.grid-btn:hover{color:var(--color-blue);box-shadow:0 2px 8px #63636333}.grid-btn:hover .icon{transform:scale(1.1)}.grid-btn:disabled{color:#d1d5db;background-color:#0000;border-color:#0000}button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0003;border:none;border-radius:8px;outline:none;height:40px;padding:0 1em;font-family:Prompt,sans-serif;font-size:16px}button[fill=clear]{color:#0006;background-color:#0000}button[fill=outline]{color:#0006;background-color:#0000;border:2px solid #0003}button.block{border-radius:0}button.round{border-radius:1.1em}button:is(.square,.circle){width:40px;height:40px;font-family:var(--font-icon);padding:0;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{font-style:normal;font-family:var(--font-icon);margin-right:.375em}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:#0000}button[fill].orange{color:var(--color-orange);border-color:var(--color-orange);background-color:#0000}button[fill].green{color:var(--color-green);border-color:var(--color-green);background-color:#0000}button[fill].blue{color:var(--color-blue);border-color:var(--color-blue);background-color:#0000}button[fill].purple{color:var(--color-purple);border-color:var(--color-purple);background-color:#0000}button[fill].gray{color:var(--color-gray);border-color:var(--color-gray);background-color:#0000}button[fill].brown{color:var(--color-brown);border-color:var(--color-brown);background-color:#0000}button[fill].teal{color:var(--color-teal);border-color:var(--color-teal);background-color:#0000}button[fill].cyan{color:var(--color-cyan);border-color:var(--color-cyan);background-color:#0000}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{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}:root{--input-bg:#fff;--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{-webkit-appearance:none}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{visibility:hidden;width:0!important;margin:0!important;padding:0!important}.required{color:#d1d5db;font-style:italic}select,textarea,input:not([type=radio],[type=checkbox]){outline-color:var(--input-outline);border:var(--input-border);color:var(--input-color);background-color:var(--input-bg);border-radius:4px;font-family:Sarabun,sans-serif;font-size:16px;line-height:2.25}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.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{resize:vertical;vertical-align:top;width:100%;padding:4px 8px;line-height:1.5}.input-box{padding-top:11.5px;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.5;position:absolute;top:0;left:10px;overflow:hidden}.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:#fff;--cover-bar-bg:#e5e7eb;--cover-border:1px solid #e5e7eb}.cover{background-color:var(--cover-bg);min-height:60px;padding:10px;line-height:1.75;position:relative}.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){background-color:var(--cover-bg);min-height:100%}.cover .cover-bar{text-align:center;background-color:var(--cover-bar-bg);z-index:1;height:40px;font-family:Prompt;font-weight:500;line-height:2.5;position:relative}.cover .cover-bar.outline{border-top:var(--cover-border);border-bottom:var(--cover-border);background-color:#0000;border-radius:0!important}.cover .cover-bar.xl{height:48px;font-size:18px;line-height:2.667}.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{color:#fff;background-color:#64748b;font-weight:400}.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{border:var(--cover-border);margin-top:10px;padding:10px}.cover.round .cover-body.border{border-radius:4px}.cover hr{border:none;border-top:var(--cover-border);margin:5px 0}.cover hr.dashed{border-top-style:dashed}.cover.grid{grid-gap:10px;grid-template-columns:repeat(2,1fr);display:grid}.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{flex-wrap:wrap;justify-content:center;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.between{justify-content:space-between}.cover .action-bar.between .item{align-items:center;display:flex}.cover .action-bar :is(.icon,button,input,select){margin:0 3px}.cover.menu{grid-gap:10px;border-radius:unset;background-color:#0000;grid-template-columns:repeat(2,1fr);margin:0 15px;padding:0;display:grid}.cover.menu .menu-btn{text-align:center;color:#ffffffe6;background-color:#f3f4f6;border:none;border-radius:10px;height:auto;padding:10px}.cover.menu .menu-btn .icon{padding:4px;font-size:38px;font-weight:900}.cover.menu .menu-btn .text{font-family:Prompt;font-size:16px}.cover.menu .menu-btn:not([class*=\ ]){color:var(--text-color);box-shadow:0 0 0 1px #0000000d}.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);transition:all .1s;transform:scale(1.1)}.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,.cover.markdown :is(p,h1,h2,h3,h4){margin:10px 0}.cover.markdown :is(h1,h2){border-bottom:var(--cover-border);line-height:1.75}.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{z-index:1;justify-content:center;padding:16px;display:flex;position:absolute;inset:0}.cover-loader.middle{transform:unset;align-items:center}.slim-camera{z-index:5;background-color:#000;width:100%;position:fixed;inset:0}.slim-camera .header,.slim-camera .footer,.slim-camera .body{visibility:hidden;color:#fff;background-color:#0000;justify-content:center;align-items:center;font-family:Prompt;display:flex;position:fixed;inset:0}.slim-camera .header{top:0;bottom:unset;height:70px}.slim-camera .footer{top:unset;height:100px;bottom:0}.slim-camera .body{overflow:hidden auto}.slim-camera .body #video{width:100%;max-width:768px;max-height:100%}.slim-camera .body #image{display:none}.slim-camera .header #btn-close{cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:26px;font-weight:300;position:absolute;right:20px}.slim-camera .footer #btn-take{color:#fff;background-color:#0000;border:6px solid #fff;border-radius:50%;width:70px;height:70px;margin:0 70px}.slim-camera .footer .icon{cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:32px;font-weight:300}.slim-camera .loader{z-index:1;justify-content:center;padding-top:80px;display:flex;position:fixed;inset:0}.slim-camera.cam-in{animation:.4s forwards slide-in-left}.slim-camera.cam-out{animation:.4s forwards slide-out-left}.slim-dialog{text-align:center;z-index:5;background-color:#00000080;padding:20px}.slim-dialog .confirm{background-color:#fff;border-radius:10px;width:250px;margin:auto;padding:10px;font-family:Prompt;animation:.25s forwards zoom-in;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{border-bottom:1px solid #d4d4d4;font-size:20px;font-weight:500;line-height:2.2}.slim-dialog .confirm .footer{width:100%;display:table}.slim-dialog .confirm .message{margin:10px 0;line-height:2}.slim-dialog .confirm button{width:calc(50% - 5px)}.slim-dialog .alert{background-color:#fff;border-radius:10px;width:250px;margin:auto;padding:19px 10px 10px;font-family:Prompt;animation:.25s forwards zoom-in;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{width:100%;display:table}.slim-dialog .alert .message{margin:5px 0 10px;line-height:2}.slim-dialog .alert button{width:100%}.slim-toast{color:#ffffffe6;z-index:2;border-radius:5px;min-width:220px;padding:0 10px;font-family:Prompt;line-height:2.5;position:fixed;top:-40px;right:5px}#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:.5s forwards slim-toast-in,.5s 2.5s slim-toast-out}@keyframes slim-toast-in{0%{opacity:0;transform:translateY(0)}to{opacity:.8;transform:translateY(calc(100% + 5px))}}@keyframes slim-toast-out{0%{opacity:.8;transform:translateY(calc(100% + 5px))}to{opacity:0;transform:translateY(0)}}@media only screen and (width<=450px){.slim-dialog{justify-content:center;align-items:center;padding:0;display:flex}}.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{z-index:5;background-color:#e5e7eb;width:100%;position:fixed;inset:0}.slim-drawer.full{left:-100%}.slim-drawer .drawer-header{z-index:5;background-color:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;align-items:center;height:44px;padding:0 4px;display:flex;position:fixed;inset:0}.slim-drawer.full .drawer-header{justify-content:center;height:50px;position:relative;box-shadow:0 1px 4px #00000029}.slim-drawer .drawer-header .title{font-family:Prompt;font-weight:500;display:inline-block}.slim-drawer .drawer-body{min-width:350px;max-width:450px;height:calc(100% - 44px);margin:44px auto auto;animation:.4s forwards fade-in;display:none;overflow:auto}.slim-drawer.full .drawer-body{max-width:unset;height:calc(100% - 50px);margin:0;padding:10px}.slim-drawer .drawer-header #btn-exit{background-color:#0000}.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{z-index:5;justify-content:center;padding-top:68px;display:flex;position:fixed;inset:0}@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{line-height:normal;display:inline-block;position:relative}:is(td,th):has(.slim-drop){overflow:visible!important}.slim-drop .drop-content{white-space:nowrap;z-index:1;background-color:#fff;border-radius:8px;min-width:100px;padding:4px;display:none;position:absolute;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.slim-drop .drop-content a{text-align:left;border-bottom:1px solid #e5e7eb;padding:0 8px;line-height:2.25;text-decoration:none;display:block}.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-bottom:none;border-radius:0;font-family:Sarabun}.slim-drop.select .drop-content a:hover{background-color:#e5e7eb}.slim-drop.select a.selected{color:#fff;pointer-events:none;background-color:#06b6d4}.slim-modal{z-index:3;background-color:#00000080;padding:20px}.slim-modal .content{background-color:#fff;border-radius:10px;margin:auto;padding:0 10px;position:relative;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.slim-modal .content .header{border-bottom:1px solid #e5e7eb;font-family:Prompt;line-height:2.75;position:relative}.slim-modal .content .header .icon{font-size:18px}.slim-modal .content .footer{text-align:right;border-top:1px solid #e5e7eb;padding:5px 0}.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);animation:.4s forwards fade-in;overflow-y:auto}.slim-modal .content #btn-exit{color:#00000080;background-color:#0000;border:none;height:auto;margin:0;padding:0;font-size:20px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.slim-modal .content #btn-exit:hover,.slim-modal .content #btn-exit:active{color:var(--link-active)}.slim-modal .loader{justify-content:center;align-items:center;padding-top:46px;padding-bottom:51px;display:flex;position:absolute;inset:0}.slim-modal.overlay-in{animation:.4s forwards fade-in}.slim-modal.overlay-out{animation:.4s forwards fade-out}.slim-modal .content.modal-in{animation:.4s forwards modal-in}.slim-modal .content.modal-out{animation:.4s forwards modal-out}@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{background-color:#fff;min-height:200px;position:relative}.slim-tabs.round{border-radius:8px}.slim-tabs .tabs-header{z-index:2;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(2,1fr);gap:4px 0;padding:10px;display:grid}.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:#0000}.slim-tabs .tabs-bar{text-align:center;color:#fff;z-index:2;background-color:#64748b;height:40px;font-family:Prompt;line-height:2.5;position:relative}.slim-tabs .tabs-bar .middle.left{left:10px}.slim-tabs .tabs-bar .middle.right{right:10px}.slim-tabs .tabs-btn{height:48px;color:var(--text-color);background-color:#e5e7eb;border-radius:0;padding:0;position:relative}.slim-tabs .tabs-btn .icon{margin:0;padding:4px 0 1px;font-size:17px;display:block}.slim-tabs .tabs-btn .text{margin:0;font-family:Prompt;font-size:15px;display:block}.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){background-color:#fff;min-height:100%}.slim-tabs.mobile .cover{padding:15px}.slim-tabs.mobile .tabs-header{background-color:#fff;border:none;padding:2px 15px 6px;position:sticky;top:0}.slim-tabs.mobile .tabs-body.swiper{display:block}.slim-tabs.mobile .swiper-scrollbar{background-color:#0000;width:calc(100% - 30px);height:2px;left:15px}.slim-tabs.mobile .swiper-scrollbar .swiper-scrollbar-drag{background-color:var(--color-cyan)}.slim-tabs.mobile .tabs-btn{background-color:#fff;border:none}.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{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#app:has(#page-logout){padding:0}#page-logout{background-image:url(https://cdn.jsdelivr.net/npm/slimsdk/dist/assets/bg/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 #content .logo{background-color:#fff3;border-radius:50%;width:150px;height:150px;margin:auto auto 20px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#page-logout #content .logo img{border-radius:50%;width:100%;height:100%}#page-logout #content #btn-login{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}#page-logout #loader{border:12px solid #e5e7eb;border-color:#e5e7eb #06b6d4;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin}#page-loader:has(.spinner.s32).overlay{background-color:#0000;padding-top:24px}.page-error{text-align:center;padding:20px}.page-error .icon{margin-bottom:10px;font-size:48px}.page-error .topic{color:var(--color-red);font-family:Prompt;font-size:18px;font-weight:500;line-height:1.5}.page-error .text{line-height:1.5}.page-full-load{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-full-load .spinner{border:12px solid #d1d5db;border-color:#d1d5db #0891b2;border-radius:50%;width:120px;height:120px;animation:2s linear infinite spin}.page-full-load .text{color:#0891b2;text-align:center;font-family:Prompt;position:absolute}.page-not-found{text-align:center;width:fit-content;margin:70px auto;font-family:Montserrat}.page-not-found h1{color:#6b7280;letter-spacing:.1em;text-shadow:.05em .05em #00000040;margin:0;font-size:100px}.page-not-found h1 i{color:#528cce;animation:2s linear infinite alternate spooky;display:inline-block}.page-not-found h2{color:#6b7280;margin:14px 0 7px;font-size:19px}.page-not-found p{color:#9ca3af;margin:0}@keyframes spooky{0%{transform:translateY(.15em)scaleY(.95)}to{transform:translateY(-.15em)}}.page-inform{text-align:center;background-color:#fff;border-radius:10px;width:250px;margin:70px auto;padding:10px;font-family:Prompt;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:#fff;--topbar-text:var(--text-color);--topbar-logo-bg:#155e75;--sidebar-color:#164e63;--sidebar-button:#0e7490}#app{padding:10px;transition:all .4s;position:fixed;inset:50px 0 0;overflow:auto scroll}#app-content{min-width:675px;animation:.4s forwards fade-in;display:none;position:relative}#app.full-page{transition:unset;top:0;overflow:auto}#app.full-page #app-content{min-width:unset;max-width:unset}#app:not(.full-page) .overlay{top:50px}#topbar{min-width:350px;height:50px;color:var(--topbar-text);background-color:var(--topbar-color);z-index:1;position:fixed;inset:0;box-shadow:0 1px 4px #00000029}#topbar .box{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:80px;height:100%;padding:0 5px;font-size:14px;line-height:1.5;display:flex}#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:all .4s}#topbar #box-logo .max{color:#ffffffe6;white-space:nowrap;font-family:Prompt;font-style:italic;display:none;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{color:#fffc;margin-top:4px;font-size:12px;font-weight:300;line-height:1}#topbar #box-logo #nav-menu{border-right:1px solid #e5e7eb}#topbar #box-logo #nav-menu:before{content:"";font-weight:400}#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;margin:0;padding:0;display:block}#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{width:200px;top:55px;right:10px}#topbar #drop-user .drop-content a{font-family:Prompt;line-height:2.75}#topbar #drop-user .drop-content a .icon{text-align:center;width:24px;margin-right:8px;font-size:20px}#topbar #drop-user .profile{background-color:#f3f4f6;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;padding:5px 0}#topbar #drop-user .profile #image{background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;width:90px;height:90px;margin:auto;padding:5px}#topbar #drop-user .profile #image img{border-radius:50%;width:100%;height:100%}#topbar #drop-user .profile .text{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:5px 10px 1px 5px;font-size:14px;font-weight:600;overflow:hidden}#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::-webkit-scrollbar{width:3px}#sidebar::-webkit-scrollbar-track{background-color:#0000}#sidebar::-webkit-scrollbar-thumb{background-color:#ffffff26}#sidebar .side-link{padding:3px 5px}#sidebar .side-link hr{border:none;border-top:2px solid #00000026;margin:5px 0}#sidebar .side-link 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-size:15px;display:flex}#sidebar .side-link button .icon{text-align:left;width:32px;margin:0;font-size:21px;font-weight:300}#sidebar .side-link button .text{white-space:nowrap;margin:0;font-family:Prompt;font-style:normal;display:block;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:#0000}#sidebar .side-link .group .submenu{max-height:0;transition:max-height .4s;overflow:hidden}#sidebar .side-link .group .grp-btn.active{border-right:3px solid #0000;border-radius:10px 0}#sidebar .side-link .group .grp-btn.active.bar{border-right-color:var(--color-teal)}#sidebar .side-link .group .sub-btn{border-left:2px solid #ffffff1a;border-right:3px solid #0000;border-radius:0;height:40px;margin:0}#sidebar .side-link .group .sub-btn .text{font-style:italic;font-weight:300}#sidebar .side-link .group .sub-btn:before{content:"";background-color:#ffffff80;border-radius:50%;width:8px;height:8px;margin-right:12px}#sidebar .side-link .group .sub-btn.active{border-right-color:var(--color-teal);background-color:#00000014}#sidebar .side-link .group .sub-btn.active:before{background-color:var(--color-teal);border-radius:0}#sidebar.menu-in{animation:.4s forwards slide-in-left;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}#sidebar.menu-out{box-shadow:unset;animation:.4s forwards slide-out-left}::-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 (width>=600px){#topbar #box-logo{background-color:var(--topbar-logo-bg)}#topbar #box-logo #nav-menu{color:#fffc;pointer-events:none;border:none}#topbar #box-logo #nav-menu:before{content:"";font-weight:300}#topbar .box:not(#box-logo,#box-sup){display:flex}#sidebar{width:50px;height:unset;border-radius:unset;top:50px;left:0}#sidebar .side-link{padding:0}#sidebar .side-link hr{margin:0}#sidebar .side-link button{border-radius:unset;justify-content:center;margin:0;padding:0}#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:none;border-radius:0}#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 (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{border-radius:6px;justify-content:left;height:40px;margin:2px 0;padding:0 12px}#sidebar .side-link button .icon{width:32px;font-size:21px}#sidebar .side-link button .text{display:block}#sidebar .side-link .group .submenu{background-color:#0000}#sidebar .side-link .group .grp-btn.active{border-right:3px solid #0000;border-radius:10px 0}#sidebar .side-link .group .sub-btn{border-left:2px solid #ffffff1a;border-right:3px solid #0000;height:34px;padding:0 12px}#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)}}