.loading{position:absolute;top:0;left:0;z-index:10000;content:"";width:100vw;height:100vw;z-index:100000;background-color:#393939e6}.loading .handling{font-size:medium;font-weight:700;color:#f1f1f1;line-height:unset;padding:20px;margin-bottom:230px}.loading .btn-cancel{margin-top:20px;background-color:#16533d;color:#fff}.loading .btn-cancel svg{margin-left:5px}.loading .btn-cancel:hover{background-color:#16533d!important}.loading .cancel{font-size:20px;color:#fff}.loading .ant-spin-dot-item{background-color:#4ac486!important}.error-page{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;flex-direction:column;height:100vh}.header{position:fixed;top:0;width:100%;z-index:1000;background-color:#16533d;height:80px;padding:10px;box-shadow:1px 0 10px #000;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.header .container-profile{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:nowrap}.header .profile{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap}.header .profile .avatar{border:2px solid #16533D}.header .profile .logo{object-fit:cover;width:150px;cursor:pointer}.header .profile .information{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;flex-direction:column;margin:0 10px}.header .profile .information .name{font-size:16px;font-weight:700}.header .profile .information .role{font-size:14px;font-weight:300}.header .btn-logout{background-color:#f1f1f1}.header .today{margin-top:10px;color:#fff;text-align:center;font-size:large}.modal-logout .ant-modal-title{text-align:center}.modal-logout .ant-modal-body{text-align:center;padding:10px 0}.modal-logout .ant-modal-footer .ant-btn:nth-child(2) span{color:#fff!important}@media screen and (max-width: 769px){.header{height:90px}.header .today{margin-right:5px;font-size:14px}}.ant-dropdown-menu-title-content{font-weight:500!important;font-size:medium!important;padding:5px 20px}.ant-modal .ant-modal-title{text-align:center;font-size:x-large;font-weight:600}.ant-modal .description{font-size:medium;font-weight:500;color:#000}.container-content{margin-top:20px;height:100%;max-height:calc(100vh - 80px);overflow-y:scroll}@media screen and (max-width: 769px){.container-content{margin-top:85px}}.base-layout .content-layout{padding-top:80px}.login-page{height:100vh;position:absolute;z-index:1;width:100%;top:0;left:0}.login-page .login-form-container{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;flex-direction:column;padding:20px;height:100%}.login-page .name-app-title{text-align:center;margin-bottom:20px;font-size:50px;color:#fff;font-weight:900;text-shadow:3px 3px 2px rgb(22,83,61)}.login-page .pushable{background:#0c3828;border-radius:12px;border:none;padding:0;display:inline-block;cursor:pointer;outline-offset:4px;margin-top:10px}.login-page .front:hover{background:#196e44!important}.login-page .front{border:none;outline:none;height:unset;padding:15px 42px;border-radius:12px;font-size:1.25rem;opacity:1!important;color:#fff;font-weight:700;background:#196e44;transform:translateY(-6px);display:flex;justify-content:space-evenly;align-items:center}.login-page .front svg{color:#fff}.login-page .front .icon-gg{margin-right:8px}.login-page .front .text{color:#fff}.login-page .front:disabled{cursor:not-allowed}.login-page .pushable:active .front{transform:translateY(-2px)}@media screen and (max-width: 769px){.login-page .short-name-app-title{font-size:20px;margin-bottom:40px}.login-page .front{padding:8px 10px}}#bg3d{position:absolute;z-index:0;top:0;left:0;width:100%;background-color:#16533d;height:100%}.not-found{height:calc(100vh - 80px);min-height:unset;max-height:unset}.not-found .omg{font-size:large;font-weight:500;color:unset;line-height:unset}.not-found .error-page{margin:20px;text-align:center;font-size:large;font-weight:500;color:unset;line-height:unset}.not-found .btn-reload span{color:#fff;font-weight:600}.all-user{height:100%;background-color:#fff;padding:20px;margin-right:5px;border-radius:20px;border:1px solid #F1F1F1}.all-user .information-chart{margin-top:15px}.all-user .information-chart .large{font-size:large!important}.all-user .information-chart .normal{font-size:medium;margin:0}.all-user .information-chart .center{margin-bottom:10px}.all-user .information-chart .primary-color{margin-right:8px;height:20px;width:20px;min-width:20px;border-radius:50%;display:block;background-color:#4ac486}.all-user .information-chart .secondary-color{margin-right:8px;height:20px;width:20px;min-width:20px;border-radius:50%;display:block;background-color:#16533d}@media screen and (max-width: 769px){.all-user{margin:0}.all-user .total-user,.all-user .rate-user{text-align:center}}.happy-golf{height:100%;background-color:#fff;padding:20px;margin-left:5px;border-radius:20px;border:1px solid #F1F1F1}.happy-golf .information-chart .center .primary-color{margin-right:8px;height:20px;width:20px;border-radius:50%;display:block;background-color:#4ac486}.happy-golf .information-chart .center .text{margin:0}.happy-golf .information-chart .normal{font-size:medium}.happy-golf .information-chart .large{font-size:medium;text-align:center}@media screen and (max-width: 769px){.happy-golf{margin:0}}.all-new-user .note-container{margin-top:20px}.all-new-user .black-color{width:20px;height:20px;min-width:20px;border-radius:50%;display:block;background-color:#000;margin-right:8px}.all-new-user .secondary-color{width:20px;min-width:20px;height:20px;border-radius:50%;display:block;background-color:#4ac486;margin-right:8px}.all-new-user .no-margin{font-size:medium;margin:0}.all-new-user .large{font-size:large;font-weight:600}.all-new-user .highlight{font-weight:700;color:#16533d}.all-new-user .container-name-axis{margin:10px 0}.all-new-user .container-name-axis span{color:#000;font-size:medium}.all-new-user .percent{font-size:12px}@media screen and (max-width: 769px){.all-new-user .note-container .reverse{flex-direction:column-reverse}.all-new-user .pastTotalUser{margin-bottom:20px}.all-new-user .rate-paid-user,.all-new-user .text-center{text-align:center}}.all-fee-expire-user .normal{font-size:medium}.all-fee-expire-user .highlight{color:#16533d;font-weight:700;margin-left:5px}.all-fee-expire-user .container-name-axis{margin:10px 0}.all-fee-expire-user .container-name-axis span{color:#000;font-size:medium}.all-fee-users .secondary-color{background-color:#16533d;display:block;width:20px;height:20px;border-radius:50%;margin-right:8px}.all-fee-users .primary-color{background-color:#4ac486;display:block;width:20px;height:20px;border-radius:50%;margin-right:8px}.all-fee-users .note-container{margin-top:20px}.all-fee-users .normal{font-size:medium;margin:0}.all-fee-users .container-name-axis{margin:10px 0}.all-fee-users .container-name-axis span{color:#000;font-size:medium}.all-fee-users .note{font-size:medium}.all-fee-users .note span{font-weight:700;color:#16533d}.all-fee-users .percent{font-size:12px}.nice-code .container-name-axis{margin:10px 0}.nice-code .container-name-axis span{color:#000;font-size:medium}.nice-code .secondary-color{background-color:#4ac486;display:block;width:20px;height:20px;border-radius:50%;margin-right:8px}.nice-code .primary-color{background-color:#16533d;display:block;width:20px;height:20px;border-radius:50%;margin-right:8px}.nice-code .note-container{margin-top:20px}.nice-code .normal{font-size:medium;margin:0}.nice-code .note{font-size:medium}.nice-code .note span{font-weight:700;color:#16533d}.nice-code .percent{font-size:12px}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;scrollbar-width:none}html,body{background-color:#f5f6fa}button,input{outline:none!important}label,span,p,a,div{color:#16533d}input::placeholder{font-weight:300;font-size:small}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}html,body{height:100%;overflow:auto}.ant-select{width:180px;margin-left:8px}.ant-select .ant-select-item-option-content,.ant-select div,.ant-select span{color:#000!important;font-size:medium!important;font-weight:500!important}.ant-table-cell{color:#fff!important;font-size:large!important;font-weight:700!important}.ant-table-tbody .ant-table-cell{font-size:large;font-weight:500!important;color:#000!important}.ant-table-tbody .ant-table-row:last-child .ant-table-cell{color:#16533d!important}@media screen and (max-width: 769px){.ant-table-thead .ant-table-cell{padding:16px 5px!important}.ant-table-cell{font-size:medium!important;padding:16px 5px!important}.ant-table-tbody .ant-table-cell{font-size:medium!important}}.container-custom-table{margin-top:10px;margin-bottom:40px}.ant-table-thead .ant-table-cell{background-color:#16533d!important}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#4ac486!important}.ant-modal-footer .ant-btn-primary span{color:#fff!important}.page{margin:0 auto;min-height:100vh}.center{display:flex;justify-content:center;align-items:center}.full-width{width:100%}.direction{flex-direction:column}.between{display:flex;justify-content:space-between}.increase{color:#4ac486}.decrease{color:#fe3333}.volatility{font-size:large;font-weight:500}.overview-page{margin:80px 20px 30px}.overview-page .title{font-size:22px;font-weight:600}.overview-page .information-chart{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;flex-direction:column}.overview-page .information-chart .highlight{min-width:20px;font-weight:700;color:#16533d}.overview-page .pie-chart{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;height:300px}.overview-page .all-new-user,.overview-page .all-fee-expire-user,.overview-page .all-fee-users,.overview-page .nice-code{background-color:#fff;padding:20px;margin:15px 0;border-radius:20px;border:1px solid #F1F1F1}.overview-page .nice-code{margin:0}@media screen and (max-width: 769px){.overview-page{margin:20px 3px}.overview-page .all-new-user,.overview-page .all-fee-expire-user,.overview-page .all-fee-users{padding:10px;margin:0 0 20px}.overview-page .nice-code{padding:10px}.spb{margin-bottom:20px}}