html,main,body{height:100%!important;margin:0!important;scroll-behavior:smooth}body>p{margin:0;font-size:14px;color:var(--text-primary);font-weight:normal}body{overflow:hidden;background-color:var(--surface-secondary)}body:has(.main-layout){overflow-y:hidden!important;overflow-x:auto!important;background-color:var(--surface-primary)!important;min-width:1200px!important}body::-webkit-scrollbar{width:6px;height:6px;border-radius:5px;position:absolute}body::-webkit-scrollbar-track{background:var(--card-primary);border-radius:5px}body::-webkit-scrollbar-thumb{background-color:var(--surface-secondary)}body::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--surface-secondary)}body::-webkit-scrollbar-thumb:hover{background-color:var(--surface-tertiary)}body::-webkit-scrollbar-thumb:active{background-color:var(--surface-tertiary)}body::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--surface-secondary)}body::-webkit-scrollbar-thumb:hover{border-radius:5px}.main-layout{margin-left:80px!important;overflow-y:auto;height:calc(100% - 50px)!important;min-width:650px!important;overflow-x:visible}.main-layout:has(.side-menu){margin-left:392px!important}.pointer{cursor:pointer!important}.nav-menu{position:fixed;left:12px;top:60px;bottom:0;width:70px;background:var(--surface-secondary);padding:0;margin:0;z-index:999;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 78px);padding-top:8px;border-radius:12px}.nav-menu::-webkit-scrollbar{width:3px;height:3px;border-radius:5px;position:absolute}.nav-menu::-webkit-scrollbar-track{background:var(--card-primary);border-radius:5px}.nav-menu::-webkit-scrollbar-thumb{background-color:var(--surface-secondary)}.nav-menu::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--surface-secondary)}.nav-menu::-webkit-scrollbar-thumb:hover{background-color:var(--surface-tertiary)}.nav-menu::-webkit-scrollbar-thumb:active{background-color:var(--surface-tertiary)}.nav-menu::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--surface-tertiary)}.nav-menu::-webkit-scrollbar-thumb:hover{border-radius:5px}.workgroup-profile{display:flex;align-items:center;cursor:pointer}.workgroup-profile .name{position:relative;color:var(--text-primary);font-size:13px;font-weight:600;margin:0;padding:0 12px}.workgroup-profile .name::after{content:'';font-family:"tabler-icons";position:absolute;left:auto;font-size:18px;top:0;color:var(--icon-tertiary);margin:0 2px}.workgroup-profile .avatar{text-align:center;color:var(--text-primary)}.workgroup-profile img.avatar{width:35px;height:35px;border-radius:12px}.workgroup-profile div.avatar{width:35px;height:35px;border-radius:6px;border:1px solid var(--border-secondary);margin:0 auto}.workgroup-profile div.avatar>i{font-size:20px;line-height:35px;text-align:center}.workgroup-profile-menu{width:280px;padding:12px;border-radius:12px;background:var(--card-primary)}.workgroup-profile-menu .info-section{text-align:center;padding:24px 0}.workgroup-profile-menu .info-section div.profile-image{width:80px;height:80px;border:.1rem solid var(--border-secondary);border-radius:12px;text-align:center;margin:0 auto}.workgroup-profile-menu .info-section div.profile-image i{line-height:80px;font-size:32px;color:var(--text-primary)}.workgroup-profile-menu .info-section img.profile-image{width:80px;height:80px;border-radius:12px}.workgroup-profile-menu .info-section .name{margin:0;color:var(--text-primary);font-weight:bold;font-size:16px;margin-top:16px}.workgroup-profile-menu .info-section .user-name{margin:0;color:var(--text-secondary);font-weight:normal;font-size:14px;direction:ltr}.workgroup-profile-menu .userinfo-nav-menu{min-width:140px;border-radius:12px;z-index:10;margin:0;padding:0}.workgroup-profile-menu .userinfo-nav-menu li{list-style:none;text-align:left;border-radius:8px;transition:background-color .2s ease}.workgroup-profile-menu .userinfo-nav-menu .nav-item{cursor:pointer;color:var(--text-primary);text-decoration:none;font-size:14px;font-style:normal;font-weight:normal;display:block;width:100%;border:0;background:none;font-family:var(--font-family);margin:0;text-align:left;padding:12px 0;text-wrap:nowrap}.workgroup-profile-menu .userinfo-nav-menu .nav-item.not-link{cursor:default}.workgroup-profile-menu .userinfo-nav-menu .nav-item:disabled{opacity:.4;cursor:default}.workgroup-profile-menu .userinfo-nav-menu .nav-item::after{content:'';font-family:"tabler-icons";position:absolute;right:16px;left:auto;font-size:20px;color:var(--icon-tertiary)}.workgroup-profile-menu .userinfo-nav-menu .nav-item.not-link::after{display:none}.workgroup-profile-menu .userinfo-nav-menu .nav-item:focus{outline:0}.workgroup-profile-menu .userinfo-nav-menu .nav-item i{font-size:20px;margin-right:5px;color:var(--icon-tertiary);vertical-align:middle}.workgroup-profile-menu .userinfo-nav-menu .nav-item i.danger{color:var(--icon-danger)}.workgroup-profile-menu .userinfo-nav-menu .nav-item i.success{color:var(--icon-success)}.workgroup-profile-menu .userinfo-nav-menu .nav-item.danger{color:var(--text-danger)}.workgroup-profile-menu .userinfo-nav-menu .nav-item.danger i{color:var(--icon-danger)}.workgroup-profile-menu .userinfo-nav-menu .nav-item.success{color:var(--text-success)}.workgroup-profile-menu .userinfo-nav-menu .nav-item.success i{color:var(--icon-success)}.nav-menu .nav-menu-list{padding:0;margin:0;text-align:center}.nav-menu .nav-menu-list .nav-menu-item{list-style:none;padding:12px;position:relative}.nav-menu .nav-menu-list .nav-menu-item a{cursor:pointer}.nav-menu .nav-menu-list .nav-menu-item.fixed-bottom{position:absolute;bottom:0;margin:0 auto;width:55px}.nav-menu .nav-menu-list .nav-menu-item .active-bar{width:5px;height:35px;position:absolute;left:0;top:15px;border-radius:0 10px 10px 0;background:var(--bg-primary-primary);opacity:0;transition:opacity ease .2s}.nav-menu .nav-menu-list .nav-menu-item span.soon{color:var(--white);width:26px;font-size:10px;background-color:var(--bg-danger-primary);border-radius:8px;padding:2px;position:absolute;top:2px}.nav-menu .nav-menu-list .nav-menu-item:has(a.active)>.active-bar{opacity:1}.nav-menu .nav-menu-list .nav-menu-item:has(a.active) a>p{color:var(--text-blue);font-weight:600}.nav-menu .nav-menu-list .nav-menu-item:has(a.active) a>i{color:var(--icon-blue)}.nav-menu .nav-menu-list .nav-menu-item a{text-decoration:none}.nav-menu .nav-menu-list .nav-menu-item a>p{margin:0;color:var(--text-primary);font-size:12px;font-weight:400;margin:-3px}.nav-menu .nav-menu-list .nav-menu-item a>i{font-size:22px;color:var(--icon-secondary)}@media(max-height:800px){.nav-menu .nav-menu-list .nav-menu-item.fixed-bottom{position:relative!important}}.side-menu{position:fixed;padding:12px 0;top:50px;bottom:0;left:92px;z-index:998;height:calc(100vh - 60px)}.side-menu>.side-menu-inner{height:calc(100vh - 102px);padding-top:15px;padding-bottom:15px;width:300px;border-radius:12px;background:var(--surface-secondary,#f6f6f6);overflow:hidden}.side-menu>.side-menu-inner>.side-menu-content{overflow-x:hidden;overflow-y:auto;height:calc(100vh - 102px)}.verticat-divider{width:2px;height:100%;background-color:var(--border-secondary);margin:0 24px}.top-bar .verticat-divider{height:25px;margin:0 20px}.btn-topbar{width:40px;height:40px;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.btn-topbar .badge{background-color:var(--icon-success);width:8px;height:8px;border-radius:50%;position:absolute;top:4px;right:0}.btn-topbar .badge-counter{background-color:var(--icon-success);width:14px;height:14px;border-radius:50%;position:absolute;top:4px;right:0;font-size:10px;color:var(--text-primary);text-align:center;font-weight:800}.btn-topbar .icon{color:var(--text-primary);font-size:22px}.btn-topbar.active .icon{animation:btn-topbar-colors 1s alternate infinite}@keyframes btn-topbar-colors{from{color:var(--text-primary)}to{color:var(--text-success)}}.top-bar{position:sticky;right:0;width:100%;top:0;z-index:999;background:var(--surface-primary)}.top-bar>.top-bar-inner{padding:4px 24px;padding-left:18px;border-bottom:.1rem solid var(--border-secondary);min-width:650px!important}.top-bar>div{height:100%}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:3.5rem;top:.5rem}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff}.blazor-error-boundary::after{content:"An error has occurred."}.loading-section{position:relative;margin:0;padding:0}.loading-section .loading-content{transition:opacity .15s ease-in}.loading-section .loading-content.loading{opacity:.2;cursor:default}.loading-section .loading-content.loaded{opacity:1}.loading-section .loading-overlay{opacity:1;left:0;top:0;width:100%;height:100%;position:absolute;max-height:500px;min-height:100px}.loading-section .loading-inner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-section .loading-inner .loading-spinner{width:35px;height:35px;display:inline-block;border-width:3px;border-color:var(--border-primary);border-top-color:var(--border-tertiary);animation:spin 1s infinite linear;border-radius:100%;border-style:solid}@keyframes spin{100%{transform:rotate(360deg)}}.top-bar-inner .drop-modal .drop-modal-menu>.inner{padding:0}.topbar-userinfo{width:280px;padding:12px;border-radius:12px;background:var(--card-primary)}.topbar-userinfo .info-section{text-align:center;padding:24px 0}.topbar-userinfo .info-section div.profile-image{width:80px;height:80px;border:.1rem solid var(--border-secondary);border-radius:12px;text-align:center;margin:0 auto}.topbar-userinfo .info-section div.profile-image i{line-height:80px;font-size:32px;color:var(--text-primary)}.topbar-userinfo .info-section img.profile-image{width:80px;height:80px;border-radius:12px}.topbar-userinfo .info-section .name{margin:0;color:var(--text-primary);font-weight:bold;font-size:16px;margin-top:16px}.topbar-userinfo .info-section .user-name{margin:0;color:var(--text-secondary);font-weight:normal;font-size:14px;direction:ltr}.topbar-userinfo .userinfo-nav-menu{min-width:140px;border-radius:12px;z-index:10;margin:0;padding:0}.topbar-userinfo .userinfo-nav-menu li{list-style:none;text-align:left;border-radius:8px;transition:background-color .2s ease}.topbar-userinfo .userinfo-nav-menu .nav-item{cursor:pointer;color:var(--text-primary);text-decoration:none;font-size:14px;font-style:normal;font-weight:normal;display:block;width:100%;border:0;background:none;font-family:var(--font-family);margin:0;text-align:left;padding:12px 0;text-wrap:nowrap}.topbar-userinfo .userinfo-nav-menu .nav-item:disabled{opacity:.4;cursor:default}.topbar-userinfo .userinfo-nav-menu .nav-item:focus{outline:0}.topbar-userinfo .userinfo-nav-menu .nav-item i{font-size:20px;margin-right:5px;color:var(--icon-tertiary);vertical-align:middle}.topbar-userinfo .userinfo-nav-menu .nav-item.danger{color:var(--text-danger)}.topbar-userinfo .userinfo-nav-menu .nav-item.danger i{color:var(--icon-danger)}.topbar-userinfo .userinfo-nav-menu .nav-item.success{color:var(--text-success)}.topbar-userinfo .userinfo-nav-menu .nav-item.success i{color:var(--icon-success)}.topbar-reminders{width:500px;min-height:150px;border-radius:12px;background:var(--card-primary);padding-bottom:8px}.topbar-reminders .header-title{text-align:center;margin:0;font-size:14px;color:var(--text-secondary);padding:12px;cursor:default}.topbar-reminders .empty-list{text-align:center;margin:32px 0;font-size:16px;color:var(--text-tertiary)}.topbar-reminders .inner{padding:8px;max-height:350px;overflow-y:auto}.topbar-reminders .topbar-reminders-item{border-bottom:.1rem solid var(--border-secondary);padding:8px;cursor:pointer;transition:all .2s ease-out;margin-bottom:6px;position:relative}.topbar-reminders .topbar-reminders-item .arrow-icon{position:absolute;top:40%;right:10px;font-size:18px;color:var(--text-secondary)}.topbar-reminders .topbar-reminders-item.expired{opacity:.5}.topbar-reminders .topbar-reminders-item:last-child{border:0;margin-bottom:0}.topbar-reminders .topbar-reminders-item:hover{background:var(--card-tertiary);border-bottom-color:transparent;border-radius:8px;opacity:1}.topbar-reminders .topbar-reminders-item .title{margin:0;color:var(--text-primary);font-size:13px;margin-top:8px;font-weight:600;padding-right:16px}.topbar-reminders .topbar-reminders-item .title span{color:var(--text-tertiary)}.topbar-reminders .topbar-reminders-item .desc{margin:0;color:var(--text-secondary);font-size:12px}.topbar-messages{width:500px;min-height:150px;border-radius:12px;background:var(--card-primary);padding-bottom:8px}.topbar-messages .header-title{text-align:center;margin:0;font-size:14px;color:var(--text-secondary);padding:12px;cursor:default}.topbar-messages .empty-list{text-align:center;margin:32px 0;font-size:16px;color:var(--text-tertiary)}.topbar-messages .inner{padding:8px;max-height:350px;overflow-y:auto}.topbar-messages .inner .topbar-messages-item{padding:0;border-bottom:.1rem solid var(--border-secondary);margin:4px 0;padding-bottom:8px}.topbar-messages .inner .topbar-messages-item .inner-item{padding:8px;transition:background .2s ease;border-radius:8px}.topbar-messages .inner .topbar-messages-item .inner-item:hover{background:var(--card-secondary)}.topbar-messages .inner .topbar-messages-item:last-child{border:0}.topbar-messages .inner .topbar-messages-item.more{cursor:pointer}.topbar-messages .inner .topbar-messages-item.more .inner-item::after{content:'';font-family:"tabler-icons";position:absolute;right:16px;left:auto;font-size:20px;color:var(--icon-tertiary)}.topbar-messages .inner .topbar-messages-item .inner-item>.icon{font-size:26px;color:var(--icon-blue);position:absolute}.topbar-messages .inner .topbar-messages-item .inner-item>.icon-emoji{font-size:20px;position:absolute}.topbar-messages .inner .topbar-messages-item .content{display:inline-block;padding:0 12px;padding-left:35px}.topbar-messages .inner .topbar-messages-item.more .content{padding:0 24px;padding-left:35px}.topbar-messages .inner .topbar-messages-item .content .title{color:var(--text-primary);font-size:13px;margin:0}.topbar-messages .inner .topbar-messages-item .content .desc{color:var(--text-secondary);font-size:12px;margin:0}.topbar-messages .inner .topbar-messages-item .content .label-section{margin-top:6px}.topbar-activites{width:500px;min-height:150px;border-radius:12px;background:var(--card-primary);padding-bottom:8px}.topbar-activites .header-title{text-align:center;margin:0;font-size:14px;color:var(--text-secondary);padding:12px;cursor:default}.topbar-activites .empty-list{text-align:center;margin:32px 0;font-size:16px;color:var(--text-tertiary)}.topbar-activites .inner{padding:16px;padding-top:0;height:350px;overflow-y:auto}.topbar-activites .inner .inner-notice-activity{border-left:2px solid var(--bg-gray-primary);padding-left:12px}.topbar-activites .inner .notice-activity-item{position:relative;margin-bottom:16px}.topbar-activites .inner .notice-activity-item>.icon{color:var(--bg-neutral-primary);position:absolute;left:-1.2rem;font-size:13px;top:2px}.topbar-activites .inner .notice-activity-item.new>.icon{color:var(--bg-success-primary)}.topbar-activites .inner .notice-activity-item>.title{color:var(--text-primary);font-size:13px;font-style:normal;font-weight:400;line-height:normal;margin:0;margin-block:6px;align-items:center;max-width:500px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.topbar-activites .inner .notice-activity-item>.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.topbar-activites .inner .notice-activity-item>.desc>.by-member{color:var(--text-blue)}.topbar-activites .inner .notice-activity-item>.date{color:var(--text-tertiary);font-size:11px;font-style:normal;font-weight:400;line-height:normal;margin:0}.user-account-content{height:450px;overflow-y:auto;overflow-x:hidden;padding:16px}.account-settings .item{padding:16px 12px;border-bottom:.1rem solid var(--border-secondary)}.account-settings .item:last-child{border:0}.account-settings .item .title{color:var(--text-primary);margin:0;font-size:14px}.account-settings .item .desc{color:var(--text-secondary);margin:0;font-size:12px;display:inline-block}.account-settings .item .first-section .icon{color:var(--text-secondary);font-size:24px}.account-settings .item .first-section{display:flex;align-items:center}.account-settings .item .first-section div{margin:0 12px}.account-settings .item .second-section{display:flex;align-items:center}.account-settings .item .setting-btn{padding:0;margin:0;color:var(--text-primary);cursor:pointer;font-size:14px;display:flex;align-items:center}.account-settings .item .setting-btn i{font-size:16px;margin:0 4px;display:inline-block}.clickable{cursor:pointer}.btn-remove-input{height:100%;max-height:80px}.form-section{margin:auto;max-width:546px;align-items:center;display:flex;justify-content:center;height:100%;width:100%}.form-section .form-inner-section{border-radius:16px;background:var(--surface-primary);padding:48px;width:100%}.form-section .form-inner-section .form-desc-section{margin-bottom:40px}.form-section .form-inner-section .form-desc-section .title{font-size:16px;font-weight:600;margin:0;color:var(--text-primary)}.form-section .form-inner-section .form-desc-section .desc{font-size:13px;font-weight:400;margin-top:4px;margin-bottom:0;color:var(--text-primary)}.form-section .form-inner-section .form-desc-section .logo{width:60px;height:60px;margin-bottom:30px}.form-section .form-inner-section .t-btn{margin-top:2rem}.workgroups-section{margin:auto;max-width:870px;align-items:center;display:flex;justify-content:center;height:100%;width:100%}.workgroups-section .inner-section{width:100%}.workgroups-section .inner-section .section-title{color:var(--text-primary);text-align:center;font-size:16px;font-weight:600;margin-bottom:4px}.workgroups-section .inner-section .section-desc{color:var(--text-primary);text-align:center;font-size:13px;font-weight:400;margin-top:0}.workgroups-section .workgroup-type-title{color:var(--text-tertiary);font-size:14px;font-weight:600}.workgroups-section .workgroup-item{width:150px;height:150px;border-radius:16px;border:1px solid var(--border-secondar);background:var(--surface-primary);display:flex;justify-content:center;align-items:center;cursor:pointer;text-align:center;margin-bottom:16px}.workgroups-section .workgroup-add-item{width:150px;height:150px;border-radius:16px;border:.15rem dashed var(--border-secondary);background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;text-align:center}.workgroups-section .workgroup-add-item i{font-size:34px;color:var(--icon-secondary)}.workgroups-section .workgroup-add-item p{color:var(--text-secondary);text-align:center;font-size:13px;font-weight:400;margin:0}.workgroups-section .workgroup-item .avatar-placeholder{width:60px;height:60px;border-radius:16px;border:1px solid var(--border-secondary);text-align:center;margin:0 auto;margin-bottom:18px;color:var(--text-primary)}.workgroups-section .workgroup-item .avatar-placeholder i{font-size:30px;line-height:60px}.workgroups-section .workgroup-item .avatar-image{width:60px;height:60px;border-radius:16px;margin:0 auto;margin-bottom:6px}.workgroups-section .workgroup-item .workgroup-title{color:var(--text-primary);text-align:center;font-size:14px;font-weight:600;margin:0;margin-bottom:4px;overflow:hidden;width:130px;text-overflow:ellipsis;white-space:nowrap}.workgroups-section .workgroup-item .workgroup-desc{color:var(--text-secondary);text-align:center;font-size:13px;font-weight:400;margin:0}.invite-workgroup-list{margin-bottom:50px;margin-top:24px}.invite-workgroup-list .invite-workgroup{width:500px;margin:0 auto;border:.1rem solid var(--border-secondary);border-radius:12px;background-color:var(--surface-primary);padding:12px;margin-bottom:8px}.invite-workgroup-list .invite-workgroup img.avatar-image{border-radius:100%;width:40px;height:40px}.invite-workgroup-list .invite-workgroup div.avatar-image{width:40px;height:40px;border-radius:100%;border:1px solid var(--border-secondary);text-align:center;margin:0 auto;color:var(--text-primary)}.invite-workgroup-list .invite-workgroup div.avatar-image i{font-size:24px;line-height:40px}.invite-workgroup-list .invite-workgroup .start-section{display:flex;justify-items:center}.invite-workgroup-list .invite-workgroup .text{margin:0 8px}.invite-workgroup-list .invite-workgroup .text p{margin:0}.invite-workgroup-list .invite-workgroup .text p.name{font-size:14px;font-weight:normal;color:var(--text-primary)}.invite-workgroup-list .invite-workgroup .text p.owner-name{font-size:12px;font-weight:normal;color:var(--text-secondary)}.centeral-section{margin:auto;max-width:870px;align-items:center;display:flex;justify-content:center;height:calc(100vh - 150px);min-height:300px;max-height:calc(100vh/2);width:100%}.centeral-section .inner-section{width:100%}.centeral-section p.desc{font-size:14px;color:var(--text-secondary);margin:14px 0}.add-project-form{padding:55px 15px 0 15px;margin:0}.project-list{margin-top:30px}.project-list .list-header>.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.project-list .list-header{margin-bottom:32px}.project-list>.group-list{margin-bottom:26px}.project-list .group-list .group-header{margin-bottom:16px}.project-list .group-list .group-header .group-title{color:var(--text-primary);text-align:right;font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0;display:inline-block;margin-left:6px}.project-list .group-list .project-item-section{padding:4px}.project-list .group-list .project-item{width:284px;height:52px;border-radius:12px;border:1px solid var(--border-secondary);padding:16px;position:relative;cursor:pointer;transition:background-color .2s ease;margin-bottom:16px}.project-list .group-list .project-item:hover{background-color:var(--surface-secondary)}.project-list .group-list .project-item::after{content:'';font-family:"tabler-icons";position:absolute;top:32px;right:12px;left:auto;font-size:18px;color:var(--icon-tertiary)}.project-list .group-list .project-item img.project-item-img{width:50px;height:50px;border-radius:12px;margin:auto 0;position:absolute;top:17px}.project-list .group-list .project-item div.project-item-img{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;position:absolute;top:16px}.project-list .group-list .project-item div.project-item-img i{line-height:50px;font-size:22px;color:var(--icon-primary)}.project-list .group-list .project-item>div.content{padding-left:65px;padding-right:30px}.project-list .group-list .project-item p{margin:0}.project-list .group-list .project-item p.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list .group-list .project-item p.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list .group-list .project-item p.desc>span{color:var(--text-primary);font-weight:600}.project-list .group-list .project-item .meter{height:6px;position:relative;background:var(--border-secondary);border-radius:25px;margin-top:5px}.project-list .group-list .project-item .meter>span{display:block;height:100%;border-radius:25px;background:var(--bg-success-primary);position:relative;overflow:hidden;transition:all .2s ease-in}.project-list .group-list .project-item .meter>span.danger{background:var(--bg-danger-primary)}.project-list .group-list .project-item .meter>span.warning{background:var(--bg-warning-primary)}.team-list{margin-top:30px}.team-list .list-header>.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.team-list .list-header{margin-bottom:32px}.team-list .team-item-section{padding:4px}.team-list .team-item{width:292px;height:40px;border-radius:12px;border:1px solid var(--border-secondary);padding:16px;position:relative;cursor:pointer;transition:background-color .2s ease}.team-list .team-item:hover{background-color:var(--surface-secondary)}.team-list .team-item::after{content:'';font-family:"tabler-icons";position:absolute;top:25px;right:12px;left:auto;font-size:18px;color:var(--icon-tertiary)}.team-list .team-item img.team-item-img{width:50px;height:50px;border-radius:12px;margin:auto 0;position:absolute;top:11px}.team-list .team-item div.team-item-img{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;position:absolute;top:10px}.team-list .team-item div.team-item-img i{line-height:50px;font-size:22px;color:var(--icon-primary)}.team-list .team-item>div.content{padding-left:65px;padding-right:30px}.team-list .team-item p{margin:0}.team-list .team-item p.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-list .team-item p.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-list .team-item p.desc>span{color:var(--text-primary);font-weight:600}.manager-list{margin:8px 0 16px 0;height:calc(100% - 150px);overflow:auto}.manager-list .manager-list-item{padding:8px 16px}.manager-list .manager-list-item .btn-delete-manager{padding:12px}.manager-list .manager-list-item .manager-image{float:right;height:100%}.manager-list .manager-list-item .manager-image>img{float:right;width:40px;height:40px;border-radius:12px}.manager-list .manager-list-item .manager-image>div{width:40px;height:40px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center}.manager-list .manager-list-item .manager-image>div>i{line-height:40px;font-size:20px;color:var(--icon-primary)}.manager-list .manager-list-item .manager-name,.manager-list .manager-list-item .manager-desc{margin:0;padding:0 8px}.manager-list .manager-list-item .manager-name{color:var(--text-primary);font-size:14px;max-width:300px;font-weight:400}.manager-list .manager-list-item .manager-desc{color:var(--text-secondary);font-size:12px;font-weight:400;max-width:220px;height:20px;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.manager-list .manager-list-item .t-select{display:inline-block}.add-manager-form{margin:0;margin-top:16px}.add-manager-btns{margin:0;bottom:16px;width:100%;left:0}.year-days-section>.label-tag{margin-top:5px}.page-title{font-size:14px;color:var(--text-primary);margin:0;display:flex;align-items:center}.page-title i{font-size:18px;color:var(--text-secondary);margin-right:4px}.task-list .page-desc{color:var(--text-secondary);font-size:12px;margin:0}.task-minimal-list{padding:0;margin:0;animation:scale-animat .4s ease;margin-bottom:48px}.task-minimal-list>.list-header{padding:13px 0}@keyframes scale-animat{0%{transform:scaleX(.98);opacity:.2}100%{transform:scaleX(1);opacity:1}}.task-minimal-list .task-list-items{padding:0}.task-minimal-list .task-list-items>.task-item{padding-bottom:12px;margin-bottom:12px;border-bottom:.1rem solid var(--border-secondary);position:relative}.task-minimal-list .task-list-items>.task-item:last-child{border-bottom:0}.task-minimal-list .task-list-items>.task-item .btn-check-task{background:none;top:-2px;border:0;font-size:24px;color:var(--icon-tertiary);position:absolute;left:0;padding:0;cursor:pointer}.task-minimal-list .task-list-items>.task-item.done-task>.content{opacity:.35;transition:opacity .2s ease}.task-minimal-list .task-list-items>.task-item:hover>.content{opacity:1}.task-minimal-list .task-list-items>.task-item .btn-check-task.check{color:var(--icon-success)}.task-minimal-list .task-list-items>.task-item .btn-check-task.locked{color:var(--icon-secondary);cursor:default}.btn-check-task.archived{cursor:default!important}.task-minimal-list .task-list-items>.task-item>.content .title{color:var(--text-primary,#000);font-size:14px;font-weight:400;margin:0;margin-top:14px;margin-bottom:14px;padding-left:30px;cursor:default;position:relative;white-space:normal}.task-minimal-list .task-list-items>.task-item .code{color:var(--text-secondary,#b6b6b6);background-color:var(--surface-secondary);height:17px;padding:6px;border-radius:8px;margin-right:4px;display:inline-block}.task-minimal-list .task-list-items>.task-item .code>p{line-height:20px;font-size:12px;margin:0;color:var(--text-secondary)}.task-minimal-list .task-list-items>.task-item>.content .title>.task-title{cursor:pointer}.task-minimal-list .task-list-items>.task-item>.content .title .btn-edit-title{opacity:0;transition:opacity .25s ease;transition-delay:.5s;margin:0 4px}.task-minimal-list .task-list-items>.task-item>.content .title:hover .btn-edit-title{opacity:1}.task-minimal-list .task-list-items>.task-item .project-info{background-color:var(--surface-secondary);height:17px;display:inline-block;padding:6px 12px;padding-left:34px;border-radius:8px;cursor:pointer;position:relative}.task-minimal-list .task-list-items>.task-item .project-info>div.project-info-img{position:absolute;border-radius:100%;font-size:18px;height:20px;width:20px;left:10px;color:var(--icon-primary);top:4px}.task-minimal-list .task-list-items>.task-item .project-info>img.project-info-img{position:absolute;border-radius:100%;height:22px;width:22px;left:8px;top:4px}.task-minimal-list .task-list-items>.task-item .project-info>p{line-height:20px;font-size:12px;margin:0;color:var(--text-primary)}.task-minimal-list .task-list-items>.task-item .status{padding:2px 10px;cursor:default;margin:0 6px}.task-minimal-list .task-list-items>.task-item .status p.text{font-size:11px;white-space:nowrap}.task-minimal-list .task-list-items>.task-item .info-label{color:var(--text-primary);font-size:12px;font-weight:400;margin-top:0;margin-bottom:0;display:inline-block;margin-right:0;padding:0 8px}.task-minimal-list .task-list-items>.task-item .info-label label{display:inline-block}.task-minimal-list .task-list-items>.task-item .info-label>span{color:var(--text-tertiary);font-size:11px;font-weight:400}.task-minimal-list .task-list-items>.task-item .info-label>.badge{width:8px;height:8px;border-radius:100%;background-color:var(--surface-tertiary);display:inline-block;margin-right:4px}.task-minimal-list .task-list-items>.task-item .info-label>.badge.primary{background-color:var(--bg-primary-primary)}.task-minimal-list .task-list-items>.task-item .info-label>.badge.danger{background-color:var(--bg-danger-primary)}.task-minimal-list .task-list-items>.task-item .info-label>.badge.warning{background-color:var(--bg-warning-primary)}.task-project-list .list-header>.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:600;line-height:normal;text-align:center;margin-bottom:4px}.task-project-list .list-header>.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:600;line-height:normal;text-align:center;margin:0}.task-project-list .list-header{margin-bottom:16px}.task-project-list>.group-list{margin-bottom:12px}.task-project-list>.group-list .group-header{margin-bottom:4px}.task-project-list>.group-list .group-header .group-title{color:var(--text-secondary);text-align:right;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:0;display:inline-block;padding:0 8px}.task-project-list>.group-list .task-project-item{max-width:266px;height:26px;border-radius:12px;padding:8px 8px;position:relative;cursor:pointer;margin-bottom:4px;transition:background-color .2s ease,border .2s ease;border:.1rem solid transparent}.task-project-list>.group-list .task-project-item:hover{background-color:var(--surface-tertiary);border:.1rem solid var(--border-secondary)}.task-project-list>.group-list .task-project-item.active{background-color:var(--surface-primary)}.task-project-list>.group-list .task-project-item img.project-item-img{width:30px;height:30px;border-radius:8px;margin:auto 0;position:absolute;top:5px}.task-project-list>.group-list .task-project-item div.project-item-img{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-secondary);text-align:center;position:absolute;top:5px}.task-project-list>.group-list .task-project-item div.project-item-img i{line-height:30px;font-size:16px;color:var(--icon-primary)}.task-project-list>.group-list .task-project-item>div.content{padding-left:40px}.task-project-list>.group-list .task-project-item p{margin:0}.task-project-list>.group-list .task-project-item p.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:26px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-project-list>.group-list .task-project-item p.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-project-list>.group-list .task-project-item p.desc>span{color:var(--text-primary);font-weight:600}.task-project-list>.group-list .task-project-item .meter{height:6px;position:relative;background:var(--border-secondary);border-radius:25px;margin-top:5px}.task-project-list>.group-list .task-project-item .meter>span{display:block;height:100%;border-radius:25px;background:var(--bg-success-primary);position:relative;overflow:hidden;transition:all .2s ease-in}.task-project-list>.group-list .task-project-item .meter>span.danger{background:var(--bg-danger-primary)}.task-project-list>.group-list .task-project-item .meter>span.warning{background:var(--bg-warning-primary)}.task-filter{padding:0 8px;margin-bottom:32px}.task-filter>.header{padding:0 8px;margin-bottom:16px}.task-filter>.header>p{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0}.task-filter .task-filter-list .task-filter-item{border-radius:8px;cursor:pointer;transition:background-color .2s ease,border .2s ease;margin:4px 0;position:relative;padding-right:50px;border:.1rem solid transparent}.task-filter .task-filter-list .task-filter-item:hover{background-color:var(--surface-tertiary);border:.1rem solid var(--border-secondary)}.task-filter .task-filter-list .task-filter-item.active{background-color:var(--surface-primary)}.task-filter .task-filter-list .task-filter-item>p{margin:0;color:var(--text-primary);font-size:13px;height:20px;font-weight:600;line-height:20px;vertical-align:middle;padding-left:8px;position:relative;height:30px;line-height:30px;display:flex;align-items:center}.task-filter .task-filter-list .task-filter-item>p>i{font-size:18px;padding-right:8px}.task-filter .task-filter-list .task-filter-item>.drop-modal{position:absolute;display:inline-block;right:12px;top:3px}.task-filter .task-filter-list .task-filter-item>.drop-modal>.drop-modal-menu{border-radius:8px}.task-filter .task-filter-list .task-filter-item>.drop-modal>.drop-modal-menu>.inner{padding:0}.task-filter .task-filter-list .task-filter-item .t-btn-icon-content{font-size:16px}.order-list{width:300px}.order-item{height:40px;padding:0 12px;border-radius:8px;margin:4px;cursor:pointer;transition:background .2s ease}.order-item>p{line-height:40px;margin:0;font-size:14px}.order-item:hover{background:var(--card-secondary)}.project-filter-section{padding:0}.project-filter-section .project-filter-item{padding:16px;border-bottom:.1rem solid var(--border-primary)}.project-filter-section .project-filter-item .project-info-section{display:inline-block}.project-filter-section .project-filter-item p.project-title{margin:0;font-size:14px;margin-left:14px;color:var(--text-primary)}.project-filter-section .project-filter-item p.project-desc{margin:0;font-size:13px;margin-left:14px;color:var(--text-secondary)}.search-task{margin-bottom:16px}.search-task>.t-input-group>.t-input-inner{opacity:.75}.search-task>.t-input-group:has(.t-input:focus) .t-input-inner{opacity:1}.task-detail-section{background:var(--surface-secondary);border-radius:16px}.task-detail-section .task-detail-head>.content>*{display:inline}.task-detail-section .task-detail-head>.content>.done-task-btn{margin:0 8px}.task-detail-section>.task-detail-content{border-radius:16px;background:var(--surface-primary);min-height:calc(100vh*.55)}.task-detail-section>.task-detail-header{padding:24px 16px;border-top-left-radius:16px;border-top-right-radius:16px}.task-detail-section>.task-detail-header .task-number{margin:0;color:var(--text-secondary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:inline-flex;align-items:center}.task-detail-section>.task-detail-header .task-title{margin:0;color:var(--text-primary);font-size:16px;font-style:normal;font-weight:600;line-height:1.5;margin-top:8px}.task-detail-section>.task-detail-header .task-creator{margin:0;margin-top:4px;color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.task-detail-section>.task-detail-header .task-creator>.creator{color:var(--text-blue);cursor:pointer}.task-detail-section>.task-detail-content>.inner-content{padding-top:24px;padding-bottom:24px;height:calc(100vh*.55);overflow-y:auto;overflow-x:hidden}.task-detail-section>.task-detail-content>.inner-content .divider{margin:24px 0}.task-detail-section>.task-detail-content .task-spend-timer{border-radius:8px;border:1px solid var(--border-secondary);background:var(--surface-primary);width:300px;margin:0 auto;height:40px}.task-detail-section>.task-detail-content .task-spend-timer>.btn-spend{float:left}.task-detail-section>.task-detail-content .task-spend-timer:has(.btn-spend)>.time-board{margin:0;display:inline-block;float:left}.task-detail-section>.task-detail-content .task-spend-timer>.time-board{width:170px;text-align:center;margin:0 auto;display:block}.task-detail-section>.task-detail-content .task-spend-timer>.time-board p{margin:0}.task-detail-section>.task-detail-content .task-spend-timer>.time-board p.title{color:var(--text-secondary);font-size:11px;font-style:normal;font-weight:400;line-height:normal;padding-top:3px}.task-detail-section>.task-detail-content .task-spend-timer>.time-board p.counter{color:var(--text-primary,#000);font-size:14px;font-style:normal;font-weight:600;line-height:normal;direction:ltr}.task-detail-section>.task-detail-content .task-spend-progress{padding:0 8px}.task-detail-section>.task-detail-content .task-spend-progress p{margin:0}.task-detail-section>.task-detail-content .task-spend-progress p.title{color:var(--text-secondary);text-align:right;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.task-detail-section>.task-detail-content .task-spend-progress p.current-spend{color:var(--text-success);font-size:13px;font-style:normal;font-weight:600;line-height:normal;direction:ltr}.task-detail-section>.task-detail-content .task-spend-progress p.current-spend.warning{color:var(--text-warning)}.task-detail-section>.task-detail-content .task-spend-progress p.current-spend.danger{color:var(--text-danger)}.task-detail-section>.task-detail-content .task-spend-progress p.max-spend{color:var(--text-primary);font-size:13px;font-style:normal;font-weight:600;line-height:normal;direction:ltr}.task-detail-section>.task-detail-content .task-spend-progress .meter{height:6px;position:relative;background:var(--border-secondary);border-radius:25px;margin-top:5px}.task-detail-section>.task-detail-content .task-spend-progress .meter>span{display:block;height:100%;border-radius:25px;background:var(--bg-success-primary);position:relative;overflow:hidden;transition:all .2s ease-in}.task-detail-section>.task-detail-content .task-spend-progress .meter>span.danger{background:var(--bg-danger-primary)}.task-detail-section>.task-detail-content .task-spend-progress .meter>span.warning{background:var(--bg-warning-primary)}.task-detail-section>.task-detail-content>.inner-content .task-desc-title{color:var(--text-secondary);font-size:13px;font-style:normal;font-weight:400;line-height:normal}.task-detail-section>.task-detail-content>.inner-content .task-desc{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding:0 16px}.task-detail-section>.task-detail-content>.inner-content .task-desc>.ql-editor{padding:0;height:auto;margin-bottom:24px;overflow:visible}.task-detail-section>.task-detail-content>.inner-content .task-reminder{padding:0 12px}.task-detail-section>.task-detail-content>.inner-content .task-reminder .title{font-size:14px;color:var(--text-primary);font-weight:600;margin:0;display:flex;align-content:center}.task-detail-section>.task-detail-content>.inner-content .task-reminder .task-reminder-icon{font-size:26px;color:var(--text-blue);margin-right:4px}.task-detail-section>.task-detail-content>.inner-content .task-reminder .desc{font-size:12px;color:var(--text-secondary);font-weight:500;margin:0}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items{margin:0 -2px;margin-top:16px}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item{padding:4px;transition:opacity .2s ease-in}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item.expired{opacity:.5}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item:hover{opacity:1}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item .inner{height:40px;padding:8px;background:var(--surface-secondary);display:flex;justify-content:space-between;border-radius:8px}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item p.title{margin:0;color:var(--text-primary);font-size:14px;font-weight:400;cursor:default;margin:0 5px}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item p.desc{margin:0;color:var(--text-secondary);font-size:12px;font-weight:400;cursor:default}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item.expired p.desc{color:var(--text-warning)}.task-detail-section>.task-detail-content>.inner-content .task-reminder .reminder-items .reminder-item .icon{font-size:24px;color:var(--icon-tertiary)}.file-group-section{position:relative;border-bottom:.1rem solid var(--border-secondary)}.file-group-section .user-uploader-info img.user-avatar{width:24px;height:24px;border-radius:50%;display:inline-block;position:absolute}.file-group-section .user-uploader-info div.user-avatar{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-secondary);text-align:center;display:inline-block;position:absolute}.file-group-section .user-uploader-info div.user-avatar>i{line-height:24px;font-size:12px;color:var(--icon-primary)}.file-group-section .user-uploader-info .user-name{margin:0;display:inline-block;font-size:14px;color:var(--text-primary);padding-left:32px}.file-group-section .user-uploader-info .upload-date{margin:0;font-size:11px;color:var(--text-secondary);margin-top:8px;display:inline-block;margin:0 5px}.file-group-section .files-desc{font-size:13px;padding:12px;border-radius:8px;background:var(--surface-secondary,#f6f6f6);margin:0;margin-top:12px}.files-section{padding:12px 8px}.files-section>div{padding:4px}.files-section .file-item{border-radius:12px;background:var(--surface-secondary,#f6f6f6);height:34px;padding:12px;padding-left:70px;position:relative}.files-section .file-item .file-type{position:absolute;width:59px;height:59px;left:0;top:0;border-radius:12px;background:var(--bg-neutral-primary);text-align:center}.files-section .file-item .file-type>i{line-height:59px;font-size:24px;color:var(--white);font-weight:400}.files-section .file-item .file-uploading-progress{position:absolute;width:59px;height:59px;left:0;top:0;border-radius:12px;background:var(--bg-neutral-primary);text-align:center}.files-section .file-item .file-uploading-progress i{font-size:24px;color:var(--white);font-weight:400;margin-top:10px;font-size:18px}.files-section .file-item .file-uploading-progress p{margin:0;color:var(--white);font-size:13px}.files-section .file-item .file-name{margin:0;color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:35px}.files-section .file-item .file-size{margin:0;color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.files-section .file-item .file-btn{position:absolute;right:18px;top:18px}.rte-btn-modal{display:inline-block;float:left}.rte-btn-modal.t-select .t-select-menu{padding:8px 0 4px 0;min-width:190px}.rte-btn-modal.t-select .t-select-option .t-select-option-inner{height:35px}.rte-btn-modal.t-select .t-select-option .t-select-option-inner .title{line-height:35px}.rte-btn-modal.t-select .t-select-option .t-select-option-inner:has(p.desc){height:45px}.rte-btn-modal .t-select-search-box .t-input-inner{padding-top:8px!important;padding-bottom:8px!important}.rte-btn-modal .t-select-items{max-height:180px}.rte-btn-modal .t-select-search-box .t-input-group .t-input-icon{top:9px}.rte-btn-modal .t-select-search-box .t-input-group .t-input-btn-empty{top:10px}.rte-label-tag.label-tag{height:25px}.rte-btn-modal.t-select .t-select-option .t-select-option-inner .t-option-select-img-placeholder{width:30px;height:30px;border-radius:8px}.rte-btn-modal.t-select .t-select-option .t-select-option-inner .t-option-select-img-placeholder i{line-height:30px;font-size:18px}.rte-btn-modal.t-select .t-select-option .t-select-option-inner .t-option-select-img{width:33px;height:33px;border-radius:8px}.rte-label-tag.label-tag .icon-before{top:5px;font-size:16px}.rte-label-tag.label-tag .text{line-height:23px}.comments-section{padding:0 16px}.comments-section .comment-item{position:relative;background:var(--surface-secondary);border-radius:12px;margin-top:16px;padding:0 12px;-webkit-animation:scale-animat .2s ease-out;animation:scale-animat .2s ease-out}.comments-section .comment-item .pin-comment{font-size:20px;color:var(--icon-secondary);margin:0 6px;top:4px;position:relative}.comments-section .comment-item .comment-item-inner{padding:12px 0}.comments-section .comment-item:first-child{margin-top:0}.comments-section .comment-item:last-child{border-bottom:0;margin-bottom:16px}.comments-section .comment-item .user-info img.user-avatar{width:24px;height:24px;border-radius:50%;display:inline-block;position:absolute}.comments-section .comment-item .question-comment{margin-top:8px;font-size:12px;display:flex;align-items:center}.comments-section .comment-item .question-comment>*{display:inline-block;color:var(--text-warning)}.comments-section .comment-item .question-comment p{margin:0 5px}.comments-section .comment-item .question-comment i{font-size:18px}.comments-section .comment-item .answer-comment{margin-top:8px;font-size:12px;display:flex;align-items:center}.comments-section .comment-item .answer-comment>*{display:inline-block;color:var(--text-success)}.comments-section .comment-item .answer-comment p{margin:0 5px}.comments-section .comment-item .answer-comment i{font-size:18px}.comments-section .comment-item .user-info div.user-avatar{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-secondary);text-align:center;display:inline-block;position:absolute}.comments-section .comment-item .user-info div.user-avatar>i{line-height:24px;font-size:12px;color:var(--icon-primary)}.comments-section .comment-item .user-info .user-name{margin:0;display:inline-block;font-size:14px;color:var(--text-primary);padding-left:32px}.comments-section .comment-item .user-info .send-date{margin:0 5px;font-size:11px;color:var(--text-secondary);margin-top:8px;display:inline-block}.comments-section .comment-item .edited-comment{margin:0 5px;font-size:11px;color:var(--text-tertiary);margin-top:8px;display:inline-block}.comments-section .comment-item .comment-text{padding:0;height:auto;overflow:visible;margin-top:16px;line-height:2.2;text-align:left;direction:ltr}.comments-section .comment-item .comment-text pre{border:.1rem dashed var(--border-tertiary);border-radius:12px;padding:12px}.comments-section .comment-item .comment-text .rte-label-tag.label-tag{height:22px}.comments-section .comment-item .comment-footer{margin-top:12px;border-top:2px solid var(--border-secondary);padding:12px 0}.comments-section .comment-item .comment-footer .btn-replies{margin-right:16px}.comments-section .comments-replies{border-left:2px solid var(--border-primary);margin-left:20px;padding-left:20px;padding-top:20px}.comments-section .comments-replies .comment-item .reply-tree{width:30px;height:30px;position:absolute;border-left:2px solid var(--border-primary);border-bottom:.1rem solid var(--border-primary);border-bottom-left-radius:66%;left:-22px;top:-6px;z-index:2}.comments-section .comments-replies .comment-item .end-reply-tree{height:100%;width:2px;background:var(--surface-primary);position:absolute;left:-22px;top:7px}.comments-section .replies-showmore{margin-left:20px;padding-left:20px;margin-top:16px;margin-bottom:16px;text-align:center}.kanban-list-section{white-space:nowrap;display:inline-block;position:relative;width:100%;margin:0;display:flex;margin-bottom:32px;overflow-x:visible;overflow-y:auto;padding-bottom:24px}.kanban-list-section .kanban-group{display:inline-block;width:318px;padding:0;text-align:center;flex-shrink:0;animation:scale-animat .4s ease}.kanban-list-section .kanban-group .kanban-group-inner{border-radius:16px;background:var(--card-secondary);margin-bottom:16px;text-align:center;margin:0 8px;padding-bottom:.01rem;display:flex;flex-direction:column}.kanban-list-section .kanban-group .kanban-group-inner .kanban-group-header{padding:16px}.kanban-list-section .kanban-group .kanban-group-inner .kanban-group-header .title{color:var(--text-primary);font-size:14px;font-weight:600;display:flex;align-items:center}.kanban-list-section .kanban-group .kanban-group-inner .kanban-group-header .title>i{margin-right:4px}.kanban-list-section .kanban-group .kanban-group-inner .kanban-items{padding:0 8px;height:100%}.kanban-list-section .kanban-group .kanban-group-inner .kanban-items .not-items{text-align:center;margin:0;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}.kanban-list-section .kanban-group .kanban-group-inner .btn-add{padding:0 8px 8px 8px;margin-top:auto}.kanban-list-section .kanban-group.add-status .kanban-group-inner{background:none;border:2px dashed var(--border-secondary);border-radius:12px;opacity:.75;transition:opacity ease .3s}.kanban-list-section .kanban-group.add-status .kanban-group-inner:hover{opacity:1}.kanban-list-section .kanban-group.add-status .kanban-group-inner .kanban-group-header{padding:6px}.kanban-item{text-align:left;min-height:50px;background:var(--card-primary);color:var(--text-primary);padding:8px;position:relative;overflow:hidden;margin-bottom:8px;border-radius:12px}.kanban-item .personal-tag{height:22px;margin:0 4px}.kanban-item.sortable-ghost{opacity:.5}.kanban-item .btn-check-task{background:none;top:-2px;border:0;font-size:24px;color:var(--icon-tertiary);position:absolute;left:0;padding:0;cursor:pointer}.kanban-item.done-task>.content{opacity:.35;transition:opacity .2s ease}.kanban-item:hover>.content{opacity:1}.kanban-item .btn-check-task.check{color:var(--icon-success)}.kanban-item .btn-check-task.locked{color:var(--icon-secondary);cursor:default}.kanban-item:last-child{border:0}.kanban-item>.content .title{color:var(--text-primary,#000);font-size:14px;font-weight:400;margin:0;margin-top:14px;margin-bottom:8px;padding-left:30px;cursor:default;position:relative;white-space:normal}.kanban-item>.content .title>.code{color:var(--text-tertiary,#b6b6b6);font-size:12px;font-weight:400;margin-right:4px;float:left;padding-top:2px}.kanban-item .code{color:var(--text-secondary,#b6b6b6);background-color:var(--surface-tertiary);height:17px;padding:6px;border-radius:8px;display:inline-block;margin-right:4px}.kanban-item .code>p{line-height:20px;font-size:12px;margin:0;color:var(--text-secondary)}.kanban-item>.content .title>.task-title{cursor:pointer}.kanban-item>.content .title .btn-edit-title{opacity:0;transition:opacity .25s ease;transition-delay:.5s}.kanban-item>.content .title:hover .btn-edit-title{opacity:1}.kanban-item .project-info{background-color:var(--surface-tertiary);height:20px;display:inline-block;padding:4px 8px;padding-left:28px;border-radius:8px;cursor:pointer;position:relative}.kanban-item .project-info:has(div.project-info-img){padding-left:28px}.kanban-item .project-info>div.project-info-img{position:absolute;border-radius:100%;font-size:16px;height:18px;width:18px;left:6px;top:4px;color:var(--icon-primary)}.kanban-item .project-info>img.project-info-img{position:absolute;border-radius:100%;height:20px;width:20px;left:4px;top:4px}.kanban-item .project-info>p{line-height:20px;font-size:10px;margin:0;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kanban-item .status{padding:2px 10px;cursor:default}.kanban-item .status p.text{font-size:11px;white-space:nowrap}.kanban-item .info-label{color:var(--text-primary);font-size:12px;font-weight:400;margin-top:7px;margin-bottom:0;margin-right:8px;display:inline-block}.kanban-item .footer-details .label-tag{margin-right:8px}.kanban-item .info-label label{display:inline-block}.kanban-item .info-label>span{color:var(--text-tertiary);font-size:11px;font-weight:400}.kanban-item .info-label>.badge{width:8px;height:8px;border-radius:100%;background-color:var(--surface-tertiary);display:inline-block;margin-right:4px}.kanban-item .info-label>.badge.primary{background-color:var(--bg-primary-primary)}.kanban-item .info-label>.badge.danger{background-color:var(--bg-danger-primary)}.kanban-item .info-label>.badge.warning{background-color:var(--bg-warning-primary)}.kanban-item .btn-subtask{display:inline-block;margin-right:8px}.kanban-item .label-tag{margin:0}.kanban-item .footer-details{border-top:2px solid var(--border-secondary);padding:8px 0 0;margin-top:16px;display:flex;flex-wrap:wrap}.kanban-item .handle{cursor:move;color:var(--icon-secondary);margin-right:4px;display:inline-flex;vertical-align:middle}.kanban-item .handle-disabled{cursor:move;cursor:not-allowed;opacity:.2;margin-right:4px;display:inline-flex;vertical-align:middle}.task-table{overflow-x:auto;margin-bottom:16px}.task-table .task-table-item .btn-check-task{background:none;top:1px;border:0;font-size:24px;color:var(--icon-tertiary);position:absolute;left:0;padding:0;cursor:pointer}.task-table .task-table-item:has(.btn-check-task.check){opacity:.35;transition:opacity .2s ease}.task-table .task-table-item:hover{opacity:1!important}.task-table .task-table-item .btn-check-task.check{color:var(--icon-success)}.task-table .task-table-item .btn-check-task.locked{color:var(--icon-secondary);cursor:default}.task-table .task-table-item .title{color:var(--text-primary,#000);font-size:14px;font-weight:400;margin:0;padding-left:30px;cursor:default;position:relative;white-space:normal}.task-table .task-table-item .personal-tag{height:22px;margin:0 4px}.task-table .task-table-item .personal-tag p{line-height:22px}.task-table .task-table-item .code{color:var(--text-secondary,#b6b6b6);font-size:14px;font-weight:400;margin-right:4px;padding-top:2px}.task-table .task-table-item .title>.task-title{cursor:pointer}.task-table .task-table-item .title .btn-edit-title{opacity:0;transition:opacity .25s ease,height .25s ease;transition-delay:.4s;float:right;height:0}.task-table .task-table-item .title:hover .btn-edit-title{opacity:1;height:auto}.task-table .task-table-item .btn-subtask{margin-left:4px}.task-table .task-table-item .project-info{background-color:var(--surface-tertiary);height:20px;display:inline-block;padding:4px 8px;padding-left:34px;border-radius:8px;cursor:pointer;position:relative}.task-table .task-table-item .project-info:has(div.project-info-img){padding-left:28px}.task-table .task-table-item .project-info>div.project-info-img{position:absolute;border-radius:100%;font-size:16px;height:18px;width:18px;left:8px;top:4px;color:var(--icon-primary)}.task-table .task-table-item .project-info>img.project-info-img{position:absolute;border-radius:100%;height:20px;width:20px;left:8px;top:4px}.task-table .task-table-item .project-info>p{line-height:20px;font-size:12px;margin:0;color:var(--text-primary)}.task-table .task-table-item .t-display-value{padding:0;border:0}.task-table .task-table-item .t-display-value>.value-section{margin:0}.task-activity{padding:0 32px}.task-activity .task-activity-inner{border-left:2px solid var(--bg-gray-primary);padding-left:12px;padding-top:25px}.task-activity .task-activity-item{position:relative;margin-bottom:16px}.task-activity .task-activity-item>.icon{color:var(--bg-neutral-primary);position:absolute;left:-1.2rem;font-size:13px;top:2px}.task-activity .task-activity-item>.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0}.task-activity .task-activity-item>.title>.member{color:var(--text-blue)}.task-activity .task-activity-item>.date{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.task-activity .task-activity-item .desc{color:var(--text-tertiary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.exec-times-section{padding:0 16px}.exec-times-section .exec-times-item{position:relative;border-bottom:.1rem solid var(--border-secondary);margin-top:16px;-webkit-animation:scale-animat .2s ease-out;animation:scale-animat .2s ease-out}.exec-times-section .exec-times-item .inner{padding:12px;padding-top:0}.exec-times-section .exec-times-item .user-info{display:flex;align-items:center}.exec-times-section .exec-times-item .user-info img.user-avatar{width:24px;height:24px;border-radius:50%;display:inline-block}.exec-times-section .exec-times-item .user-info div.user-avatar{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-secondary);text-align:center;display:inline-block}.exec-times-section .exec-times-item .user-info div.user-avatar>i{line-height:24px;font-size:12px;color:var(--icon-primary)}.exec-times-section .exec-times-item .user-info .user-name{margin:0 8px;display:inline-block;font-size:14px;color:var(--text-primary)}.exec-times-section .exec-times-item .user-info .total-time{margin:0;font-size:12px;color:var(--text-secondary);display:inline-block}.exec-times-section .exec-times-item .edited-exec-time{margin:0 34px;font-size:11px;color:var(--text-tertiary);display:block}.exec-times-section .exec-times-item .time-board-section{margin-top:6px;padding:12px}.exec-times-section .exec-times-item .time-board{min-height:45px;background-color:var(--surface-secondary);border-radius:8px;padding:8px;display:flex;align-items:center}.exec-times-section .exec-times-item .time-board>*{display:inline-block}.exec-times-section .exec-times-item .time-board p{margin:0}.exec-times-section .exec-times-item .time-board p.title{color:var(--text-secondary);font-size:12px}.exec-times-section .exec-times-item .time-board p.time{color:var(--text-primary);font-size:14px}.exec-times-section .exec-times-item .time-board .main-time{font-size:12px;color:var(--text-tertiary);font-weight:normal;display:block;margin:0}.exec-times-section .exec-times-item .time-board .icon{font-size:24px;margin:0 12px 0 4px}.exec-times-section .exec-times-item .time-board .icon.ti-clock-play{color:var(--icon-success)}.exec-times-section .exec-times-item .time-board .icon.ti-clock-pause{color:var(--icon-danger)}.exec-times-section .exec-times-item .arrow-icon{display:flex;align-items:center;width:30px}.exec-times-section .exec-times-item .arrow-icon i{color:var(--icon-secondary);font-size:30px;margin:0 auto}.page-header{border-bottom:.1rem solid var(--border-secondary)}.page-header .header-title{border-right:2px solid var(--border-secondary);padding:0 24px;color:var(--text-primary);display:inline-flex;margin:0;align-items:center;height:36px;line-height:36px;font-size:14px}.page-header .header-title i{font-size:18px;color:var(--icon-secondary);margin:0 4px}.page-header .header-title .select-input{display:inline-flex;align-items:center}.page-header .tabs{display:inline-block}.timecard-list-section{margin:0;padding:0}.timecard-list-section .current-date{font-size:24px;color:var(--text-primary);font-weight:200;text-align:center;margin:32px 0}.timecard-list-section .timecard-timer{border-radius:8px;border:1px solid var(--border-secondary);background:var(--surface-primary);width:364px;margin:0 auto;height:40px}.timecard-list-section .timecard-timer>.btn-timecard{float:left}.timecard-list-section .timecard-timer:has(.btn-timecard)>.time-board{margin:0;display:inline-block;float:left}.timecard-list-section .timecard-timer>.time-board{width:240px;text-align:center;margin:0 auto;display:block}.timecard-list-section .timecard-timer>.time-board p{margin:0}.timecard-list-section .timecard-timer>.time-board p.title{color:var(--text-secondary);font-size:11px;font-style:normal;font-weight:400;line-height:normal;padding-top:3px}.timecard-list-section .timecard-timer>.time-board p.counter{color:var(--text-primary,#000);font-size:14px;font-style:normal;font-weight:600;line-height:normal;direction:ltr}.timecard-list-section .timecard-table{border:.1rem solid var(--border-secondary);border-radius:16px;margin-top:24px;margin-bottom:24px;padding:0;width:100%}.timecard-list-section .timecard-table th{color:var(--text-primary);text-align:left;font-size:14px;border-spacing:0;border-collapse:collapse;padding:16px}.timecard-list-section .timecard-table th:first-child{border-top-left-radius:12px}.timecard-list-section .timecard-table th:last-child{border-top-right-radius:12px}.timecard-list-section .timecard-table thead{background:var(--surface-secondary)}.timecard-list-section .timecard-table tbody{border:16px solid transparent}.timecard-list-section .timecard-table tbody td{padding:16px;margin:0 12px;border-bottom:.1rem solid var(--border-secondary);border-spacing:30px}.timecard-list-section .timecard-table tbody .timecard-checkindate{display:flex;height:100%;align-items:center;align-content:center}.timecard-list-section .timecard-table tbody .timecard-checkindate i{display:inline-block;color:var(--icon-secondary);font-size:28px;margin-right:8px}.timecard-list-section .timecard-table tbody .timecard-checkindate .text{margin:0;display:inline-block}.timecard-list-section .timecard-table tbody .timecard-checkindate .date{margin:0}.timecard-list-section .timecard-table tbody .timecard-checkindate .text .sum-time{color:var(--text-secondary);font-size:14px;margin:0}.timecard-list-section .timecard-table tbody .timecard-checkindate .text .sum-time span{color:var(--text-primary)}.timecard-list-section .timecard-table tbody tr:last-child td{border:0}.timecard-list-section .timecard-table tbody tr .text-time{margin:0;margin-bottom:16px}.timecard-list-section .timecard-table tbody tr.active td>.timecard-checkindate *{color:var(--text-blue)!important}.timecard-list-section .timecard-table tbody tr .text-time:last-child{margin:0}.timecard-filter .first-section>.drop-modal{display:inline-block}.timecard-filter .drop-modal .drop-modal-menu>.inner{width:300px}.timecard-filter .first-section{display:flex;align-items:center}.timecard-filter .filter-summary{display:inline-block;margin:0 8px}.timecard-filter .filter-summary .title{margin:0;font-size:14px;font-weight:500;color:var(--text-primary)}.timecard-filter .filter-summary .title span{font-size:18px;font-weight:600}.timecard-filter .filter-summary .description{margin:0;font-size:14px;font-weight:500;color:var(--text-secondary)}.timecard-filter .filter-summary .description span{display:inline-block}.timecard-list-section .timecard-datepicker{border:1px solid var(--border-secondary);padding:12px;margin:0 auto;width:340px;border-radius:8px;margin-top:24px;display:flex;justify-content:center}.timecard-list-section .timecard-datepicker>div{display:inline-block}.timecard-list-section .timecard-datepicker>div.month{display:flex;align-items:center}.timecard-list-section .timecard-datepicker>div.month p{font-size:14px;border-right:2px solid var(--border-secondary);padding-right:6px;margin-right:8px;display:flex;align-items:center;cursor:pointer}.timecard-list-section .timecard-datepicker>div.month i{font-size:16px;padding-left:4px}.timecard-list-section .timecard-datepicker>div.total-time-month{margin:0 auto;text-align:center}.timecard-list-section .timecard-datepicker>div.total-time-month p{font-size:16px;font-weight:300}.timecard-list-section .timecard-datepicker>div.total-time-month p>span{font-weight:600}.timecard-list-section .timecard-datepicker p{margin:0}.workleave-items{margin:16px 0}.workleave-items .workleave-item{border:.1rem solid var(--border-secondary);border-radius:12px;padding:16px;margin-bottom:16px}.workleave-items .workleave-item .icon{height:50px;width:50px;border-radius:12px;border:.1rem solid var(--border-secondary);color:var(--text-primary);text-align:center;display:inline-block}.workleave-items .workleave-item .icon i{line-height:50px;font-size:22px}.workleave-items .workleave-item .first-item{display:flex;align-items:center}.workleave-items .workleave-item .first-item p{margin:0}.workleave-items .workleave-item .first-item .text{display:inline-block;margin:0 10px}.workleave-items .workleave-item .first-item .text .request-date{font-size:14px;font-weight:normal;color:var(--text-primary)}.workleave-items .workleave-item .first-item .text .type{font-size:12px;font-weight:normal;color:var(--text-secondary)}.workleave-items .workleave-item .first-item .text .type>*{display:inline-block;margin:0}.workleave-items .workleave-item .desc{border-radius:12px;margin-top:8px}.workleave-items .workleave-item .desc .desc-title{margin:0;font-size:12px;color:var(--text-secondary)}.workleave-items .workleave-item .desc .desc-text{margin:0;font-size:14px;color:var(--text-primary)}.workleave-items .workleave-item .supervisor-desc{background-color:var(--surface-secondary);padding:16px;border-radius:12px;margin-top:16px}.workleave-items .workleave-item .supervisor-desc .desc-title{margin:0;font-size:12px;color:var(--text-secondary)}.workleave-items .workleave-item .supervisor-desc .desc-text{margin:0;font-size:14px;color:var(--text-primary)}.workleave-items .workleave-item .supervisor-desc .desc-title span{display:inline-block}.workleave-items .workleave-item .last-item .drop-modal{display:inline-block}.new-workleave-items{margin:16px 0}.new-workleave-items .title{color:var(--text-primary);font-size:16px;font-weight:600}.new-workleave-items .new-workleave-item{border:.1rem solid var(--border-secondary);border-radius:12px;padding:16px;margin-bottom:16px}.new-workleave-items .new-workleave-item .first-item{display:flex;align-items:center}.new-workleave-items .new-workleave-item .info{display:inline-block;margin:0;margin:0 8px;font-size:14px;font-weight:500}.new-workleave-items .new-workleave-item .name{margin:0;font-size:14px;font-weight:500}.new-workleave-items .new-workleave-item .created-date{margin:0;font-size:12px;font-weight:500;color:var(--text-secondary)}.new-workleave-items .new-workleave-item div.profile-image{height:45px;width:45px;border-radius:12px;border:.1rem solid var(--border-secondary);color:var(--text-primary);text-align:center;display:inline-block}.new-workleave-items .new-workleave-item div.profile-image i{line-height:45px;font-size:22px}.new-workleave-items .new-workleave-item img.profile-image{height:45px;width:45px;border-radius:12px}.new-workleave-items .new-workleave-item .last-item>*{margin:0 2px}.new-workleave-items .new-workleave-item .info-section{margin-bottom:16px}.new-workleave-items .new-workleave-item .info-section .title{color:var(--text-secondary);font-size:12px;margin:0}.new-workleave-items .new-workleave-item .info-section .text{color:var(--text-primary);font-size:14px;margin:0}.workleave-request-items{margin:16px 0}.workleave-request-items .title{color:var(--text-primary);font-size:16px;font-weight:600}.workleave-request-items .workleave-request-item{border:.1rem solid var(--border-secondary);border-radius:12px;padding:16px;margin-bottom:16px}.workleave-request-items .workleave-request-item .first-item{display:flex;align-items:center}.workleave-request-items .workleave-request-item .info{display:inline-block;margin:0;margin:0 8px;font-size:14px;font-weight:500}.workleave-request-items .workleave-request-item .name{margin:0;font-size:14px;font-weight:500}.workleave-request-items .workleave-request-item .created-date{margin:0;font-size:12px;font-weight:500;color:var(--text-secondary)}.workleave-request-items .workleave-request-item div.profile-image{height:45px;width:45px;border-radius:12px;border:.1rem solid var(--border-secondary);color:var(--text-primary);text-align:center;display:inline-block}.workleave-request-items .workleave-request-item div.profile-image i{line-height:45px;font-size:22px}.workleave-request-items .workleave-request-item img.profile-image{height:45px;width:45px;border-radius:12px}.workleave-request-items .workleave-request-item .last-item>*{margin:0 2px}.workleave-request-items .workleave-request-item .info-section{margin-bottom:16px}.workleave-request-items .workleave-request-item .info-section .title{color:var(--text-secondary);font-size:12px;margin:0}.workleave-request-items .workleave-request-item .info-section .text{color:var(--text-primary);font-size:14px;margin:0}.workleave-request-items .workleave-request-item .supervisor-desc{background-color:var(--surface-secondary);padding:16px;border-radius:12px;margin-top:16px}.workleave-request-items .workleave-request-item .supervisor-desc .desc-title{margin:0;font-size:12px;color:var(--text-secondary)}.workleave-request-items .workleave-request-item .supervisor-desc .desc-text{margin:0;font-size:14px;color:var(--text-primary)}.workleave-request-items .workleave-request-item .supervisor-desc .desc-title span{display:inline-block}.workleave-request-items .workleave-request-item .last-item .drop-modal{display:inline-block}.timecard-activity .timecard-activity-inner{border-left:2px solid var(--bg-gray-primary);padding-left:12px;padding-top:25px}.timecard-activity .timecard-activity-item{position:relative;margin-bottom:16px}.timecard-activity .timecard-activity-item>.icon{color:var(--bg-neutral-primary);position:absolute;left:-1.2rem;font-size:13px;top:2px}.timecard-activity .timecard-activity-item>.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin:0}.timecard-activity .timecard-activity-item>.title>.member{color:var(--text-blue)}.timecard-activity .timecard-activity-item>.date{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.timecard-activity .timecard-activity-item>.desc{color:var(--text-tertiary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.project-detail{margin-top:40px}.project-detail .start-section{display:flex;align-items:center}.project-detail .start-section img.project-img{width:80px;height:80px;border-radius:12px;display:inline-block}.project-detail .start-section div.project-img{width:80px;height:80px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center}.project-detail .start-section div.project-img i{line-height:80px;font-size:30px;color:var(--icon-primary)}.project-detail .start-section .name-section{display:inline-block;margin:0 12px}.project-detail .start-section .name-section p{margin:0}.project-detail .start-section .name-section p.name{color:var(--text-primary);font-size:14px}.project-detail .start-section .name-section p.group-name{color:var(--text-secondary);font-size:12px}.project-detail .end-section .report-item{display:inline-block;margin:0 16px;width:80px}.project-detail .end-section .report-item div.icon{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;margin:0 auto}.project-detail .end-section .report-item div.icon i{line-height:50px;font-size:22px;color:var(--icon-primary)}.project-detail .end-section .report-item .title{text-align:center;margin:0;font-size:12px;color:var(--text-secondary);margin-top:8px}.project-detail .end-section .report-item .amount{text-align:center;margin:0;font-size:16px;color:var(--text-primary);font-weight:600}.project-detail .about-desc{color:var(--text-primary);font-size:14px;font-weight:normal}.project-detail .card-section{box-shadow:var(--bg-shadow) 0 0 15px;border-radius:12px;margin:12px 0}.project-detail .card-section .header{border-top-left-radius:12px;border-top-right-radius:12px;background:var(--card-secondary);padding:15px 20px;height:20px}.project-detail .card-section .header p{margin:0;font-size:14px;font-weight:normal;color:var(--text-primary)}.project-detail .card-section .body{height:452px;background:var(--card-primary);overflow-y:auto;padding:0 12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.project-detail .card-section .body>.body-inner{position:relative}.project-detail .card-section .body .item{padding:8px 0;padding-bottom:16px;align-items:center;margin-bottom:8px;border-bottom:.1rem solid var(--border-secondary)}.project-detail .card-section .body .item:last-child{border:0;margin-bottom:0;padding-bottom:8px}.project-detail .card-section .body .item img.avatar-image{width:50px;height:50px;border-radius:12px;display:inline-block}.project-detail .card-section .body .item div.avatar-image{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;display:inline-block}.project-detail .card-section .body .item div.avatar-image i{line-height:50px;font-size:22px;color:var(--icon-primary)}.project-detail .card-section .body .item .info{display:inline-block;margin:0 8px;width:calc(100% - 70px)}.project-detail .card-section .body .item>.inner{display:flex;align-items:center;width:calc(100% - 50px)}.project-detail .card-section .body .item>.inner .info p{margin:0}.project-detail .card-section .body .item .info p.title{font-size:14px;color:var(--text-primary)}.project-detail .card-section .body .item .info p.desc>i{font-size:16px;color:var(--text-blue);display:inline-block;margin-right:3px}.project-detail .card-section .body .item .info p.desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;align-items:center;display:flex}.project-detail .card-section .body .item .info p.desc span.status{color:var(--text-warning)}.project-detail .card-section .body .item .info p.desc>i{display:inline-block}.timecard-settings{margin-bottom:32px}.timecard-settings .header{margin-top:25px;margin-bottom:25px}.timecard-settings .header .title{font-size:14px;color:var(--text-primary);font-weight:normal;margin:0}.timecard-settings .header .desc{font-size:12px;color:var(--text-secondary);font-weight:normal;margin:0}.timecard-settings .config-section{opacity:1;transition:opacity ease .2s;margin-bottom:16px}.timecard-settings .config-section.deactive{opacity:.5}.timecard-settings .config-section.deactive *{cursor:default!important}.timecard-settings .config-section{border:.1rem solid var(--border-secondary);border-radius:16px;padding:16px}.timecard-settings .config-section .section-header .title{font-size:14px;color:var(--text-primary);font-weight:normal;margin:0}.timecard-settings .config-section .section-header .desc{font-size:12px;color:var(--text-secondary);font-weight:normal;margin:0}.timecard-settings .config-section .config-items{margin:0;margin-top:16px}.timecard-settings .config-section .config-item{height:85px;border:.1rem solid var(--surface-secondary);border-radius:12px;background:var(--surface-secondary)}.timecard-settings .config-section .config-item .config-item-inner{padding:12px}.timecard-settings .config-section .config-item .config-item-inner .t-display-value{border:0;padding:0}.timecard-settings .config-section .config-item .title{font-size:14px;color:var(--text-primary);font-weight:600;margin:0}.timecard-settings .config-section .config-item .desc{font-size:14px;color:var(--text-secondary);font-weight:500;margin:0;margin-top:16px}.timecard-settings .config-section .add-config-item{border-radius:12px;height:85px;border:.1rem dashed var(--border-secondary);cursor:pointer}.timecard-settings .config-section .add-config-item>p{margin:0;font-size:16px;text-align:center;line-height:85px}.section-title{font-size:14px;color:var(--text-primary);font-weight:normal;margin:0}.section-desc{font-size:12px;color:var(--text-secondary);font-weight:normal;margin:0}.event-page-header{margin-top:32px!important}.event-page-header .current-date{font-size:24px;color:var(--text-primary);font-weight:200;text-align:center;margin:16px 0}.event-page-header .btn-goto-month{margin:0 8px}.event-page-header .drop-modal{display:inline-block}.event-calendar{margin-top:16px;overflow:auto;padding-bottom:32px}.event-calendar .event-calendar-section{min-width:1740px;margin:0}.event-calendar .header{margin:0;padding:0;margin-bottom:4px;position:sticky;top:0}.event-calendar .header .header-item{padding:0 4px;margin:0}.event-calendar .header .header-item .inner{background-color:var(--surface-secondary);padding:16px 0;color:var(--text-primary);font-size:16px;font-weight:600;text-align:center;border-radius:8px}.event-calendar-week{color:var(--text-primary);margin:0;padding:0}.event-calendar-week .event-calendar-day{padding:4px;margin:0;display:flex;align-items:stretch}.event-calendar-week .event-calendar-day .inner{border:.1rem solid var(--border-secondary);padding:8px;min-height:150px;border-radius:8px;transition:border-color .2s ease-in;display:flex;flex-direction:column;width:100%;max-width:100%;position:relative}.event-calendar-week .event-calendar-day .inner.disabled{opacity:.3}.event-calendar-week .event-calendar-day .inner.current{border-color:var(--border-blue)!important}.event-calendar-week .event-calendar-day .inner:hover:not(.disabled){border-color:var(--border-tertiary)}.event-calendar-week .event-calendar-day .inner .date{font-size:24px;font-weight:800;color:var(--text-primary);margin:0;padding:4px 4px;padding-bottom:0;line-height:18px;display:flex;align-items:center}.event-calendar-week .event-calendar-day .inner .date>span{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 4px;display:inline-block}.event-calendar-week .event-calendar-day .inner .date>span.pr-month{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 2px;display:inline-block}.event-calendar-week .event-calendar-day .inner.current .date,.event-calendar-week .event-calendar-day .inner.current .date span{color:var(--text-blue)}.event-calendar-week .event-calendar-day .inner.disabled .date>span{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 4px;display:inline-block}.event-calendar-week .event-calendar-day .inner .sub-date{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0;padding:0 8px;direction:ltr;text-align:left}.event-calendar-week .event-calendar-day .inner .add-event{opacity:.25;transition:opacity .2s ease-in;position:absolute;right:8px;top:10px}.event-calendar-week .event-calendar-day .inner:hover .add-event{opacity:1}.event-items{margin:24px 0 0 0}.event-items .event-item{padding:8px;background-color:var(--surface-secondary);border-radius:8px;margin:8px 0;overflow:hidden;cursor:pointer;position:relative}.event-items .event-item p{margin:0}.event-items .event-item p.title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;padding-right:20px}.event-items .event-item p.title>span{font-size:18px;margin-right:2px;align-self:start}.event-items .event-item p.desc{font-size:12px;font-weight:normal;color:var(--text-secondary);padding-left:27px;display:-webkit-box;max-width:400px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.event-items .event-item p.time{font-size:12px;margin:0;margin-top:12px;font-weight:normal;color:var(--text-primary);padding:6px;border-radius:8px;display:inline-block;background-color:var(--bg-gray-primary);overflow:hidden;float:right;text-overflow:ellipsis}.event-items .event-item .arrow-icon{position:absolute;top:12px;right:8px;color:var(--text-secondary);font-size:16px}.event-detail .detail-header,.event-detail .detail-footer{padding:16px}.event-detail .event-detail-content{min-height:200px;max-height:350px;overflow-y:auto;margin-top:24px}.event-detail .event-title{font-size:22px;color:var(--text-primary);font-weight:600;margin:0;word-spacing:-2px}.event-detail .event-summary{font-size:12px;color:var(--text-secondary);margin:0;padding-left:35px;line-height:10px}.event-detail .detail-item .title{margin:0;font-size:12px;color:var(--text-secondary)}.event-detail .detail-item .value{margin:0;font-size:14px;color:var(--text-primary)}.event-detail .detail-item .ql-editor{height:auto;overflow:visible}.event-detail .detail-item .t-display-value{border:0;padding:0}.event-detail .detail-item .t-display-value .summary-items-count{display:none}.event-detail .detail-footer{margin-top:24px}.event-detail .detail-footer .title{font-size:14px;color:var(--text-primary);font-weight:600;margin:0;display:flex;align-content:center}.event-detail .detail-footer .icon{font-size:26px;color:var(--text-blue);margin-right:4px}.event-detail .detail-footer .desc{font-size:12px;color:var(--text-secondary);font-weight:500;margin:0}.event-detail .detail-footer .reminder-items{margin:0 -2px;margin-top:16px}.event-detail .detail-footer .reminder-items .reminder-item{padding:4px;transition:opacity .2s ease-in}.event-detail .detail-footer .reminder-items .reminder-item.expired{opacity:.5}.event-detail .detail-footer .reminder-items .reminder-item:hover{opacity:1}.event-detail .detail-footer .reminder-items .reminder-item .inner{height:40px;padding:8px;background:var(--surface-secondary);display:flex;justify-content:space-between;border-radius:8px}.event-detail .detail-footer .reminder-items .reminder-item p.title{margin:0;color:var(--text-primary);font-size:14px;font-weight:400;cursor:default;margin:0 5px}.event-detail .detail-footer .reminder-items .reminder-item p.desc{margin:0;color:var(--text-secondary);font-size:12px;font-weight:400;cursor:default}.event-detail .detail-footer .reminder-items .reminder-item.expired p.desc{color:var(--text-warning)}.event-detail .detail-footer .reminder-items .reminder-item .icon{font-size:24px;color:var(--icon-tertiary)}.events-list{padding:0 100px}.events-list .date-event-inner{border-left:2px solid var(--bg-gray-primary);position:relative;display:flow-root}.events-list .date-event-inner .date-section>.icon{color:var(--bg-neutral-primary);position:absolute;left:-.8rem;font-size:22px;top:19px}.events-list .date-event-inner .date-section>.dayweek{color:var(--text-primary);position:absolute;left:-7.5rem;right:0;font-size:14px;top:20px;margin:0;font-weight:300;width:100px;text-align:right}.events-list .date-event-inner .date-section.current>.icon{color:var(--bg-primary-primary)}.events-list .date-event-inner .date-section.current>.dayweek{color:var(--bg-primary-primary)}.events-list .date-event-inner .date-section{padding:0 22px;padding-top:15px}.events-list .date-event-inner .date-section .date{margin:0;font-size:22px;color:var(--text-primary);display:inline-block;min-width:110px}.events-list .date-event-inner .date-section .date>span{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 4px;display:inline-block}.events-list .date-event-inner .date-section .date>span.pr-month{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 4px;display:inline-block}.events-list .date-event-inner .date-section .sub-date{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0}.events-list .date-event-inner .date-section .btn-add-event{display:inline-block;margin:0}.events-list .date-event-inner .event-item{max-height:150px;width:600px;border:.1rem solid var(--border-primary);border-radius:12px;margin:20px;position:relative;padding:12px;cursor:pointer}.events-list .date-event-inner .event-item .detail-item .title{margin:0;font-size:12px;color:var(--text-secondary)}.events-list .date-event-inner .event-item .detail-item .value{margin:0;font-size:14px;color:var(--text-primary)}.events-list .date-event-inner .event-item>.icon{color:var(--bg-neutral-primary);position:absolute;left:-1.9rem;font-size:16px;top:2px}.events-list .date-event-inner .event-item .arrow-icon{font-size:20px;color:var(--icon-secondary);margin:0}.events-list .date-event-inner .event-item .title{font-size:16px;color:var(--text-primary);margin:0;display:flex;align-items:center}.events-list .date-event-inner .event-item .title>span{font-size:20px;align-self:start}.events-list .date-event-inner .event-item-empty{height:30px;border-left:2px dashed var(--surface-primary);margin:-2px;padding:20px}.events-list .date-event-inner .event-item-empty>p{color:var(--text-tertiary);margin:0;font-size:14px}.event-summary-list{margin-bottom:32px;display:flex}.event-summary-list .inner{margin:0 auto}.event-summary-list .summary-item{width:32px;height:32px;border:.1rem solid var(--border-secondary);margin:2px;display:inline-block;border-radius:8px;position:relative;transition:border-color .2s ease-in;cursor:pointer}.event-summary-list .summary-item:hover{border-color:var(--border-tertiary)}.event-summary-list .summary-item.current{border-color:var(--bg-primary-primary)}.event-summary-list .summary-item p{margin:0;line-height:32px;text-align:center;font-size:16px;color:var(--text-primary)}.event-summary-list .summary-item .icon{color:var(--bg-success-primary);font-size:6px;position:absolute;bottom:2px;left:12px}.my-events{margin:0;margin-top:16px}.my-event-item{padding:16px;border:.1rem solid var(--border-secondary);border-radius:12px;margin:8px}.my-event-item .event-info-content{margin-top:16px}.my-event-item .created-at{margin:0;font-size:12px;color:var(--text-secondary);display:inline-block}.my-event-item .drop-modal{display:inline-block}.my-event-item .event-title{font-size:18px;color:var(--text-primary);font-weight:600;margin:0;word-spacing:-2px}.my-event-item .event-summary{font-size:12px;color:var(--text-secondary);margin:0;padding-left:28px;line-height:10px}.my-event-item .event-info .title{margin:0;font-size:12px;color:var(--text-secondary)}.my-event-item .event-info .value{margin:0;font-size:14px;color:var(--text-primary)}.my-event-item .event-info .ql-editor{height:auto}.my-event-item .event-info .t-display-value{border:0;padding:0}.t-display-value .summary-items-count{display:none}.chart-section{border:.1rem solid var(--border-secondary);border-radius:12px;min-height:350px;height:100%}.chart-section .inner{padding:16px;height:calc(100% - 32px)}.chart-section .drop-modal{display:inline-block}.chart-section .btn-goto-month{margin:0 12px}.member-reports{display:flex;justify-content:center;align-items:center;height:calc(100vh - 150px);min-height:650px}.member-reports .card-section{border-radius:16px;border:.1rem solid var(--border-secondary);width:400px;min-height:300px;margin:0 auto;background-color:var(--card-primary);padding-bottom:8px}.member-reports .card-section .header{padding:16px;border-bottom:.1rem solid var(--border-secondary)}.member-reports .card-section .header p{margin:0;text-align:center;font-size:14px;color:var(--text-primary)}.member-reports .card-section .header p.desc{margin:0;text-align:center;font-size:12px;color:var(--text-secondary)}.member-reports .card-section .body{padding:8px 16px;max-height:400px;overflow-y:auto;padding-bottom:0}.member-reports .card-section .body .item{padding:8px 0;padding-bottom:16px;margin-bottom:8px;border-bottom:.1rem solid var(--border-secondary);cursor:pointer;display:flex;align-items:center}.member-reports .card-section .body .item:last-child{border:0;margin-bottom:0;padding-bottom:8px}.member-reports .card-section .body .item img.avatar-image{width:50px;height:50px;border-radius:12px;display:inline-block}.member-reports .card-section .body .item div.avatar-image{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;display:inline-block}.member-reports .card-section .body .item div.avatar-image i{line-height:50px;font-size:22px;color:var(--icon-primary)}.member-reports .card-section .body .item .info{display:inline-block;margin:0 8px}.member-reports .card-section .body .item .info p{margin:0}.member-reports .card-section .body .item .info p.title{font-size:14px;color:var(--text-primary)}.member-reports .card-section .body .item .info p.desc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.member-reports .card-section .body .item .info p.desc>i{display:inline-block}.member-reports .card-section .body .item .info p.desc>span.status{color:var(--text-warning)}.member-list{margin-top:30px}.member-list .list-header>.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.member-list .list-header{margin-bottom:32px}.member-list .member-item-section{padding:4px}.member-list .member-item{width:292px;height:40px;border-radius:12px;border:1px solid var(--border-secondary);padding:16px;position:relative;cursor:pointer;transition:background-color .2s ease,border .2s ease;display:flex;align-items:center}.member-list.member-side-menu{padding:0 8px}.member-list.member-side-menu .member-item{width:auto;border:0;padding:12px;height:50px;margin-bottom:8px;border:.1rem solid transparent}.member-list.member-side-menu .member-item:hover{background-color:var(--surface-tertiary);border:.1rem solid var(--border-secondary)}.member-list.member-side-menu .member-item.selected{background-color:var(--surface-primary)}.member-list .member-item:hover{background-color:var(--surface-secondary)}.member-list .member-item::after{content:'';font-family:"tabler-icons";position:absolute;top:25px;right:12px;left:auto;font-size:18px;color:var(--icon-tertiary)}.member-list .member-item img.member-item-img{width:50px;height:50px;border-radius:12px;margin:auto 0;position:absolute;top:11px}.member-list .member-item div.member-item-img{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;position:absolute;top:10px}.member-list .member-item div.member-item-img i{line-height:50px;font-size:22px;color:var(--icon-primary)}.member-list .member-item>div.content{padding-left:65px;padding-right:30px;width:100%}.member-list .member-item p{margin:0}.member-list .member-item p.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-list .member-item p.title>i{font-size:16px;color:#ffd700;display:inline-block}.member-list .member-item p.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.member-list .member-item p.desc>span{color:var(--text-primary);font-weight:600}.member-list .member-item p.desc>span.status{color:var(--text-warning);font-weight:500}.member-list .member-item p.desc i{display:inline-block}.settings-list{padding:16px}.settings-list .settings-list-item{border-bottom:.1rem solid var(--border-secondary);display:flex;justify-content:space-between;padding:12px 0;cursor:pointer}.settings-list .settings-list-item:last-child{border:0}.settings-list .settings-list-item .inner{display:flex;align-items:center}.settings-list .settings-list-item .inner .icon{font-size:22px;color:var(--icon-tertiary)}.settings-list .settings-list-item.danger .inner .icon{font-size:22px;color:var(--icon-danger)}.settings-list .settings-list-item .inner .icon-arrow{font-size:22px;color:var(--icon-tertiary)}.settings-list .settings-list-item .inner .info{display:inline-block;margin:0 8px}.settings-list .settings-list-item .inner .title{font-size:14px;color:var(--text-primary);font-weight:500;margin:0}.settings-list .settings-list-item.danger .inner .title{color:var(--text-danger)}.settings-list .settings-list-item .inner .desc{font-size:12px;color:var(--text-secondary);font-weight:500;margin:0}.setting-status .status-group .header{padding:12px 16px;background-color:var(--surface-secondary);display:flex;justify-content:space-between}.setting-status .status-group .header .title{color:var(--text-primary);font-weight:500;font-size:14px;margin:0}.setting-status .status-group .status-group-items{padding:8px}.setting-status .status-group .status-group-item .inner{display:flex;justify-content:space-between;padding:12px 4px}.setting-status .status-group .status-group-item .inner>div{display:flex;align-items:center}.setting-status .status-group .status-group-item .inner .handle{display:flex;align-items:center;cursor:move}.setting-status .status-group .status-group-item .inner .handle i{color:var(--icon-tertiary);font-size:20px}.setting-status .status-group .status-group-item .inner .color-icon{font-size:20px;margin:0 8px}.setting-status .status-group .status-group-item .inner .title{font-size:14px;display:inline-block;margin:0;font-weight:500;color:var(--text-primary)}.setting-status .status-item-checkbox{display:flex;justify-content:space-between;padding:8px;border:.1rem solid var(--border-secondary);border-radius:8px}.setting-status .status-item-checkbox .desc{font-size:12px;font-weight:500;margin:0 4px;color:var(--text-primary)}.setting-status .status-item-checkbox .message{display:flex;align-items:center;padding:0 4px;padding-right:12px}.setting-status .status-item-checkbox .message>.ti{font-size:20px}.setting-status .status-item-checkbox .message>.ti.success{color:var(--icon-success)}.setting-status .status-item-checkbox .message>.ti.danger{color:var(--icon-danger)}.page-loading{color:var(--text-primary);height:100vh;text-align:center;align-items:center;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100vw;height:100vh;background:var(--surface-secondary);z-index:1000000}.loading-logo{width:110px;animation:logoSizeChange 1s infinite ease}.loading-progressbar{width:110px;margin:12px 0}.progress-bar{height:4px;background-color:rgba(5,114,206,.2);width:100%;overflow:hidden}.progress-bar-value{width:100%;height:100%;background-color:var(--bg-primary-primary);animation:indeterminateAnimation 1s infinite linear;transform-origin:0% 50%}@keyframes indeterminateAnimation{0%{transform:translateX(0) scaleX(0)}40%{transform:translateX(0) scaleX(.4)}100%{transform:translateX(100%) scaleX(.5)}}@keyframes logoSizeChange{0%{transform:scale(1)}40%{transform:scale(.95)}100%{transform:scale(1)}}.dashboard-date{text-align:center;font-size:32px;font-weight:300;margin-bottom:24px;margin-top:0}.dashboard-summary-activity{display:flex;justify-content:center}.dashboard-summary-activity .report-activity-section .report-item{display:inline-block;margin:0 16px;width:100px}.dashboard-summary-activity .report-activity-section .report-item div.icon{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;margin:0 auto}.dashboard-summary-activity .report-activity-section .report-item div.icon i{line-height:50px;font-size:22px;color:var(--icon-primary)}.dashboard-summary-activity .report-activity-section .report-item .title{text-align:center;margin:0;font-size:12px;color:var(--text-secondary);margin-top:8px}.dashboard-summary-activity .report-activity-section .report-item .amount{text-align:center;margin:0;font-size:16px;color:var(--text-primary);font-weight:600}.dashboard-card{box-shadow:var(--bg-shadow) 0 0 15px;border-radius:12px;margin:12px 0}.dashboard-card .body{height:400px;background:var(--card-primary);overflow-y:auto;padding:0 12px}.dashboard-card.not-footer .body{border-bottom-left-radius:12px;border-bottom-right-radius:12px;height:450px}.dashboard-card .header{border-top-left-radius:12px;border-top-right-radius:12px;background:var(--card-secondary);padding:15px 20px;height:20px}.dashboard-card .footer{border-top:2px solid var(--border-secondary);padding:15px 20px;background:var(--card-primary);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.dashboard-card .header p{color:var(--text-primary);font-size:14px;font-weight:normal;margin:0}.dashboard-card.timecard-card .body p{color:var(--text-primary);font-size:14px;font-weight:500;margin:0}.dashboard-card.timecard-card .body p>.working{color:var(--text-blue)}.dashboard-card.timecard-card .body .row{margin-bottom:24px;border-bottom:.1rem solid var(--border-secondary);padding:16px 20px;margin:0}.dashboard-card.timecard-card .body .row:last-child{border:0}.dashboard-card.timecard-card .header .row{margin:0}.dashboard-card.tasks-card .task-minimal-list .task-list-items>.task-item{padding:12px 0}.dashboard-card.tasks-card .task-minimal-list .task-list-items>.task-item>.content .title{margin-top:0;margin-bottom:0}.dashboard-card.tasks-card .task-minimal-list .task-list-items>.task-item .project-info,.dashboard-card.tasks-card .task-minimal-list .task-list-items>.task-item .code{background:var(--card-secondary)}.dashboard-card .empty-list{text-align:center;margin:48px 0!important;font-size:16px!important;color:var(--text-tertiary)!important}.activity-card .inner{padding:16px;padding-top:12px}.activity-card .inner .inner-notice-activity{border-left:2px solid var(--bg-gray-primary);padding-left:12px}.activity-card .inner .notice-activity-item{position:relative;margin-bottom:16px}.activity-card .inner .notice-activity-item>.icon{color:var(--bg-neutral-primary);position:absolute;left:-1.2rem;font-size:13px;top:2px}.activity-card .inner .notice-activity-item>.title{color:var(--text-primary);font-size:13px;font-style:normal;font-weight:400;line-height:normal;margin:0;margin-block:6px;align-items:center;max-width:500px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}.activity-card .inner .notice-activity-item>.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.activity-card .inner .notice-activity-item>.desc>.by-member{color:var(--text-blue)}.activity-card .inner .notice-activity-item>.date{color:var(--text-tertiary);font-size:11px;font-style:normal;font-weight:400;line-height:normal;margin:0}.projects-card .body .project-items{padding:12px 0}.projects-card .task-project-item{height:50px;border-radius:12px;padding:12px 12px;position:relative;cursor:pointer;margin-bottom:8px;transition:background-color .2s ease,border .2s ease;border:.1rem solid transparent}.projects-card .task-project-item img.project-item-img{width:50px;height:50px;border-radius:12px;margin:auto 0;position:absolute;top:13px}.projects-card .task-project-item div.project-item-img{width:50px;height:50px;border-radius:12px;border:1px solid var(--border-secondary);text-align:center;position:absolute;top:12px}.projects-card .task-project-item div.project-item-img i{line-height:50px;font-size:22px;color:var(--icon-primary)}.projects-card .task-project-item>div.content{padding-left:65px}.projects-card .task-project-item p{margin:0}.projects-card .task-project-item p.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-card .task-project-item p.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projects-card .task-project-item p.desc>span{color:var(--text-primary);font-weight:600}.projects-card .task-project-item .meter{height:6px;position:relative;background:var(--border-secondary);border-radius:25px;margin-top:5px;width:95%}.projects-card .task-project-item .meter>span{display:block;height:100%;border-radius:25px;background:var(--bg-success-primary);position:relative;overflow:hidden;transition:all .2s ease-in}.projects-card .task-project-item .meter>span.danger{background:var(--bg-danger-primary)}.projects-card .task-project-item .meter>span.warning{background:var(--bg-warning-primary)}.timecard-timer-card .timecard-timer{border-radius:8px;border:1px solid var(--border-secondary);background:var(--surface-primary);width:364px;margin:0 auto;height:40px}.timecard-timer-card .timecard-timer>.btn-timecard{float:left}.timecard-timer-card .timecard-timer:has(.btn-timecard)>.time-board{margin:0;display:inline-block;float:left}.timecard-timer-card .timecard-timer>.time-board{width:240px;text-align:center;margin:0 auto;display:block}.timecard-timer-card .timecard-timer>.time-board p{margin:0}.timecard-timer-card .timecard-timer>.time-board p.title{color:var(--text-secondary);font-size:11px;font-style:normal;font-weight:400;line-height:normal;padding-top:3px}.timecard-timer-card .timecard-timer>.time-board p.counter{color:var(--text-primary,#000);font-size:14px;font-style:normal;font-weight:600;line-height:normal;direction:ltr}.subscription-section{margin:auto;width:100%;height:100%;overflow:auto}.subscription-section .inner-section{width:100%;margin-bottom:54px}.subscription-section .inner-section .section-title{color:var(--text-primary);text-align:center;font-size:16px;font-weight:600;margin-bottom:4px;margin-top:54px}.subscription-section .inner-section .section-desc{color:var(--text-primary);text-align:center;font-size:13px;font-weight:400;margin-top:0}.subscription-section .inner-section .subscription-plan-group{padding:8px 4px;border-radius:12px;background-color:var(--surface-primary);display:inline-flex;align-self:center;margin-top:56px}.subscription-section .inner-section .subscription-plan-group .group-item{display:inline-block;border:1px solid transparent;border-radius:8px;margin:0 4px;cursor:pointer;transition:border-color .2s ease}.subscription-section .inner-section .subscription-plan-group .group-item:hover{border-color:var(--bg-primary-tertiary)}.subscription-section .inner-section .subscription-plan-group .group-item.active{background:var(--bg-primary-primary);border-color:var(--bg-primary-primary)}.subscription-section .inner-section .subscription-plan-group .group-item.active p{color:var(--white)}.subscription-section .inner-section .subscription-plan-group .group-item p{color:var(--text-primary);padding:7px 8px;margin:0;font-size:13px}.subscription-section .inner-section .subscription-plan-list{margin-top:32px;margin-bottom:32px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item{width:410px;border-radius:16px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header{padding-top:32px;text-align:center;background-color:var(--surface-primary);border-top-left-radius:16px;border-top-right-radius:16px;height:125px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header .title{margin-bottom:16px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header .price{margin-top:4px;margin-bottom:0;font-size:22px;color:var(--text-primary);font-weight:700;display:flex;align-items:center;justify-content:center}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header .price .symbol{font-size:12px;margin:0 2px;color:var(--text-secondary);font-weight:300}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header .price .per-member{font-size:12px;color:var(--text-primary);font-weight:300}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header .price .percent-off{font-size:12px;background:var(--bg-primary-secondary);border-radius:8px;color:var(--white);text-decoration:none;margin:0 4px;padding:3px 4px;font-weight:normal}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header .orginal-price{margin:0;color:var(--text-tertiary);font-size:14px;text-decoration:line-through;margin-bottom:2px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .header .description{margin:0;color:var(--text-secondary);font-size:14px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body{background-color:var(--surface-primary);padding:20px 24px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body .include-item{display:flex;justify-content:space-between;margin:16px 0}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body .include-item .title{font-size:16px;color:var(--text-primary);align-items:center;display:flex;font-weight:600;margin:0}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body .include-item .title .per-member{font-size:12px;color:var(--text-secondary);font-weight:300}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body .include-item .title i{color:var(--icon-secondary);font-size:20px;margin-right:4px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body .include-item .amount{font-size:16px;color:var(--text-secondary);align-items:center;display:flex;font-weight:600;margin:0}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body .include-item .amount i{color:var(--icon-danger);font-size:20px}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .body .include-item .amount .suffix{font-size:13px;color:var(--text-tertiary)}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .footer{height:70px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:var(--bg-neutral-primary);cursor:pointer}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item.suggest .footer{background:var(--bg-success-primary)}.subscription-section .inner-section .subscription-plan-list .subscription-plan-item .footer p{line-height:70px;font-size:22px;color:var(--white);font-weight:600;text-align:center;margin:0}.subscription-section .inner-section .contact-sells{font-size:14px;font-weight:600;color:var(--text-secondary);margin:6px 0}.subscription-order{padding:16px;border-radius:16px;background-color:var(--surface-primary);margin:0;padding-top:0}.subscription-order .btn-confirm-code{margin-top:10px}.subscription-order .plan-order-detail{display:flex;justify-content:space-between}.subscription-order .order-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:12px 0}.subscription-order .plan-order-detail .title-section .title{margin:0;font-size:14px;color:var(--text-primary)}.subscription-order .plan-order-detail .title-section .desc{margin:0;font-size:13px;color:var(--text-secondary)}.subscription-order .plan-order-detail .price-section .price{margin:0;font-size:14px;font-weight:300;color:var(--text-primary);text-align:right}.subscription-order .plan-order-detail .price-section .price .symbol{margin:0;font-size:12px;font-weight:300;color:var(--text-primary)}.subscription-order .plan-order-detail .price-section .desc{margin:0;font-size:13px;color:var(--text-secondary);text-align:right}.subscription-order .plan-order-count{margin-top:16px;display:flex;justify-content:space-between}.subscription-order .plan-order-count .counter-section .title{margin:0;font-size:13px;color:var(--text-secondary);margin-top:4px}.subscription-order .plan-order-count .counter-section .counter{width:20px;margin:2px;display:inline-block;color:var(--text-primary);text-align:center}.subscription-order .plan-order-count .plan-total{text-align:right}.subscription-order .plan-order-count .plan-total .total-price{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.subscription-order .plan-order-count .plan-total .total-price .symbol{margin:0;font-size:14px;font-weight:300;color:var(--text-primary)}.subscription-order .plan-order-count .plan-total .desc{margin:0;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.subscription-order .order-summary{display:flex;justify-content:space-between;margin-bottom:8px}.subscription-order .order-summary .title{margin:0;font-size:14px;font-weight:500;color:var(--text-primary)}.subscription-order .order-summary .price{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.subscription-order .order-summary .price .symbol{margin:0;font-size:14px;font-weight:300;color:var(--text-primary)}.subscription-detail-content{height:450px;overflow-y:auto;overflow-x:hidden;padding:16px}.subscription-detail-content .subscription-overview .header-section{display:flex;justify-content:space-between;padding:0;border-bottom:1px solid var(--border-secondary);padding-bottom:12px;margin-bottom:12px}.subscription-detail-content .subscription-overview .header-section .title{margin:0;font-size:18px;color:var(--text-primary)}.subscription-detail-content .subscription-overview .header-section .desc{margin:0;font-size:14px;color:var(--text-secondary)}.subscription-detail-content .subscription-overview .content-section{padding:0}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item{display:flex;justify-content:space-between;padding:16px 0}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item .title{margin:0;font-size:14px;color:var(--text-primary);display:flex;align-items:center}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item .title i{margin:0;font-size:20px;color:var(--text-secondary)}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item .amount-status{margin:0;display:inline-block;font-size:14px;color:var(--text-secondary);margin:0 4px}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item .meter{height:6px;position:relative;background:var(--border-secondary);border-radius:25px;margin-top:5px;width:270px;display:inline-block}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item .meter>span{display:block;height:100%;border-radius:25px;background:var(--bg-primary-primary);position:relative;overflow:hidden;transition:all .2s ease-in}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item .meter>span.danger{background:var(--bg-danger-primary)}.subscription-detail-content .subscription-overview .content-section .subscription-items .subscription-item .meter>span.warning{background:var(--bg-warning-primary)}.subscription-member-list .subscription-member-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-secondary);padding:12px 0}.subscription-member-list .subscription-member-item .avatar{text-align:center;color:var(--text-primary)}.subscription-member-list .subscription-member-item img.avatar{width:45px;height:45px;border-radius:6px}.subscription-member-list .subscription-member-item div.avatar{width:45px;height:45px;border-radius:6px;border:1px solid var(--border-secondary);margin:0 auto}.subscription-member-list .subscription-member-item div.avatar>i{font-size:25px;line-height:45px;text-align:center}.subscription-member-list .subscription-member-item .first-section{display:flex;align-items:center}.subscription-member-list .subscription-member-item .first-section .subscription-info .name{margin:0 8px;color:var(--text-primary);font-size:14px}.subscription-member-list .subscription-member-item .first-section .subscription-info .expire-at{margin:0 8px;color:var(--text-secondary);font-size:13px}.subscription-member-list .subscription-member-item .first-section .subscription-info .expire-at span{color:var(--text-success)}.subscription-member-list .subscription-member-item .first-section .subscription-info .expire-at span.warning{color:var(--text-warning)}.subscription-member-list .subscription-member-item .first-section .subscription-info .expire-at span.danger{color:var(--text-danger)}.subscription-member-list .subscription-member-item .last-section{display:flex;align-items:center}.subscription-member-list .subscription-member-item .last-section .subscription-status{margin:0;display:flex;align-items:center}.subscription-member-list .subscription-member-item .last-section .subscription-status i{font-size:24px;color:var(--icon-success)}.subscription-member-list .subscription-member-item .last-section .subscription-status span{font-size:14px;margin:0 6px;color:var(--text-primary);font-weight:400}.subscription-member-list .subscription-member-item .last-section .subscription-status.danger i{color:var(--icon-danger)}.subscription-member-list .subscription-member-item .last-section .subscription-status.danger span{color:var(--text-danger)}.topbar-task-exec{border:1px solid var(--border-secondary);border-radius:8px;padding:4px 6px;display:flex;align-items:center;cursor:pointer;margin:0 16px;min-width:85px;background:var(--surface-secondary)}.topbar-task-exec .timer{font-size:12px;margin:0;display:inline-block;color:var(--text-primary);direction:ltr;width:65px;text-align:center;font-weight:600}.topbar-task-exec .btn-pause{background:var(--bg-danger-primary);color:var(--white);border:0;border-radius:6px;font-size:16px;margin:0;margin-right:8px;padding:4px;display:flex;align-items:center;transition:background .2s ease}.topbar-task-exec .btn-pause:hover{background:var(--bg-danger-tertiary)}.topbar-task-exec-content{width:500px;min-height:150px;border-radius:12px;background:var(--card-primary);padding-bottom:8px}.topbar-task-exec-content .run-task-detail{padding:12px;background:var(--bg-neutral-primary);border-radius:12px;transition:background .2s ease}.topbar-task-exec-content .run-task-detail .task-number{font-size:13px;color:var(--text-secondary)}.topbar-task-exec-content .run-task-detail .task-title{margin:0;font-size:13px;color:var(--white);line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;margin-top:4px;cursor:pointer}.topbar-task-exec-content .run-task-detail .task-starttime{margin:0;font-size:13px;color:var(--white)}.topbar-task-exec-content .run-task-detail .task-starttime>span{margin:0;font-size:12px;color:var(--text-secondary)}.topbar-task-exec-content .header-title{text-align:center;margin:0;font-size:14px;color:var(--text-secondary);padding:12px;cursor:default}.topbar-task-exec-content .empty-list{text-align:center;margin:32px 0;font-size:16px;color:var(--text-tertiary)}.tasks-runhistory .inner{padding:16px;padding-top:0;height:350px;overflow-y:auto;overflow-x:hidden}.tasks-runhistory .inner .inner-tasks-runhistory{border-left:2px solid var(--bg-gray-primary);padding-left:12px}.tasks-runhistory .inner .inner-tasks-runhistory .tasks-runhistory-item{position:relative;margin-bottom:16px}.tasks-runhistory .inner .inner-tasks-runhistory .tasks-runhistory-item>.icon{color:var(--bg-neutral-primary);position:absolute;left:-1.2rem;font-size:13px;top:2px}.tasks-runhistory .inner .inner-tasks-runhistory .tasks-runhistory-item .total-time{color:var(--text-primary);font-size:12px;font-style:normal;font-weight:600;line-height:normal;margin:0 4px;direction:ltr;display:inline-block}.tasks-runhistory .inner .inner-tasks-runhistory .tasks-runhistory-item>.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0;margin-top:6px;cursor:pointer}.tasks-runhistory .inner .inner-tasks-runhistory .tasks-runhistory-item>.desc>.by-member{color:var(--text-blue)}.tasks-runhistory .inner .inner-tasks-runhistory .tasks-runhistory-item>.date{color:var(--text-tertiary);font-size:11px;font-style:normal;font-weight:400;line-height:normal;margin:0}.login-form-link{padding-top:2rem}.login-form-link>span{font-size:14px;color:var(--text-primary);font-weight:400}.login-form-link .t-btn{margin:0!important}.not-mobile-available{display:none;visibility:hidden;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10000;background:var(--surface-secondary);align-items:center;transform:scale(2)}.not-mobile-available.visible{display:flex!important;visibility:visible!important}.not-mobile-available .inner{position:relative;text-align:center;width:100vw}.not-mobile-available .ti{font-size:84px;color:var(--icon-primary);font-weight:300}.not-mobile-available p{font-size:18px;font-weight:700;padding:0 16px}.sidemenu-list{padding:0 8px;margin-bottom:12px}.sidemenu-list>.header{padding:0 8px;margin-bottom:8px;border-radius:10px;padding:6px 12px;cursor:pointer;border:1px solid var(--border-secondary);transition:background-color .3s ease}.sidemenu-list>.header>i{color:var(--icon-secondary);font-size:18px}.sidemenu-list>.header:hover{background-color:var(--surface-tertiary)}.sidemenu-list>.header>p{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:0;display:flex;align-items:center}.sidemenu-list>.header>p i{font-size:20px;color:var(--icon-secondary);margin-right:4px}.sidemenu-list.active>.header{border-color:var(--surface-tertiary);background-color:var(--surface-tertiary)}.sidemenu-list.active>.header>p{font-weight:600}.sidemenu-list>.group-list{margin-bottom:12px}.sidemenu-list>.group-list .group-header{margin-bottom:4px}.sidemenu-list>.group-list .group-header .group-title{color:var(--text-secondary);text-align:right;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:0;display:inline-block;padding:0 8px}.sidemenu-list .space-item{max-width:266px;height:26px;border-radius:12px;padding:8px 8px;position:relative;cursor:pointer;margin-bottom:4px;transition:background-color .2s ease,border .2s ease;border:.1rem solid transparent}.sidemenu-list .space-item:hover{background-color:var(--surface-tertiary);border:.1rem solid var(--border-secondary)}.sidemenu-list .space-item.active{background-color:var(--surface-primary)}.sidemenu-list .space-item img.item-img{width:30px;height:30px;border-radius:8px;margin:auto 0;position:absolute;top:5px}.sidemenu-list .space-item div.item-img{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-secondary);text-align:center;position:absolute;top:5px}.sidemenu-list .space-item div.item-img i{line-height:30px;font-size:16px;color:var(--icon-primary)}.sidemenu-list .space-item>div.content{padding-left:40px}.sidemenu-list .space-item p{margin:0}.sidemenu-list .space-item p.title{color:var(--text-primary);font-size:14px;line-height:30px;font-style:normal;font-weight:400;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidemenu-list .space-workcycle{padding-left:21px;margin-top:0;margin-bottom:8px}.sidemenu-list .space-workcycle-inner{border-left:1px solid var(--border-secondary);padding-left:10px;padding-top:6px}.sidemenu-list .space-workcycle .workcycle-list-item{padding:8px 12px;margin-bottom:4px;position:relative;cursor:pointer;border-radius:12px}.sidemenu-list .space-workcycle .workcycle-list-item.active{background:var(--surface-primary)}.sidemenu-list .space-workcycle .workcycle-list-item::before{content:'';width:8px;height:8px;border-radius:50%;background-color:var(--border-secondary);position:absolute;left:-15px;top:12px}.sidemenu-list .space-workcycle .workcycle-list-item .title{margin:0;font-size:14px;color:var(--text-primary);font-weight:200;direction:ltr}.sidemenu-list .space-workcycle .workcycle-list-item .title i{color:var(--icon-secondary)}.sidemenu-list .space-workcycle .workcycle-list-item.active .title{font-weight:normal}.sidemenu-list .space-workcycle .workcycle-list-item .desc{margin:0;font-size:12px;color:var(--text-secondary);font-weight:300;direction:ltr}.sidemenu-list .space-workcycle .workcycle-list-item.inprogress-item .desc{color:var(--text-blue)}.sidemenu-list .space-workcycle .workcycle-list-item.inprogress-item::before{background-color:var(--text-blue)}.workcycle-list{padding:0 8px;margin-bottom:32px}.workcycle-list>.header{padding:0 8px;margin-bottom:16px}.workcycle-list>.header>p{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0;display:flex;align-items:center}.workcycle-list>.header>p i{font-size:20px;color:var(--icon-secondary);margin-right:4px}.workcycle-list .workcycle-list-item{max-width:260px;height:40px;border-radius:12px;padding:6px 12px;position:relative;cursor:pointer;margin-bottom:4px;transition:background-color .2s ease,border .2s ease;border:.1rem solid transparent}.workcycle-list .workcycle-list-item:hover{background-color:var(--surface-tertiary);border:.1rem solid var(--border-secondary)}.workcycle-list .workcycle-list-item.active{background-color:var(--surface-primary)}.workcycle-list .workcycle-list-item.inprogress-item{border:.1rem solid var(--bg-primary-primary);margin-bottom:16px}.workcycle-list .workcycle-list-item div.icon{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-secondary);text-align:center;position:absolute;top:12px}.workcycle-list .workcycle-list-item div.icon i{line-height:40px;font-size:18px;color:var(--icon-primary)}.workcycle-list .workcycle-list-item div.content{max-width:230px}.workcycle-list .workcycle-list-item p{margin:0}.workcycle-list .workcycle-list-item p.title{color:var(--text-primary);font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workcycle-list .workcycle-list-item p.title i{color:var(--icon-secondary)}.workcycle-list .workcycle-list-item p.desc{color:var(--text-secondary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workcycle-list .workcycle-list-item p.desc.inprogress{color:var(--text-blue)}.workcycle-list .workcycle-list-item p.desc.completed{color:var(--text-success)}.workcycle-list .workcycle-list-item p.desc.canceled{color:var(--text-danger)}.workcycle-list .workcycle-list-item p.desc>span{color:var(--text-primary);font-weight:600}.workcycle-list .workcycle-list-item .ti-dots-vertical.t-btn-icon-content{font-size:16px}