body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-float 3s ease-in-out infinite}}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#704cb6}@keyframes App-logo-float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}div.style1{min-height:100vh;position:relative}div.style1 .background{background:url(/static/media/background1.23cb16622940c2ca046b.jpg) no-repeat 50% fixed;background-size:cover;height:100vh;position:fixed;width:100vw;z-index:-1000}div.style1 .app-logo,div.style1 .loading{align-items:center;display:flex;justify-content:center}div.style1 .app-logo{flex-direction:column;gap:1rem}div.style1 .app-logo img{border-radius:50%;height:6rem;width:6rem}div.style1 .card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#ffffff8c;border:1px solid #d1d5db4d;border-radius:16px;padding:16px}div.style1 .card-content{align-items:center;display:flex;flex-direction:column;width:100%}div.style1 .card-content form{width:100%}div.style1 .button{font-size:.925rem;margin-right:8px;padding:6px 20px}div.style1 .button .loading,div.style1 .button svg.icon-tabler{margin-right:8px}div.MuiDialog-root.style1-modal .loading{align-items:center;display:flex;justify-content:center}div.MuiDialog-root.style1-modal .button .loading,div.MuiDialog-root.style1-modal .button svg.icon-tabler{margin-right:8px}div.MuiDialog-root.style1-modal .dialog-title .MuiButtonBase-root{position:absolute;right:12px;top:12px}div.style1 .data-table .MuiPaper-root,div.style1 .data-table .MuiTableCell-head{background:#ffffff4d}div.style1 .data-table .MuiTableCell-root{border-bottom-color:#c4c4c4}div.style1 .data-table tfoot .MuiTableCell-root{border-bottom:none}@media screen and (max-width:600px){div.style1 .data-table .MuiTablePagination-displayedRows{display:none}}div.style1 .data-table .MuiTablePagination-root .MuiTablePagination-input{width:auto}@media screen and (max-width:600px){div.style1 .data-table .MuiTablePagination-selectLabel{display:none}}div.style1 .data-table .table-action-button{padding:6px}div.style1 .data-table .table-action-button svg{height:20px;width:20px}div.style1 .data-table img{max-height:100px;max-width:100px}div.style1 .data-table .custom-toolbar-select{display:flex;gap:8px;margin-right:8px}@media screen and (max-width:900px){div.style1 .data-table table tr{border-color:rbga(0,0,0,.5)}}div.MuiDialog-root.style1-modal .success-comp .checkmark,div.style1 .success-comp .checkmark{stroke-width:4;stroke:#4caf50;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #4caf50;display:block;height:40px;margin:0 auto;position:relative;right:5px;top:5px;width:40px}div.MuiDialog-root.style1-modal .success-comp .checkmark__circle,div.style1 .success-comp .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:6;stroke-miterlimit:10;stroke:#4caf50;fill:#fff;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}div.MuiDialog-root.style1-modal .success-comp .checkmark__check,div.style1 .success-comp .checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}div.style1 .qr-code-wrapper{display:flex;flex-direction:column;justify-content:center;padding:1rem 0}div.style1 .qr-code-wrapper .qr-code{position:relative}div.style1 .breadcrumbs{margin-bottom:.6rem}div.style1 .breadcrumbs h3{display:inline}div.style1 .breadcrumbs h3 .MuiSkeleton-root{display:inline-block}div.style1 .breadcrumbs a{text-decoration:none}div.style1 .breadcrumbs a:visited{color:#3f51b5}.MuiAccordion-root{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#ffffff8c;border:1px solid #d1d5db4d;border-radius:16px}div.style1 .rte-container .preview{background-color:#fff;border-radius:8px;margin-top:8px;padding:4px}div.MuiDialog-root.style1-modal .ql-editor{min-height:150px!important}div.MuiDialog-root.style1-modal .exam-preview .ql-align-right,div.MuiDialog-root.style1-modal .preview .ql-align-right{text-align:right}div.MuiDialog-root.style1-modal .exam-preview .ql-align-center,div.MuiDialog-root.style1-modal .preview .ql-align-center{text-align:center}div.MuiDialog-root.style1-modal .exam-preview .ql-align-justify,div.MuiDialog-root.style1-modal .preview .ql-align-justify{text-align:justify}div.MuiDialog-root.style1-modal .exam-preview table,div.MuiDialog-root.style1-modal .preview table{border-collapse:collapse}div.MuiDialog-root.style1-modal .exam-preview table td,div.MuiDialog-root.style1-modal .preview table td{border:1px solid #000;padding:2px 5px}div.MuiDialog-root.style1-modal .exam-preview table p,div.MuiDialog-root.style1-modal .preview table p{margin:0;padding:0}div.style1 .login-page{align-items:center;display:flex;flex-direction:column}@media screen and (min-width:0px){div.style1 .login-page .card{width:calc(100% - 32px)}}@media screen and (min-width:600px){div.style1 .login-page .card{width:340px}}@media screen and (min-width:900px){div.style1 .login-page .card{width:440px}}@media screen and (min-width:1200px){div.style1 .login-page .card{width:520px}}div.style1 .login-page .card .logo{border-radius:12px;height:160px;width:160px}div.style1 .login-page .card .card-content{gap:24px}div.style1 .login-page .card .card-content form .MuiGrid-container{row-gap:8px}div.style1 .login-page .card .card-content form .MuiGrid-container .MuiGrid-item:last-child{text-align:center}div.style1 .login-page .card .card-content form .MuiGrid-container .MuiButton-root{margin-top:8px;text-transform:uppercase}@media screen and (min-width:0px){div.style1 .login-page{padding-bottom:50px;padding-top:50px}}@media screen and (min-width:600px){div.style1 .login-page{padding-bottom:80px;padding-top:80px}}@media screen and (min-width:900px){div.style1 .login-page{padding-bottom:100px;padding-top:100px}}@media screen and (min-width:1200px){div.style1 .login-page{padding-bottom:120px;padding-top:120px}}div.style1 .admin-layout .app-logo img{height:3rem;width:3rem}div.style1 .admin-layout header{align-items:center;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#ffffff8c;border:1px solid #d1d5db4d;display:flex;flex-direction:row;height:64px}div.style1 .admin-layout header .MuiToolbar-root{padding-left:0;width:100%}div.style1 .admin-layout header .MuiButton-root{background-color:#0000;box-shadow:none}div.style1 .admin-layout header .header-logo{display:none;justify-content:center;width:245px}div.style1 .admin-layout header .header-logo .logo{max-height:48px;max-width:245px}@media screen and (min-width:900px){div.style1 .admin-layout header .header-logo{display:flex}}div.style1 .admin-layout header .header-right{display:flex;flex-direction:row;flex-grow:1;justify-content:space-between}div.style1 .admin-layout header .header-right .header-hamburger{color:#000}div.style1 .admin-layout header .header-right .header-corner{align-items:center;display:flex;gap:12px;justify-content:center}div.style1 .admin-layout header .header-right .header-corner .header-version{color:gray;font-size:14px;margin-right:12px}div.style1 .admin-layout header .header-right .header-corner .header-language{align-items:center;display:flex;flex-direction:row;gap:8px}div.style1 .admin-layout header .header-right .header-corner .header-avatar{margin-left:10px}div.style1 .admin-layout header .header-right .header-corner .MuiIconButton-root{height:40px;width:40px}div.style1 .admin-layout nav .MuiPaper-root{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#ffffff8c;border:1px solid #d1d5db4d;width:245px}div.style1 .admin-layout nav .MuiListItemIcon-root{min-width:40px}div.style1 .admin-layout nav .nav-logo .MuiButton-root{background-color:#0000;box-shadow:none}div.style1 .admin-layout nav .nav-logo .logo{border-radius:5px;width:75px}div.style1 .admin-layout nav .nav-menu-group span.title{font-weight:700;margin-left:8px;text-transform:uppercase}div.style1 .admin-layout nav .nav-menu-group .MuiDivider-root{margin-bottom:16px}div.style1 .admin-layout nav .nav-menu-collapse .MuiListItemButton-root{border-radius:8px;margin:4px;padding:4px 4px 4px 8px}div.style1 .admin-layout nav .nav-menu-collapse .MuiButtonBase-root{border-radius:8px}div.style1 .admin-layout nav .nav-menu-collapse .MuiCollapse-root{background:#ffffff4d}div.style1 .admin-layout nav .nav-menu-collapse .nav-menu-collapse-icon{transition:transform .3s}div.style1 .admin-layout nav .nav-menu-collapse .nav-menu-collapse-icon.open{transform:rotate(180deg)}div.style1 .admin-layout nav .nav-menu-collapse .nav-menu-item{padding-left:16px}div.style1 .admin-layout nav .nav-menu-item{border-radius:8px;margin:4px;padding:4px 4px 4px 8px}div.style1 .admin-layout nav .nav-menu-item .MuiTypography-root{overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:900px){div.style1 .admin-layout nav .MuiPaper-root{height:calc(100% - 64px);margin-top:64px}div.style1 .admin-layout nav .nav-logo{display:none}}div.style1 .admin-layout main.admin-main,div.style1 .admin-layout main.admin-main-full{padding:76px 12px 12px;transition:padding 225ms cubic-bezier(0,0,.2,1) 0ms}@media screen and (min-width:900px){div.style1 .admin-layout main.admin-main{padding-left:257px}}div.style1 .dashboard-page .report-pod{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fafafa;border-radius:12px;box-shadow:0 4px 30px #0000001a;height:150px;padding:24px}div.style1 .dashboard-page .report-pod .report-pod-content{display:flex;flex-direction:row}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-text{flex-grow:1}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-text .report-pod-title{color:#232323;font-size:1.15rem;font-weight:500}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-text .report-pod-value{font-size:1.5rem;font-weight:700}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon{align-items:center;background-color:aqua;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon svg{color:#fff;height:16px;width:16px}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-info{background-color:#51adf6}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-info svg{color:#fff}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-success{background-color:#6ec071}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-success svg{color:#fff}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-warning{background-color:#ffad33}div.style1 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-warning svg{color:#fff}div.style1 .dashboard-page .report-pod .report-pod-footer{font-size:.85rem;margin-top:1rem}div.style1 .dashboard-page .report-pod .report-pod-footer .value-increase{color:#4caf50;font-weight:600}div.style1 .dashboard-page .report-pod .report-pod-footer .value-decrease{color:#f44336;font-weight:600}div.style1 .warehouse-checkin-page .MuiTableRow-root{vertical-align:initial}div.style1 .warehouse-checkin-page .items-error{font-size:.75rem}div.style1 .warehouse-checkin-page .item-total{font-weight:500;text-align:right;vertical-align:middle}div.style1 .warehouse-checkin-page .warehouse-status-chip.draft{background-color:#f4f4f4;color:#000}div.style1 .warehouse-checkin-page .warehouse-status-chip.completed{background-color:#4caf50;color:#fff}div.style1 .warehouse-checkin-page .warehouse-status-chip.unknown{background-color:#f44336;color:#fff}div.style1 .bills-page .bill-status-chip.completed{background-color:#4caf50;color:#fff}div.style1 .bills-page .bill-status-chip.cancelled{background-color:#f4f4f4;color:#000}div.style1 .bills-page .bill-status-chip.unknown{background-color:#f44336;color:#fff}div.style1 .create-bill-page table.bill-table .cell-index,div.style1 .create-bill-page table.bill-table .cell-name,div.style1 .create-bill-page table.bill-table .cell-total,div.style1 .create-bill-page table.bill-table .cell-unit{padding-top:26px;vertical-align:top}div.style1 .create-bill-page table.bill-table .cell-total{text-align:right}div.style1 .create-bill-page table.bill-table .cell-action,div.style1 .create-bill-page table.bill-table .cell-note,div.style1 .create-bill-page table.bill-table .cell-price,div.style1 .create-bill-page table.bill-table .cell-quantity{vertical-align:top}div.style1 .create-bill-page table.bill-table .warning-text{color:#f44336;font-size:.75rem;text-align:right}div.style1 .create-bill-page table.bill-table .success-text{color:#4caf50;font-size:.75rem;text-align:right}div.style1 .profit-report-result-page .profit-report-result-table tr td:last-child,div.style1 .profit-report-result-page .profit-report-result-table tr th:last-child{text-align:right}div.style1 .profit-report-result-page .profit-report-result-table .group-row td{font-weight:700}div.style1 .profit-report-result-page .profit-report-result-table .group-row td:first-child{text-transform:uppercase}div.style1 .profit-report-result-page .profit-report-result-table .detailed-row td:first-child{padding-left:4rem}div.style1 .profit-report-result-page .profit-report-result-table .btn-collapse{transition:transform .25s}div.style1 .profit-report-result-page .profit-report-result-table .btn-collapse.expaned{transform:rotate(180deg)}div.style1 .inventory-report-page .inventory-report-result-table tbody tr td:first-child{font-weight:700;text-transform:uppercase}div.style1 .inventory-report-page .inventory-report-result-table tbody tr td:last-child{text-align:right}div.style1 .inventory-report-chart .chart-title{font-weight:700;text-align:center}div.style1 .course-lessions-page .lession,div.style1 .staff-course-lessions-page .lession{background-color:#ffffff8c;border:1px solid #6e83a04d;border-radius:16px;cursor:pointer;padding:12px;position:relative}div.style1 .course-lessions-page .lession-actions,div.style1 .staff-course-lessions-page .lession-actions{position:absolute;right:12px;top:12px;z-index:1}div.style1 .course-lessions-page .lession-name,div.style1 .staff-course-lessions-page .lession-name{font-size:large;font-weight:700;margin-right:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.style1 .course-lessions-page .lession-date,div.style1 .staff-course-lessions-page .lession-date{font-size:small}div.style1 .course-lession-detail-page .student-name,div.style1 .staff-course-lession-detail-page .student-name{align-items:center;display:flex;flex-direction:row;gap:12px;height:32px;justify-content:center;width:100%}div.style1 .course-lession-detail-page .student-name>:first-child,div.style1 .staff-course-lession-detail-page .student-name>:first-child{flex-basis:50px;width:50px}div.style1 .course-lession-detail-page .student-name>:first-child .remove-roll-call svg,div.style1 .staff-course-lession-detail-page .student-name>:first-child .remove-roll-call svg{color:#f44336}div.style1 .course-lession-detail-page .student-name>:first-child svg,div.style1 .staff-course-lession-detail-page .student-name>:first-child svg{color:#2196f3}div.style1 .course-lession-detail-page .student-name>:last-child,div.style1 .staff-course-lession-detail-page .student-name>:last-child{color:#000;cursor:pointer;flex-grow:1;text-decoration:none;-webkit-user-select:none;user-select:none}div.style1 .course-lession-detail-page .refundable-checkbox,div.style1 .course-lession-detail-page .with-leave-checkbox,div.style1 .staff-course-lession-detail-page .refundable-checkbox,div.style1 .staff-course-lession-detail-page .with-leave-checkbox{padding-left:calc(50% - 10px)}div.style1 .course-lession-detail-page table .student-name-header,div.style1 .staff-course-lession-detail-page table .student-name-header{display:flex;flex-direction:row;gap:8px;height:32px;justify-content:center}div.style1 .course-lession-detail-page table .student-name-header svg,div.style1 .staff-course-lession-detail-page table .student-name-header svg{color:#2196f3}div.style1 .course-lession-detail-page .warning,div.style1 .staff-course-lession-detail-page .warning{display:flex;gap:8px}div.style1 .course-lession-detail-page .warning svg,div.style1 .staff-course-lession-detail-page .warning svg{color:#ff9800}div.style1 .course-lession-detail-page .MuiBadge-standard,div.style1 .staff-course-lession-detail-page .MuiBadge-standard{right:-15px}div.style1 .monthly-fee-detail-page .payment-status-chip.unpaid{background-color:#f44336;color:#fff}div.style1 .monthly-fee-detail-page .payment-status-chip.partial-paid{background-color:#ff9800;color:#fff}div.style1 .monthly-fee-detail-page .payment-status-chip.fully-paid{background-color:#4caf50;color:#fff}div.style1 .monthly-fee-detail-page .payment-container{margin-bottom:.75rem;text-align:right}div.style1 .monthly-fee-detail-page .note{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-width:100px;overflow:hidden}div.MuiDialog-root.style1-modal .monthly-fee-print-container,div.style1 .monthly-fee-print-container{min-width:1280px;padding:16px}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print,div.style1 .monthly-fee-print-container .monthly-fee-print{background-color:#fff;border:1px solid #fff;border-radius:16px;padding:16px}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .header,div.style1 .monthly-fee-print-container .monthly-fee-print .header{display:flex;flex-direction:row}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .header .header-left,div.style1 .monthly-fee-print-container .monthly-fee-print .header .header-left{flex-grow:1}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .header .header-left .agent-name,div.style1 .monthly-fee-print-container .monthly-fee-print .header .header-left .agent-name{font-size:24px;font-weight:700}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .header .header-right img,div.style1 .monthly-fee-print-container .monthly-fee-print .header .header-right img{height:150px}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .title,div.style1 .monthly-fee-print-container .monthly-fee-print .title{font-size:24px;font-weight:700;text-align:center}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .student,div.style1 .monthly-fee-print-container .monthly-fee-print .student{display:flex;flex-direction:row;gap:32px;padding-left:4rem}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .table-name,div.style1 .monthly-fee-print-container .monthly-fee-print .table-name{font-size:18px;font-weight:700;padding:32px 0 8px;text-align:center}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print table,div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print td,div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print th,div.style1 .monthly-fee-print-container .monthly-fee-print table,div.style1 .monthly-fee-print-container .monthly-fee-print td,div.style1 .monthly-fee-print-container .monthly-fee-print th{border:1px solid;padding:2px 8px;text-align:center}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print table,div.style1 .monthly-fee-print-container .monthly-fee-print table{border-collapse:collapse;width:100%}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print table tr.debt,div.style1 .monthly-fee-print-container .monthly-fee-print table tr.debt{background-color:#ffc1068c}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print table tr.summary,div.style1 .monthly-fee-print-container .monthly-fee-print table tr.summary{font-weight:700}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .footer,div.style1 .monthly-fee-print-container .monthly-fee-print .footer{font-weight:700;padding-top:16px;text-align:center}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .footer .first-footer,div.style1 .monthly-fee-print-container .monthly-fee-print .footer .first-footer{align-items:center;display:flex;font-weight:400;gap:10px;justify-content:center}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container,div.style1 .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container{display:flex;gap:32px;justify-content:center;text-align:center}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container .qr-code-wrapper,div.style1 .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container .qr-code-wrapper{margin-top:20px}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container .qr-code-wrapper .momo-amount,div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container .qr-code-wrapper .momo-title,div.style1 .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container .qr-code-wrapper .momo-amount,div.style1 .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container .qr-code-wrapper .momo-title{font-size:14px}div.MuiDialog-root.style1-modal .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container img,div.style1 .monthly-fee-print-container .monthly-fee-print .payment-qr-code-container img{width:250px}.roll-call-report-page-result table,.roll-call-report-page-result td,.roll-call-report-page-result th{border:1px solid}.roll-call-report-page-result table{border-collapse:collapse;width:100%}.roll-call-report-page-result table tbody tr td:not(:first-child){text-align:center}.roll-call-report-page-result table tbody tr td:first-child{padding:4px 8px}div.MuiDialog-root.style1-modal .monthly-exercise-print-container,div.style1 .monthly-exercise-print-container{min-width:1280px;padding:16px}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print,div.style1 .monthly-exercise-print-container .monthly-exercise-print{background-color:#fff;border:1px solid #fff;border-radius:16px;padding:16px}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .header,div.style1 .monthly-exercise-print-container .monthly-exercise-print .header{display:flex;flex-direction:row}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .header .header-left,div.style1 .monthly-exercise-print-container .monthly-exercise-print .header .header-left{flex-grow:1}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .header .header-left .agent-name,div.style1 .monthly-exercise-print-container .monthly-exercise-print .header .header-left .agent-name{font-size:24px;font-weight:700}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .header .header-right img,div.style1 .monthly-exercise-print-container .monthly-exercise-print .header .header-right img{height:150px}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .title,div.style1 .monthly-exercise-print-container .monthly-exercise-print .title{font-size:24px;font-weight:700;text-align:center}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .course,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .exercise,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .fee,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .grade,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .student,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .unattendance,div.style1 .monthly-exercise-print-container .monthly-exercise-print .course,div.style1 .monthly-exercise-print-container .monthly-exercise-print .exercise,div.style1 .monthly-exercise-print-container .monthly-exercise-print .fee,div.style1 .monthly-exercise-print-container .monthly-exercise-print .grade,div.style1 .monthly-exercise-print-container .monthly-exercise-print .student,div.style1 .monthly-exercise-print-container .monthly-exercise-print .unattendance{display:flex;flex-direction:row;gap:32px;padding:.5rem 0 .5rem 4rem}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .table-name,div.style1 .monthly-exercise-print-container .monthly-exercise-print .table-name{font-size:18px;font-weight:700;padding:32px 0 8px;text-align:center}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print table,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print td,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print th,div.style1 .monthly-exercise-print-container .monthly-exercise-print table,div.style1 .monthly-exercise-print-container .monthly-exercise-print td,div.style1 .monthly-exercise-print-container .monthly-exercise-print th{border:1px solid;padding:2px 8px;text-align:center}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print table,div.style1 .monthly-exercise-print-container .monthly-exercise-print table{border-collapse:collapse;width:100%}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print table tr.debt,div.style1 .monthly-exercise-print-container .monthly-exercise-print table tr.debt{background-color:#ffc1068c}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print table tr.summary,div.style1 .monthly-exercise-print-container .monthly-exercise-print table tr.summary{font-weight:700}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print table td:last-child,div.style1 .monthly-exercise-print-container .monthly-exercise-print table td:last-child{text-align:left}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print table td.note,div.style1 .monthly-exercise-print-container .monthly-exercise-print table td.note{white-space:pre-line}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .footer,div.style1 .monthly-exercise-print-container .monthly-exercise-print .footer{font-weight:700;margin-left:32rem;padding-top:16px;text-align:center}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container,div.style1 .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container{display:flex;gap:32px;justify-content:center;text-align:center}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container .qr-code-wrapper,div.style1 .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container .qr-code-wrapper{margin-top:20px}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container .qr-code-wrapper .momo-amount,div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container .qr-code-wrapper .momo-title,div.style1 .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container .qr-code-wrapper .momo-amount,div.style1 .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container .qr-code-wrapper .momo-title{font-size:14px}div.MuiDialog-root.style1-modal .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container img,div.style1 .monthly-exercise-print-container .monthly-exercise-print .payment-qr-code-container img{width:250px}.diligence-report-page-result table,.diligence-report-page-result td,.diligence-report-page-result th{border:1px solid}.diligence-report-page-result table{border-collapse:collapse;width:100%}.diligence-report-page-result table tbody tr td{padding:4px 8px}div.style1 .exam-part-page .preview{border:1px solid #ccc;border-radius:16px;font-size:10px;margin-left:4px;padding:6px;width:100%}div.style1 .exam-part-page table,div.style1 .exam-part-page td,div.style1 .exam-part-page th{border:1px solid}div.style1 .exam-part-page table{border-collapse:collapse;width:100%}div.style1 .exam-part-page table tbody tr td{padding:4px 8px}div.style1 .exam-part-page table tbody tr td.index{text-align:center}.answer-print{align-items:center;display:flex;justify-content:flex-start}.answer-print .answer-print-char{font-weight:700}.answer-print p{margin:2px 0}div.style1 .timetable-detail-page .rbc-event-content{font-size:13px}div.style1 .timetable-detail-page .rbc-show-more{font-size:11px}div.style1 .timetable-detail-page .rbc-event{background-color:#4c91cd}div.style1 .student-status.trial{background-color:#3f51b5;color:#fff}div.style1 .student-status.registered{background-color:#ff9800;color:#fff}div.style1 .student-status.waitingclass{background-color:#2196f3;color:#fff}div.style1 .student-status.inclass{background-color:#4caf50;color:#fff}div.style1 .student-status.cancelled{background-color:#f44336;color:#fff}div.style1 .lession-change-request-status.pending-approval{background-color:#ff9800;color:#fff}div.style1 .lession-change-request-status.approved{background-color:#4caf50;color:#fff}div.style1 .lession-change-request-status.rejected{background-color:#f44336;color:#fff}div.style2{min-height:100vh;position:relative}div.style2 .background{background-color:#ecf7f6;height:100vh;position:fixed;width:100vw;z-index:-1000}div.style2 .app-logo,div.style2 .loading{align-items:center;display:flex;justify-content:center}div.style2 .app-logo{flex-direction:column;gap:1rem}div.style2 .app-logo img{border-radius:50%;height:6rem;width:6rem}div.style2 .card{background:#fff;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 10px #0000001a;padding:16px}div.style2 .card-content{align-items:center;display:flex;flex-direction:column;width:100%}div.style2 .card-content form{width:100%}div.style2 .button{font-size:.925rem;margin-right:8px;padding:6px 20px}div.style2 .button .loading,div.style2 .button svg.icon-tabler{margin-right:8px}div.MuiDialog-root.style2-modal .loading{align-items:center;display:flex;justify-content:center}div.MuiDialog-root.style2-modal .button .loading,div.MuiDialog-root.style2-modal .button svg.icon-tabler{margin-right:8px}.MuiDrawer-modal .dialog-title .MuiButtonBase-root,div.MuiDialog-root.style2-modal .dialog-title .MuiButtonBase-root{position:absolute;right:12px;top:12px}div.style2 .data-table .MuiPaper-root,div.style2 .data-table .MuiTableCell-head{background:#ffffff4d}div.style2 .data-table .MuiTableCell-root{border-bottom-color:#c4c4c4}div.style2 .data-table tfoot .MuiTableCell-root{border-bottom:none}@media screen and (max-width:600px){div.style2 .data-table .MuiTablePagination-displayedRows{display:none}}div.style2 .data-table .MuiTablePagination-root .MuiTablePagination-input{width:auto}@media screen and (max-width:600px){div.style2 .data-table .MuiTablePagination-selectLabel{display:none}}div.style2 .data-table .table-action-button{padding:6px}div.style2 .data-table .table-action-button svg{height:20px;width:20px}div.style2 .data-table img{max-height:100px;max-width:100px}div.style2 .data-table .custom-toolbar-select{display:flex;gap:8px;margin-right:8px}@media screen and (max-width:900px){div.style2 .data-table table tr{border-color:rbga(0,0,0,.5)}}div.MuiDialog-root.style2-modal .success-comp .checkmark,div.style2 .success-comp .checkmark{stroke-width:4;stroke:#4caf50;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #4caf50;display:block;height:40px;margin:0 auto;position:relative;right:5px;top:5px;width:40px}div.MuiDialog-root.style2-modal .success-comp .checkmark__circle,div.style2 .success-comp .checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:6;stroke-miterlimit:10;stroke:#4caf50;fill:#fff;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}div.MuiDialog-root.style2-modal .success-comp .checkmark__check,div.style2 .success-comp .checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #4caf50}}div.style2 .qr-code-wrapper{display:flex;flex-direction:column;justify-content:center;padding:1rem 0}div.style2 .qr-code-wrapper .qr-code{position:relative}div.style2 .breadcrumbs{margin-bottom:.6rem}div.style2 .breadcrumbs h3{display:inline}div.style2 .breadcrumbs a{text-decoration:none}div.style2 .breadcrumbs a:visited{color:#3f51b5}div.style2 .login-page{align-items:center;display:flex;flex-direction:column}@media screen and (min-width:0px){div.style2 .login-page .card{width:calc(100% - 32px)}}@media screen and (min-width:600px){div.style2 .login-page .card{width:340px}}@media screen and (min-width:900px){div.style2 .login-page .card{width:440px}}@media screen and (min-width:1200px){div.style2 .login-page .card{width:520px}}div.style2 .login-page .card .logo{border-radius:12px;height:160px;width:160px}div.style2 .login-page .card .card-content{gap:24px}div.style2 .login-page .card .card-content form .MuiGrid-container{row-gap:8px}div.style2 .login-page .card .card-content form .MuiGrid-container .MuiGrid-item:last-child{text-align:center}div.style2 .login-page .card .card-content form .MuiGrid-container .MuiButton-root{margin-top:8px;text-transform:uppercase}@media screen and (min-width:0px){div.style2 .login-page{padding-bottom:50px;padding-top:50px}}@media screen and (min-width:600px){div.style2 .login-page{padding-bottom:80px;padding-top:80px}}@media screen and (min-width:900px){div.style2 .login-page{padding-bottom:100px;padding-top:100px}}@media screen and (min-width:1200px){div.style2 .login-page{padding-bottom:120px;padding-top:120px}}div.style2 .admin-layout .app-logo img{height:3rem;width:3rem}div.style2 .admin-layout header{align-items:center;background:#fff;border:1px solid #ffffff1a;box-shadow:none;display:flex;flex-direction:row;height:64px}div.style2 .admin-layout header .MuiToolbar-root{width:100%}div.style2 .admin-layout header .MuiButton-root{background-color:#0000;box-shadow:none}div.style2 .admin-layout header .header-logo{display:none;justify-content:center;width:245px}div.style2 .admin-layout header .header-logo .logo{max-height:48px;max-width:245px}@media screen and (min-width:900px){div.style2 .admin-layout header .header-logo{display:flex}}div.style2 .admin-layout header .header-right{display:flex;flex-direction:row;flex-grow:1;justify-content:space-between}div.style2 .admin-layout header .header-right .header-hamburger{color:#000}div.style2 .admin-layout header .header-right .header-corner{align-items:center;display:flex;gap:12px;justify-content:center}div.style2 .admin-layout header .header-right .header-corner .header-version{margin-right:12px}div.style2 .admin-layout header .header-right .header-corner .header-language{align-items:center;display:flex;flex-direction:row;gap:8px}div.style2 .admin-layout header .header-right .header-corner .header-avatar{margin-left:10px}div.style2 .admin-layout header .header-right .header-corner .MuiIconButton-root{height:40px;width:40px}div.style2 .admin-layout nav .MuiPaper-root{background:#fff;border:1px solid #ffffff1a;box-shadow:none;width:245px}div.style2 .admin-layout nav .MuiListItemIcon-root{min-width:40px}div.style2 .admin-layout nav .nav-logo .MuiButton-root{background-color:#0000;box-shadow:none}div.style2 .admin-layout nav .nav-logo .logo{border-radius:5px;width:75px}div.style2 .admin-layout nav .nav-menu-group span.title{font-weight:700;margin-left:8px;text-transform:uppercase}div.style2 .admin-layout nav .nav-menu-group .MuiDivider-root{margin-bottom:16px}div.style2 .admin-layout nav .nav-menu-collapse .MuiListItemButton-root{border-radius:8px;margin:4px;padding:4px 4px 4px 8px}div.style2 .admin-layout nav .nav-menu-collapse .MuiButtonBase-root{border-radius:8px}div.style2 .admin-layout nav .nav-menu-collapse .MuiCollapse-root{background:#ffffff4d}div.style2 .admin-layout nav .nav-menu-collapse .nav-menu-collapse-icon{transition:transform .3s}div.style2 .admin-layout nav .nav-menu-collapse .nav-menu-collapse-icon.open{transform:rotate(180deg)}div.style2 .admin-layout nav .nav-menu-collapse .nav-menu-item{padding-left:16px}div.style2 .admin-layout nav .nav-menu-item{border-radius:8px;margin:4px;padding:4px 4px 4px 8px}div.style2 .admin-layout nav .nav-menu-item .MuiTypography-root{overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:900px){div.style2 .admin-layout nav .MuiPaper-root{height:calc(100% - 64px);margin-top:64px}div.style2 .admin-layout nav .nav-logo{display:none}}div.style2 .admin-layout main.admin-main,div.style2 .admin-layout main.admin-main-full{padding:76px 12px 12px;transition:padding 225ms cubic-bezier(0,0,.2,1) 0ms}@media screen and (min-width:900px){div.style2 .admin-layout main.admin-main{padding-left:257px}}div.style2 .dashboard-page .report-pod{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fafafa;border-radius:12px;box-shadow:0 4px 30px #0000001a;height:150px;padding:24px}div.style2 .dashboard-page .report-pod .report-pod-content{display:flex;flex-direction:row}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-text{flex-grow:1}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-text .report-pod-title{color:#232323;font-size:1.15rem;font-weight:500}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-text .report-pod-value{font-size:1.5rem;font-weight:700}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon{align-items:center;background-color:aqua;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon svg{color:#fff;height:16px;width:16px}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-info{background-color:#51adf6}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-info svg{color:#fff}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-success{background-color:#6ec071}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-success svg{color:#fff}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-warning{background-color:#ffad33}div.style2 .dashboard-page .report-pod .report-pod-content .report-pod-icon.icon-color-warning svg{color:#fff}div.style2 .dashboard-page .report-pod .report-pod-footer{font-size:.85rem;margin-top:1rem}div.style2 .dashboard-page .report-pod .report-pod-footer .value-increase{color:#4caf50;font-weight:600}div.style2 .dashboard-page .report-pod .report-pod-footer .value-decrease{color:#f44336;font-weight:600}div.style2 .warehouse-checkin-page .MuiTableRow-root{vertical-align:initial}div.style2 .warehouse-checkin-page .items-error{font-size:.75rem}div.style2 .warehouse-checkin-page .item-total{font-weight:500;text-align:right;vertical-align:middle}div.style2 .warehouse-checkin-page .warehouse-status-chip.draft{background-color:#f4f4f4;color:#000}div.style2 .warehouse-checkin-page .warehouse-status-chip.completed{background-color:#4caf50;color:#fff}div.style2 .warehouse-checkin-page .warehouse-status-chip.unknown{background-color:#f44336;color:#fff}div.style2 .bills-page .bill-status-chip.completed{background-color:#4caf50;color:#fff}div.style2 .bills-page .bill-status-chip.cancelled{background-color:#f4f4f4;color:#000}div.style2 .bills-page .bill-status-chip.unknown{background-color:#f44336;color:#fff}div.style2 .create-bill-page table.bill-table .cell-index,div.style2 .create-bill-page table.bill-table .cell-name,div.style2 .create-bill-page table.bill-table .cell-total,div.style2 .create-bill-page table.bill-table .cell-unit{padding-top:26px;vertical-align:top}div.style2 .create-bill-page table.bill-table .cell-total{text-align:right}div.style2 .create-bill-page table.bill-table .cell-action,div.style2 .create-bill-page table.bill-table .cell-note,div.style2 .create-bill-page table.bill-table .cell-price,div.style2 .create-bill-page table.bill-table .cell-quantity{vertical-align:top}div.style2 .create-bill-page table.bill-table .warning-text{color:#f44336;font-size:.75rem;text-align:right}div.style2 .create-bill-page table.bill-table .success-text{color:#4caf50;font-size:.75rem;text-align:right}@media print{:root{font-size:12px}.bill-to-print{padding:16px}.bill-to-print .header{display:flex;gap:.5rem;width:100%}.bill-to-print .header .header-left{width:58.333333%}.bill-to-print .header .header-right{width:41.666667%}.bill-to-print .bill-no{display:flex;gap:.5rem;margin-top:.5rem;width:100%}.bill-to-print .bill-no .bill-no-left{width:66.666667%}.bill-to-print .bill-no .bill-no-right{align-items:center;display:flex;gap:.5rem;width:33.333333%}.bill-to-print .title{font-size:1.75rem;font-weight:700;line-height:2rem;text-align:center}.bill-to-print .customer-info{display:flex;width:100%}.bill-to-print .customer-info .customer-info-left{align-items:center;display:flex;gap:.5rem;width:66.666667%}.bill-to-print .customer-info .customer-info-right{align-items:center;display:flex;gap:.5rem;width:33.333333%}.bill-to-print .customer-address{display:flex;gap:.5rem;margin-top:.5rem;width:100%}.bill-to-print table.bill-content-items{border-collapse:collapse;margin-top:1rem;width:100%}.bill-to-print table.bill-content-items td,.bill-to-print table.bill-content-items th,.bill-to-print table.bill-content-items tr{border:1px solid #475569;padding:.25rem .5rem}.bill-to-print table.bill-content-items tbody tr.row-item td{border-style:solid}.bill-to-print table.bill-content-items tbody tr.row-item td:first-child,.bill-to-print table.bill-content-items tbody tr.row-item td:nth-child(3),.bill-to-print table.bill-content-items tbody tr.row-item td:nth-child(4){text-align:center}.bill-to-print table.bill-content-items tbody tr.row-item td:nth-child(5),.bill-to-print table.bill-content-items tbody tr.row-item td:nth-child(6){text-align:right}.bill-to-print table.bill-content-items tbody tr.row-discount td:first-child,.bill-to-print table.bill-content-items tbody tr.row-total td:first-child{font-weight:700;text-align:center}.bill-to-print table.bill-content-items tbody tr.row-discount td:nth-child(2),.bill-to-print table.bill-content-items tbody tr.row-total td:nth-child(2){font-weight:700;text-align:right}.bill-to-print .signatures{display:flex;height:10rem;margin-top:.5rem}.bill-to-print .signatures .signature-left,.bill-to-print .signatures .signature-right{flex-grow:1;text-align:center}.bill-to-print .signatures .signature-left :first-child,.bill-to-print .signatures .signature-right :first-child{font-size:1rem}.bill-to-print .bill-qr{margin-top:8px}.bill-to-print .bill-qr img{width:128px}}div.style2 .profit-report-result-page .profit-report-result-table tr td:last-child,div.style2 .profit-report-result-page .profit-report-result-table tr th:last-child{text-align:right}div.style2 .profit-report-result-page .profit-report-result-table .group-row td{font-weight:700}div.style2 .profit-report-result-page .profit-report-result-table .group-row td:first-child{text-transform:uppercase}div.style2 .profit-report-result-page .profit-report-result-table .detailed-row td:first-child{padding-left:4rem}div.style2 .profit-report-result-page .profit-report-result-table .btn-collapse{transition:transform .25s}div.style2 .profit-report-result-page .profit-report-result-table .btn-collapse.expaned{transform:rotate(180deg)}div.style2 .inventory-report-page .inventory-report-result-table tbody tr td:first-child{font-weight:700;text-transform:uppercase}div.style2 .inventory-report-page .inventory-report-result-table tbody tr td:last-child{text-align:right}div.style2 .inventory-report-chart .chart-title{font-weight:700;text-align:center}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-track:hover{background-color:#f4f4f4}::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5}::-webkit-scrollbar-button{display:none}.text-center{text-align:center}.text-right{text-align:right}.text-small{font-size:.8rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.hidden{display:none}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.p-0{padding:0!important}.pb-4{padding-bottom:1rem}