@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,600&display=swap);
/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*{box-sizing:border-box;font-family:Kanit,sans-serif!important;font-weight:300;margin:0;padding:0}.MuiInput-input,.MuiMenuItem-root,.MuiSelect-select{font-weight:300!important}html{scroll-behavior:smooth!important}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#8080800d;font-size:15px}body .App{overflow:hidden}.main-body{margin-left:257px;transition-duration:.35s}.main-body main{padding:1rem!important;position:relative;z-index:0}@media screen and (min-width:650px){.main-body main{padding:1.5rem!important}}.hidden-menu{margin-left:100px}.sidebar-menu{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:0 10px 30px #1126920d;height:100%;overflow-y:auto;position:fixed;transition:all .3s;width:257px}.sidebar-menu .col-logo{align-items:center;display:flex;font-size:30px;font-weight:400;height:100px;justify-content:center;overflow:hidden;padding:.5rem}.sidebar-menu .col-logo h1{padding-left:4px}.sidebar-menu .col-logo img{height:100%;object-fit:fill;object-position:center}.sidebar-menu .menu-lang{--tw-text-opacity:1;align-items:center;color:rgb(138 146 166/var(--tw-text-opacity));display:flex;flex-direction:column;font-size:18px;font-weight:600;justify-content:center;margin-top:.5rem;width:100%}.sidebar-menu .menu-lang .lang{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:.25rem;width:100%}.sidebar-menu .title-menu{--tw-text-opacity:1;color:rgb(138 146 166/var(--tw-text-opacity));display:flex;font-size:20px;font-weight:400;justify-content:space-between;padding:1rem;width:100%}.sidebar-menu .title-menu .hidden-side{cursor:pointer}.sidebar-menu ul.menu-list{display:flex;flex-direction:column;gap:8px;padding-left:1rem;padding-right:1rem;transition:all .5s}.sidebar-menu ul.menu-list li{cursor:pointer}.sidebar-menu ul.menu-list a{--tw-text-opacity:1;align-items:center;color:rgb(138 146 166/var(--tw-text-opacity));display:flex;font-size:18px;font-weight:600;gap:.5rem;justify-content:flex-start;padding:8px 24px;width:100%}.sidebar-menu ul.menu-list a svg{height:18px;width:18px}.sidebar-menu ul.menu-list .dropdown-menu{--tw-text-opacity:1;align-items:center;display:flex;gap:.5rem;justify-content:center}.sidebar-menu ul.menu-list .copy,.sidebar-menu ul.menu-list .dropdown-menu{color:rgb(138 146 166/var(--tw-text-opacity));font-size:18px;font-weight:600;width:100%}.sidebar-menu ul.menu-list .copy{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));justify-content:space-between;margin-left:1.25rem}.sidebar-menu ul.menu-list ul.menu-group{animation-duration:.35s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;display:none;flex-direction:column;height:100%;overflow:hidden;padding-left:1.5rem}@keyframes fadeInDown{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20px,0)}}@keyframes fadeInUp{0%{transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.sidebar-menu ul.menu-list ul.sub-active{animation-duration:.2s;-webkit-animation-duration:.2s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;display:block}.sidebar-menu ul.menu-list .active{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(58 87 232/var(--tw-bg-opacity));border-radius:4px;box-shadow:0 2px 4px #8a92a64d;color:rgb(255 255 255/var(--tw-text-opacity))}.sidebar-menu ul.menu-list .side-buttom{bottom:1rem;display:flex;flex-direction:column;position:absolute;width:100%}.sidebar-menu ul.menu-list .side-buttom .logout{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity));font-size:16px;font-weight:600;justify-content:flex-start;width:100%}.sidebar-menu ul.menu-list .side-buttom .wanhengversion{--tw-text-opacity:1;color:rgb(138 146 166/var(--tw-text-opacity));font-size:14px;font-weight:400;margin-top:.5rem}.hidden{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:0 10px 30px #1126920d;height:100%;overflow-y:auto;position:fixed;transition:all .3s;width:100px}.hidden .col-logo{border-bottom:2px;border-color:none;border-style:none}.hidden .col-logo h1{display:none}.hidden .title-menu{--tw-text-opacity:1;color:rgb(138 146 166/var(--tw-text-opacity));display:flex;font-size:20px;font-weight:400;justify-content:center;padding:1rem;width:100%}.hidden .title-menu p{display:none}.hidden .title-menu .hidden-side{cursor:pointer}.hidden ul.menu-list{display:flex;flex-direction:column;gap:8px;padding-left:.2rem;padding-right:.2rem;transition:all .5s}.hidden ul.menu-list li{cursor:pointer}.hidden ul.menu-list a{--tw-text-opacity:1;align-items:center;color:rgb(138 146 166/var(--tw-text-opacity));display:flex;font-size:18px;font-weight:600;gap:.5rem;justify-content:center;width:100%}.hidden ul.menu-list a p{display:none}.hidden ul.menu-list a svg{height:24px;width:24px}.hidden ul.menu-list .dropdown-menu{--tw-text-opacity:1;align-items:center;display:flex;justify-content:center}.hidden ul.menu-list .copy,.hidden ul.menu-list .dropdown-menu{color:rgb(138 146 166/var(--tw-text-opacity));font-size:10px;font-weight:600;width:100%}.hidden ul.menu-list .copy{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));justify-content:space-between}.hidden ul.menu-list ul.menu-group{padding-left:.1rem}.hidden ul.menu-list .side-buttom{align-items:center;bottom:1rem;display:flex;flex-direction:column;position:absolute;width:100%}.hidden ul.menu-list .side-buttom .logout{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity));font-size:13px;font-weight:600;justify-content:flex-start;width:100%}.hidden ul.menu-list .side-buttom .wanhengversion{--tw-text-opacity:1;color:rgb(138 146 166/var(--tw-text-opacity));font-size:10px;font-weight:400;margin-left:0;margin-top:.5rem}nav{justify-content:flex-end;left:0;position:fixed;top:0;width:100%}nav,nav .profile-img{display:flex;height:77px}nav .profile-img{align-items:center;justify-content:center;margin-right:.5rem;padding:1rem;width:80px}nav .profile-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}#login-page{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));bottom:0;display:flex;height:100%;left:0;position:absolute;right:0;top:0;width:100%}#login-page #form-blog{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media (min-width:650px){#login-page #form-blog{width:100%}}#login-page #form-blog .title{align-items:center;display:flex;flex-direction:column}#login-page #form-blog .title h1{font-size:33px;font-weight:500}#login-page #form-blog .title p{color:#8a92a6;font-size:16px;font-weight:300}#login-page #form-blog .form{display:flex;flex-direction:column;margin-top:16px;min-width:100%;padding:1rem}@media (min-width:980px){#login-page #form-blog .form{min-width:436px}}#login-page #form-blog .form .group{display:flex;flex-direction:column;margin-top:18px}#login-page #form-blog .form .group label{color:#8a92a6;font-size:16px;font-weight:300}#login-page #form-blog .form .group input{border:1px solid #3a57e8;border-radius:4px;font-size:16px;margin-top:0;padding:8px;width:100%}#login-page #form-blog .form .group-check-forgot{display:flex;justify-content:flex-end;margin-top:16px}#login-page #form-blog .form .group-check-forgot .check-box{align-items:center;column-gap:.33rem;display:flex}#login-page #form-blog .form .group-check-forgot .check-box input[type=checkbox]{border:1px solid #8a92a6;color:red;height:16px;width:16px}#login-page #form-blog .form .group-check-forgot .check-box p{color:#8a92a6;font-size:16px;font-weight:300}#login-page #form-blog .form .group-check-forgot .forgot a{color:#3a57e8;font-weight:400}#login-page #form-blog .form .btn{display:flex;justify-content:center;margin-top:1.75rem;width:100%}#login-page #form-blog .form .btn button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(58 87 232/var(--tw-bg-opacity));border-radius:4px;color:rgb(255 255 255/var(--tw-text-opacity));font-size:16px;font-weight:500;padding:8px 60px}#login-page #form-blog .form .col-sign-up{display:flex;flex-direction:row;justify-content:center;margin-top:16px}#login-page #form-blog .form .col-sign-up p{font-size:16px}#login-page #form-blog .form .col-sign-up p a{color:#3a57e8;font-size:16px;font-weight:400}#login-page #image-blog{display:none;width:100%}@media (min-width:650px){#login-page #image-blog{display:block;width:50%}}#login-page #image-blog{background:url(/static/media/bglogin1.e62cba17b07cd9c89b36.png);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:3rem}#dashboard-page{align-items:center;display:flex;flex-direction:column}#dashboard-page .section-card{display:grid;grid-template-columns:auto auto auto;justify-content:space-around}@media screen and (max-width:1700px){#dashboard-page .section-card{display:flex;flex-wrap:wrap}}#dashboard-page .section-card .card-item{align-items:center;background:#fff;border-radius:30px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:150px;margin:8px;width:500px}@media screen and (max-width:1700px){#dashboard-page .section-card .card-item{width:400px}}@media screen and (max-width:1150px){#dashboard-page .section-card .card-item{width:250px}}#dashboard-page .section-card .card-item .content{align-items:start;border-radius:30px 30px 0 0;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 16px;width:100%}#dashboard-page .section-card .card-item .content .head{align-items:center;display:flex}#dashboard-page .section-card .card-item .content .detail{display:flex;justify-content:space-between;justify-self:start;width:100%}#dashboard-page .section-card .card-item .content .detail p.number{color:#fff;font-size:xx-large;font-weight:700;margin:4px}#dashboard-page .section-card .card-item .content .detail .detail-platform{display:flex}#dashboard-page .section-card .card-item .content .detail .detail-platform .dashed-line{border-left:2px dashed #fff;margin:0 4px;padding-right:12px}#dashboard-page .section-card .card-item .content .detail .detail-platform .platform{align-self:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}#dashboard-page .section-card .card-item .content .detail .detail-platform .platform .os{align-items:center;display:flex;flex-direction:row}#dashboard-page .section-card .card-item .content .detail .detail-platform .platform .os img{filter:brightness(0) invert(1);width:15px}#dashboard-page .section-card .card-item .content .detail .detail-platform .platform .os p{align-items:end;color:#fff;font-weight:400;justify-self:center;padding-left:4px}#dashboard-page .section-card .card-item a{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:30%;justify-content:center;width:100%}#dashboard-page .section-card .card-item a .ontap-box{font-size:medium;font-weight:400}#dashboard-page .section-card .card-item .link-to-null{border-radius:0 0 30px 30px;height:30%;width:100%}#dashboard-page .section-chart{display:flex;height:350px;justify-content:start;margin-top:1rem;width:800px}@media screen and (max-width:1100px){#dashboard-page .section-chart{height:100%;width:100%}}#dashboard-page .section-chart .chart-one{background:#fff;border-radius:30px;box-shadow:0 3px 8px #0000003d}.custom-modal .body-modal .modal-top{align-items:center;display:flex;margin-bottom:12px}.custom-modal .body-modal .modal-top img{background-color:#fff;border:1px solid #8080802f;border-radius:50%;height:100px;width:100px}.custom-modal .body-modal .modal-top h1{margin-left:18px}.custom-modal .body-modal .modal-content .field{align-items:start;border-bottom:.5px solid #8080802f;display:flex;flex-direction:row;justify-content:space-between;padding:12px 0}.custom-modal .body-modal .modal-content .field .label{font-weight:400;padding-right:12px}.custom-modal .body-modal .modal-content .field .user-data{border:1px solid #80808075;border-radius:12px;padding:8px}@media screen and (min-width:740px){.custom-modal .body-modal .modal-content .field .user-data{min-width:400px}}#admin-page .col-tabtop,#version-page .col-tabtop{display:flex;justify-content:end;margin-bottom:8px}.swal2-container{z-index:2000!important}.custom-modal{z-index:1}.custom-modal .body-modal{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:10px;display:flex;flex-direction:column;flex-wrap:wrap;left:50%;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.custom-modal .body-modal button{background-color:#6ee37adc;color:#535329;margin-top:1rem}.custom-modal .body-modal .modal-top h1{color:#0048b3;font-size:24px;font-weight:500}.custom-modal .body-modal .MuiFormControl-root{margin-top:.5rem}.custom-modal .body-modal .manage-posts{margin-bottom:.5rem}.custom-modal .body-modal .manage-posts .content{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.custom-modal .body-modal .radio-luck{align-items:center;display:flex;margin-top:.5rem}.custom-modal .body-modal .modal-footer{display:flex;justify-content:flex-end;margin-top:1rem}.custom-modal .body-modal .modal-footer .btn-cancel{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));margin-right:.5rem}.custom-modal .body-modal .modal-footer .btn-save{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 72 179/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}
/*# sourceMappingURL=main.94cf9d6c.css.map*/