.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:#0000}.custom-scrollbar{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{background-color:#e6e6e6;height:7px;width:2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(0deg,#c6c6c8,#c6c6c8),#e6e6e6;border-radius:2px;border-radius:100px;margin-top:20px}.sidebar{background-color:#4678c3;border-right:.5px solid #e6e3e3;flex:1 1;height:auto;min-height:50vh;min-height:100vh;position:relative;width:250px}.sidebar.collapsed{width:70px}.sidebar.collapsed .top{background-color:#4678c3}.sidebar.collapsed .link-text,.sidebar.collapsed .logo,.sidebar.collapsed .privacy-policy-link a{display:none}.sidebar.collapsed .icon{font-size:40px!important;margin:0 auto}.sidebar .top{align-items:center;background-color:#fff;display:flex;height:83px;justify-content:center}.sidebar .top .logo{color:#4678c3;font-size:30px;font-weight:700;height:30px;margin-right:10px;width:auto}.sidebar .top .logo img{height:61px;margin-bottom:4px;margin-right:10px;vertical-align:middle;width:auto}.sidebar .top .logoCollapsed{color:#4678c3;font-size:30px;font-weight:700;height:30px;width:auto}.sidebar .top .logoCollapsed img{height:61px;margin-bottom:4px;vertical-align:middle;width:auto}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{display:flex;flex-direction:column;justify-content:center;padding-left:20px;padding-right:20px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;color:#999;cursor:pointer;display:flex;font-size:14px;font-weight:100;letter-spacing:.7px;line-height:20px;margin-bottom:5px;margin-top:15px;padding:5px}.sidebar .center ul li:hover{background-color:#fff;border-radius:5px}.sidebar .center ul li:hover .icon,.sidebar .center ul li:hover span{color:#4678c3}.sidebar .center ul li .icon{color:#fff;font-size:18px}.sidebar .center ul li span{color:#fff;font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;bottom:0;display:flex;flex-direction:column;left:0;margin-bottom:20px;padding:10px;position:absolute;right:0}.sidebar .bottom .privacy-policy-link{font-size:12px;font-weight:400;letter-spacing:.6px;line-height:20px;margin-top:10px;text-align:center}.sidebar .bottom .privacy-policy-link a{color:#fff;text-decoration:none}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}.navbar{background-color:#fff;border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:83px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;border-radius:10px;display:flex;padding:3px}.navbar .wrapper .search input{background:#0000;border:none;outline:none}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .iconMenu{cursor:pointer;font-size:40px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{color:#7aa4c0;font-size:30px}.navbar .wrapper .items .item .avatar{background-color:#05a;border-radius:50%;color:#fff;height:35px;width:35px}.navbar .wrapper .items .item .counter{background-color:#4678c3}.navbar .wrapper .items .item .counter,.navbar .wrapper .items .item .counter2{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:17px;justify-content:center;position:absolute;right:-5px;top:-5px;width:17px}.navbar .wrapper .items .item .counter2{background-color:#33a186}.navbar .wrapper .items .item .user{color:#4678c3;cursor:pointer;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin-left:10px}.navbar .wrapper .items .item .overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.navbar .wrapper .items .item .overlay.active{display:block}.user-dropdown{background-color:#fff;border-radius:5px;color:#4678c3!important;position:absolute;right:20px;top:60px;z-index:10}.user-dropdown a{color:#4678c3!important;text-decoration:none}.user-dropdown a:hover{text-decoration:underline}.user-dropdown a:active{color:#4678c3}.user-dropdown ul{list-style-type:none;margin:0;padding:0}.user-dropdown ul li{align-items:center;color:#4678c3!important;cursor:pointer;display:flex;padding:10px 20px}.user-dropdown ul li:hover{background-color:#f5f5f5}.user-dropdown ul li .menu-icon{margin-right:10px}.notification-bubble-container{display:inline-block;position:relative}.notification-bubble-container:hover .notification-dropdown{display:block}.notification-bubble{align-items:center;background-color:#ff4757;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;height:20px;justify-content:center;position:relative;transition:transform .2s ease;width:20px}.notification-bubble:hover{transform:scale(1.1)}.notification-bubble .count{color:#fff;font-size:11px;font-weight:700}.notification-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;display:none;margin-top:8px;overflow:hidden;position:absolute;right:-10px;top:100%;width:300px;z-index:1000}.notification-dropdown:before{background-color:#fff;box-shadow:-2px -2px 5px #0000000d;content:"";height:16px;position:absolute;right:14px;top:-8px;transform:rotate(45deg);width:16px}.notification-dropdown .notification-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 15px}.notification-dropdown .notification-header .title{color:#333;font-size:14px;font-weight:600}.notification-dropdown .notification-header .mark-all-read{background:none;border:none;color:#4678c3;cursor:pointer;font-size:12px;padding:0}.notification-dropdown .notification-header .mark-all-read:hover{text-decoration:underline}.notification-dropdown .notification-list{max-height:350px;overflow-y:auto}.notification-dropdown .notification-list::-webkit-scrollbar{width:6px}.notification-dropdown .notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-dropdown .notification-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.notification-dropdown .notification-list::-webkit-scrollbar-thumb:hover{background:#ccc}.notification-dropdown .notification-list .notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 15px;transition:background-color .2s}.notification-dropdown .notification-list .notification-item:hover{background-color:#4678c30d}.notification-dropdown .notification-list .notification-item .notification-content{margin-bottom:8px}.notification-dropdown .notification-list .notification-item .notification-title{color:#4678c3;font-size:13px;font-weight:600;margin-bottom:4px}.notification-dropdown .notification-list .notification-item .notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;margin-bottom:4px;overflow:hidden}.notification-dropdown .notification-list .notification-item .notification-module{align-items:center;color:#999;display:flex;font-size:11px}.notification-dropdown .notification-list .notification-item .notification-module:before{background-color:#4678c3;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:5px;width:8px}.notification-dropdown .notification-list .notification-item .mark-read{color:#4678c3;font-size:11px;margin-top:4px;text-align:right}.notification-dropdown .notification-list .notification-item .mark-read:hover{text-decoration:underline}.notification-dropdown .notification-list .no-notifications{color:#999;font-size:13px;font-style:italic;padding:20px;text-align:center}.notification-dropdown .notification-list .view-all{background-color:#f9f9f9;color:#4678c3;cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center}.notification-dropdown .notification-list .view-all:hover{background-color:#f0f0f0}.home{display:flex;height:100vh;overflow:hidden;width:100%}.home .homeContainer{background-color:#1278bd0d;display:flex;flex:6 1;flex-direction:column;overflow-y:auto;transition:all .3s ease}.home .homeContainer.collapsed{flex:14 1}.home .homeContainer .user-greeting{color:#1278bd;font-size:1.5rem;margin-left:20px;margin-top:20px}.home .homeContainer .user-greeting h2{margin:0;padding:0}.home .homeContainer .box-container{display:flex;gap:20px;margin:0 20px 20px}.home .homeContainer .box-container .service-info-box,.home .homeContainer .box-container .update-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-height:300px;padding:15px}.home .homeContainer .box-container .update-box{min-height:550px}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.home .homeContainer .recent-documents{align-items:flex-start;display:flex;flex-direction:column}.home .homeContainer .recent-documents ul{border-top:.25px solid #1278bd;list-style:none;padding:0;width:100%}.home .homeContainer .recent-documents .document-item{align-items:center;display:flex;padding:10px 0;width:100%}.home .homeContainer .recent-documents .document-item:before{background-color:#1278bd;border-radius:50%;content:"";flex-shrink:0;height:15px;margin-right:15px;width:15px}.home .homeContainer .recent-documents .document-item .info{align-items:center;display:flex;flex-grow:1;justify-content:space-between;margin-left:10px;width:100%}.home .homeContainer .recent-documents .document-item .info .name-text{align-items:flex-start;display:flex;flex-direction:column}.home .homeContainer .recent-documents .document-item .info .name-text span.blue-text{color:#1278bd;font-weight:700;margin-bottom:5px}.home .homeContainer .recent-documents .document-item .info .name-text p{margin:0}.home .homeContainer .recent-documents .document-item .info p.date-text{color:#666;font-size:.9rem;margin-left:auto;margin-right:0}.home .homeContainer .recent-documents h2{color:#1278bd;font-size:1.2rem;line-height:1.2;margin:0 0 20px 10px}@media(max-width:768px){.home .homeContainer{height:100%;opacity:0;position:fixed;right:0;top:0;transform:translateX(100%);width:100%;z-index:10}.home .homeContainer.visible{opacity:1;transform:translateX(0)}.home .homeContainer .box-container,.home .homeContainer .charts,.home .homeContainer .widgets{flex-direction:column}}@media(max-width:480px){.home .homeContainer.visible .user-greeting{margin-bottom:10px;margin-top:10px}.home .homeContainer.visible .user-greeting h2{font-size:1.2rem}.home .homeContainer.visible .widgets{gap:10px;padding:10px}.home .homeContainer.visible .charts{padding:5px 10px}.home .homeContainer.visible .box-container{gap:10px;margin:0 10px 10px}.home .homeContainer.visible .box-container .service-info-box,.home .homeContainer.visible .box-container .update-box{min-height:auto;padding:10px}.home .homeContainer.visible .recent-documents .document-item{padding:8px 0}.home .homeContainer.visible .recent-documents .document-item:before{height:12px;margin-right:10px;width:12px}.home .homeContainer.visible .recent-documents .document-item .info{align-items:flex-start;flex-direction:column}.home .homeContainer.visible .recent-documents .document-item .info .name-text{margin-bottom:5px}.home .homeContainer.visible .recent-documents .document-item .info p.date-text{font-size:.8rem;margin-left:0;margin-top:5px}}.widget{border-radius:10px;border-radius:4px;box-shadow:2px 4px 10px 1px #c9c9c978;color:#fff;flex:1 1;height:133px;padding:0 0 0 10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column;height:100%}.widget .left .title,.widget .right .title{color:#fff;font-size:11px;font-weight:700;line-height:13px;margin-left:10px;margin-top:20px}.widget .left .counter,.widget .right .counter{font-size:28px;margin-left:10px}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;align-self:center;border-radius:5px;color:#fff;font-size:18px;padding:5px}.widget .right{align-items:center;background:#ffffff40;border:none;flex:.3 1;justify-content:center;margin:0}.widget-type1{background:#4678c3}.widget-type2{background:#1a2942}.widget-type3{background:#7aa4c0}.bar-chart-widget{position:relative;z-index:0}.update-box{box-sizing:border-box;margin-left:20px;margin-top:20px;max-height:500px;overflow-y:auto;padding:20px 40px}.update-box .title{color:#1278bd;font-size:24;font-weight:600;line-height:19.2px;margin-bottom:50px;margin-left:10px;margin-top:20px;position:relative}.update-box .title:after{background-color:#1278bd;content:"";height:1px;left:0;margin-top:20px;position:absolute;right:0}.update-box .update{border:none;border-radius:10px;margin-bottom:10px;padding:10px}.update-box .update-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:10px}.update-box .update-title{font-size:15px;font-style:normal;font-weight:600;line-height:18px}.update-box .update-date{color:#74788d80}.update-box .update-date,.update-box .update-text{font-family:Be Vietnam;font-size:14px;font-style:normal;font-weight:400;line-height:22.4px}.update-box .update-text{color:#74788d}.update-box .update-text ul{list-style-type:square}.update-box .update-text ul li:before{height:10px;width:10px}.chart{box-shadow:2px 4px 10px 1px #c9c9c978;color:gray;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e4e1e1}.chart-container,.chart-wrapper{background-color:#fff;padding:20px}.chart-container{display:flex;justify-content:center;margin:20px}.chart-content{max-width:1200px;width:90%}.chart-title{color:#6c757d;font-size:16px;font-weight:600;line-height:17.6px;margin-bottom:10px;margin-left:20px}.custom-legend{align-items:center;display:flex;justify-content:center;margin-top:30px}.custom-legend-item{align-items:center;display:flex;flex-direction:column;margin:0 10%}.custom-legend-item>div{color:inherit;font-size:18px;margin-bottom:10px}.custom-legend-item-title{color:inherit;margin-bottom:15px}.login{align-items:center;background:#4678c3;display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:100vh;max-width:100vw;overflow:hidden;padding:20px;position:relative}.login:before{background-image:url(/static/media/background-logo.7b18639a5d82aa6140a5.webp);background-repeat:no-repeat;background-size:cover;content:"";height:885px;opacity:.8;position:absolute;right:20px;top:calc(100% - 852px);width:1052px;z-index:1}@media(max-width:768px){.login:before{background-position:bottom;background-size:contain;bottom:0;height:50%;opacity:.3;right:0;top:auto;width:100%}}.login .branding{align-items:center;color:#fff;display:flex;gap:10px;left:100px;position:absolute;top:100px;z-index:2}@media(max-width:768px){.login .branding{justify-content:center;left:0;margin-bottom:30px;position:relative;top:0}}.login .branding .branding-logo{height:auto;width:75px}@media(max-width:480px){.login .branding .branding-logo{width:60px}}.login .branding .branding-title{font-size:32px;font-weight:600;letter-spacing:0;line-height:38px;text-align:center}@media(max-width:480px){.login .branding .branding-title{font-size:28px}}.login .loginContainer{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:30px;max-width:100%;min-height:400px;padding:30px 20px;position:relative;width:409px;z-index:3}@media(max-width:768px){.login .loginContainer{margin-top:0;padding:25px 15px;width:100%}}.login .loginContainer .loginTitle{color:#4678c3;font-family:Raleway,sans-serif;font-size:35px;font-weight:400;letter-spacing:.01em;line-height:50px;margin-bottom:20px;text-align:center}@media(max-width:480px){.login .loginContainer .loginTitle{font-size:28px;line-height:40px}}.login .loginContainer .loginForm{display:flex;flex-direction:column;gap:16px;max-width:360px;width:100%}.login .loginContainer .loginForm .loginInput{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:16px;height:25px;padding:16px;position:relative;width:100%}.login .loginContainer .loginForm .loginInput:after{background-color:#c6c6c8;border-bottom-right-radius:8px;border-top-right-radius:8px;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:10%}.login .loginContainer .loginForm .loginInput:focus{border-color:#4678c3;box-shadow:0 0 0 2px #4678c333;outline:none}@media(max-width:480px){.login .loginContainer .loginForm .loginInput{font-size:14px}}.login .loginContainer .loginForm .loginButton{background-color:#4678c3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin-top:10px;transition:.3s;width:100%;z-index:10}.login .loginContainer .loginForm .loginButton:hover{background-color:#3264af}.login .loginContainer .loginForm .loginButton:active{transform:scale(.98)}@media(max-width:480px){.login .loginContainer .loginForm .loginButton{height:44px}}.login .loginContainer .forgotPassword{color:#4678c3;cursor:pointer;font-size:14px;margin-top:24px;text-align:center;z-index:10}.login .loginContainer .forgotPassword:hover{text-decoration:underline}@media(max-width:480px){.login .loginContainer .forgotPassword{margin-top:20px}}@media(max-width:360px){.login{padding:10px}.login .loginContainer{padding:20px 15px}.login .branding{gap:6px}.login .branding .branding-logo{width:50px}.login .branding .branding-title{font-size:24px}}@media(max-height:600px){.login{justify-content:flex-start;padding-top:20px}.login .branding{left:0;margin-bottom:15px;position:relative;top:0}.login .loginContainer{margin-top:0;padding-bottom:20px;padding-top:20px}}
/*# sourceMappingURL=main.5a212d72.css.map*/