@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");html{height:100%}body,html{height:100vh;min-height:100%;max-width:100vw}body{display:flex;flex-direction:column;overflow-x:hidden}.main-body{flex-grow:1}*{box-sizing:border-box;padding:0;margin:0}.mention-dropdown{scrollbar-width:thin;scrollbar-color:#ccc transparent}.mention-dropdown::-webkit-scrollbar{width:6px}.mention-dropdown::-webkit-scrollbar-track{background:transparent}.mention-dropdown::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.data-grid .MuiTablePagination-root{overflow:hidden}.default-scrollbar{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#c9c9c9 #f1f1f1!important}.default-scrollbar::-webkit-scrollbar{width:8px!important}.default-scrollbar::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important}.default-scrollbar::-webkit-scrollbar-thumb{background:#888!important;border-radius:4px!important}.default-scrollbar::-webkit-scrollbar-thumb:hover{background:#555!important}:root{--primary-color:#6158ff;--primary-color-dark:#554cff;--primary-color-light:#f9f8fc;--border-color:#cbd5e1;--text-color:#252525;--text-color-light:#676767;--primary-hover-color:#f2f1f9;--primary-hover-color-dark:#e0dcef;--accent-color-0:#7986cb;--accent-color-1:#dbb20a;--accent-color-2:#9575cd;--accent-color-3:#ec407a;--accent-color-4:#ffcc80;--accent-color-5:#4f46e5;--accent-color-6:#ffb74d;--accent-color-7:#ff7043;--accent-color-8:#81c784;--accent-color-0-rgba:121,134,203;--accent-color-1-rgba:219,178,10;--accent-color-2-rgba:149,117,205;--accent-color-3-rgba:238,27,63;--accent-color-4-rgba:192,156,9;--accent-color-5-rgba:79,70,229;--accent-color-6-rgba:245,158,11;--accent-color-7-rgba:244,63,94;--accent-color-8-rgba:29,139,19;--accent-color-9-rgba:250,248,255;--column-background-color:#f5f7fe;--text-white:#fff}.sidebar .nav{display:flex;flex-direction:column;gap:8px;padding:0}.sidebar .nav .nav-item,.sidebar .nav .nav-item .nav-link{width:100%;display:flex;align-items:center}.sidebar .nav .nav-item .nav-link{padding:8px 16px;border-radius:24px;color:var(--text-color-light);background-color:transparent;gap:8px;font-size:14px;font-weight:500;transition:background-color .3s ease-in-out}.sidebar .nav .nav-item .nav-link i{font-size:20px}.sidebar .nav .nav-item .nav-link:hover{background-color:var(--primary-hover-color);color:var(--primary-color);transition:background-color .3s ease-in-out}.sidebar .nav .nav-item .active{background-color:var(--primary-color);color:var(--text-white);box-shadow:0 1px 5px 0 rgba(0,0,0,.09);-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.09);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.09)}.sidebar .nav .nav-item .active:hover{background-color:transparent}.sidebar .nav .nav-item .collapsed-item{display:none}.sidebar-collapsed{width:64px!important;min-width:64px!important;max-width:64px!important;transition:.5s ease-in-out}.sidebar-collapsed .nav .nav-item{flex-direction:column;gap:2px}.sidebar-collapsed .nav .nav-item .nav-link{padding:8px;justify-content:center;text-align:center}.sidebar-collapsed .nav .nav-item .nav-link i{font-size:20px}.sidebar-collapsed .nav .nav-item .nav-link span{display:none}.sidebar-collapsed .nav .nav-item .collapsed-item{display:inline-block;color:var(--text-color-light);font-size:11px;font-weight:400;text-align:center}.ht-form .ht-form-control{padding:5px 16px;border-radius:24px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;background-color:var(--primary-hover-color)}.ht-form .ht-form-control,.ht-form .ht-form-control:hover{color:var(--text-color-light);transition:.3s ease-in-out}.ht-form .ht-form-control:focus{border-color:var(--primary-color);box-shadow:none;outline:none}.dropdown-menu{padding:8px;border-radius:16px;background-color:var(--text-white);color:var(--text-color-light);font-size:14px;font-weight:400;border:none;box-shadow:0 1px 5px 0 rgba(0,0,0,.09);gap:4px;transition:.3s ease-in-out;width:286px;overflow-y:auto;margin-top:8px!important}@media (max-width:540px){.dropdown-menu{position:absolute!important;width:246px}}.dropdown-menu>.show{display:flex;flex-direction:column}.dropdown-menu li .dropdown-item{padding:8px 16px!important;border-radius:8px;padding:0;color:var(--text-color-light);font-weight:400;transition:.3s ease-in-out;display:flex;align-items:center;gap:8px}.dropdown-menu li .dropdown-item:hover{background-color:var(--primary-hover-color);color:var(--text-color-light);transition:.3s ease-in-out}.custom-date-picker{position:relative;padding:6.5px 16px;border-radius:24px;color:var(--text-color-light);display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;background-color:transparent}@media (max-width:540px){.custom-date-picker{padding:6.5px 24px;width:-webkit-fill-available}}.custom-date-picker:hover{color:var(--text-color-light);transition:.3s ease-in-out}.custom-date-picker:focus{border-color:var(--primary-color);box-shadow:none;outline:none}.custom-date-picker input[type=text]{border:none;outline:none;background:transparent;font-size:14px;cursor:default;pointer-events:none;font-weight:500;color:var(--text-color-light)}@media (max-width:540px){.custom-date-picker input[type=text]{width:-webkit-fill-available}}.custom-date-picker i{margin-left:8px;font-size:18px;color:var(--text-color-light);cursor:pointer}.custom-date-picker #realDate{position:absolute;left:0;top:0;opacity:0;pointer-events:none}.task-form{padding:16px 0;gap:16px;justify-content:center}.task-form,.toggle-button-div{display:flex;align-items:center}.toggle-button-div{gap:8px}.toggle-button-div .form-switch{margin-bottom:0}.toggle-button-div .form-switch .form-check-input{cursor:pointer}.toggle-button-div .form-switch .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.toggle-button-div .form-switch .form-check-input:focus{box-shadow:none}.ht-form-check{display:flex;align-items:center}.ht-form-check .form-check-input:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.ht-form-check .form-check-input:focus{box-shadow:none!important}.form-check-label{color:var(--text-color-light);font-size:14px;font-weight:400;cursor:pointer}.ht-header .ht-navbar{padding:12px 16px;border-bottom:1px solid var(--border-color);gap:8px}.ht-header .ht-navbar .navbar-brand{padding:0;margin:0}.ht-header .ht-navbar .navbar-brand img{max-height:34px}@media (max-width:540px){.ht-header .ht-navbar .navbar-brand img{max-height:30px}}.ht-header .ht-navbar .search-div{display:flex;align-items:center;justify-content:center;gap:8px}.ht-header .ht-navbar .search-div .search-wrapper{position:relative;display:inline-block}.ht-header .ht-navbar .search-div .search-wrapper input{padding-right:50px}.ht-header .ht-navbar .search-div .search-wrapper .shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;background:transparent;padding:2px 6px;border-radius:4px;color:var(--text-color-light);pointer-events:none}.ht-header .ht-navbar .search-div .ht-btn-primary{white-space:nowrap}@media (max-width:767px){.ht-header .ht-navbar .search-div{display:none}}.ht-header .ht-navbar .navbar-nav{align-items:center;gap:8px}.ht-header .ht-navbar .navbar-nav .nav-item{height:auto}.ht-header .ht-navbar .navbar-nav .nav-item .nav-link{padding:0}.ht-header .ht-navbar .navbar-nav .nav-item i{font-size:18px}@media (max-width:767px){.ht-header .ht-navbar .navbar-nav{display:flex;width:auto;flex-direction:row}.ht-header .ht-navbar .navbar-nav .ht-btn-outline{padding:8px 10px}}.main-wrapper{display:flex;height:calc(100vh - 62px);overflow:hidden}.main-wrapper .sidebar{width:240px;min-width:240px;max-width:240px;transition:.5s ease-in-out;background-color:transparent;border-right:1px solid var(--border-color);padding:6px;overflow-y:auto}@media (max-width:767px){.main-wrapper .sidebar{display:none}}.main-wrapper .main-content{flex-grow:1;display:flex;flex-direction:column;width:-webkit-fill-available;overflow:auto}.main-wrapper .main-content .secondary-bar{padding:6px 16px 6px 8px;border-bottom:1px solid var(--border-color);background-color:transparent;display:flex;align-items:center;justify-content:space-between;width:-webkit-fill-available}.main-wrapper .main-content .secondary-bar .secondary-bar-left{display:flex;align-items:center;gap:8px}@media (max-width:540px){.main-wrapper .main-content .secondary-bar .secondary-bar-left{width:50%;padding:4px 16px}}.main-wrapper .main-content .secondary-bar .secondary-bar-left .sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;color:var(--text-color-light);border:none;cursor:pointer;transition:background-color .3s ease-in-out}.main-wrapper .main-content .secondary-bar .secondary-bar-left .sidebar-toggle i{font-size:18px}.main-wrapper .main-content .secondary-bar .secondary-bar-left .sidebar-toggle:hover{background-color:transparent;color:var(--primary-color);transition:background-color .3s ease-in-out}@media (max-width:767px){.main-wrapper .main-content .secondary-bar .secondary-bar-left .sidebar-toggle{display:none}}.main-wrapper .main-content .secondary-bar .secondary-bar-left .date-wrapper{display:flex;align-items:center;gap:8px;border:1.4px solid var(--border-color);border-radius:24px;justify-content:space-between}@media (max-width:540px){.main-wrapper .main-content .secondary-bar .secondary-bar-left .date-wrapper{width:-webkit-fill-available}}.main-wrapper .main-content .secondary-bar .secondary-bar-left .date-wrapper .input-date{display:flex;align-items:center;justify-content:space-between;gap:8px;width:200px;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:500}.main-wrapper .main-content .secondary-bar .secondary-bar-left .date-wrapper .input-date .input-label{font-size:14px;color:var(--text-color-light)}.main-wrapper .main-content .secondary-bar .secondary-bar-left .date-wrapper .input-date button{padding:0;border-radius:24px;border:none;background-color:transparent;color:var(--text-color-light);display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}.main-wrapper .main-content .secondary-bar .secondary-bar-left .date-wrapper .input-date button i{font-size:18px}.main-wrapper .main-content .secondary-bar .secondary-bar-left .date-wrapper .input-date button:hover{background-color:transparent;color:var(--text-color-light);transition:background-color .3s ease-in-out}.main-wrapper .main-content .secondary-bar .secondary-bar-left .statistics-wrapper{display:flex;align-items:center;gap:8px}@media (max-width:1080px){.main-wrapper .main-content .secondary-bar .secondary-bar-left .statistics-wrapper{display:none}}.main-wrapper .main-content .secondary-bar .secondary-bar-right{display:flex;align-items:center;gap:12px}.main-wrapper .main-content .secondary-bar .secondary-bar-right .secondary-bar-actions{display:flex;align-items:center;gap:8px}.main-wrapper .main-content .secondary-bar .secondary-bar-right .secondary-bar-actions i{font-size:18px}@media (max-width:540px){.main-wrapper .main-content .secondary-bar .secondary-bar-right .secondary-bar-actions{gap:4px}.main-wrapper .main-content .secondary-bar .secondary-bar-right .secondary-bar-actions .ht-btn-outline{padding:8px 10px}}.main-wrapper .main-content .content-board{flex-grow:1;padding:12px 16px;overflow-x:auto;background-color:transparent;height:-webkit-fill-available}@media (max-width:540px){.main-wrapper .main-content .content-board{padding:0 16px}}.main-wrapper .main-content .content-board .kanban-board{display:flex;gap:16px;border-radius:0;height:100%}.main-wrapper .main-content .content-board .kanban-board .kanban-column{display:flex;flex-direction:column;gap:16px;background-color:var(--column-background-color);border-radius:24px;padding:16px;flex-grow:1;min-width:360px;width:-webkit-fill-available}@media (max-width:540px){.main-wrapper .main-content .content-board .kanban-board .kanban-column{min-width:340px;width:-webkit-fill-available}}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header{display:flex;align-items:center;justify-content:space-between;margin:0;gap:8px;font-size:16px}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header:hover .action-icons .show-on-hover{visibility:visible}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .header-div{display:flex;align-items:center;gap:8px;font-weight:500;position:relative;white-space:nowrap}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .action-icons{display:flex;align-items:center;justify-content:end;gap:8px}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .action-icons i{font-size:18px;cursor:pointer;color:var(--text-color-light);transition:color .3s ease-in-out}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .action-icons i:hover{color:var(--primary-color);transition:color .3s ease-in-out}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .action-icons .ht-btn-outline{padding:0;border:none;background-color:transparent}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .action-icons .ht-btn-outline:hover{background-color:transparent;color:var(--primary-color);transition:background-color .3s ease-in-out}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .action-icons .show-on-hover{visibility:hidden}@media (max-width:991px){.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-header .action-icons .show-on-hover{visibility:visible}}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-task-list{display:flex;flex-direction:column;overflow-y:auto;height:-webkit-fill-available;gap:16px;scrollbar-gutter:stable overlay;padding-right:2px;padding-left:2px}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-task-list::-webkit-scrollbar{width:6px}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-task-list::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:8px}.main-wrapper .main-content .content-board .kanban-board .kanban-column .kanban-task-list::-webkit-scrollbar-track{background:transparent}.main-wrapper .main-content .content-board .kanban-board .column-collapsed{height:360px;width:-moz-fit-content;width:fit-content;min-width:unset}.main-wrapper .main-content .content-board .kanban-board .column-collapsed .kanban-header{display:flex;height:100%;flex-direction:column}.main-wrapper .main-content .content-board .kanban-board .column-collapsed .kanban-header .header-div{writing-mode:vertical-rl;padding:10px 6px}.main-wrapper .main-content .content-board .kanban-board .column-collapsed .kanban-header .header-div i{transform:rotate(90deg)}.main-wrapper .main-content .content-board .kanban-board .column-collapsed .kanban-header .action-icons{flex-direction:column}.main-wrapper .main-content .content-board .kanban-board .column-collapsed .kanban-header .action-icons .ti-chevrons-down-right{transform:rotate(180deg)}.main-wrapper .main-content .content-board .kanban-board .column-collapsed .kanban-task-list{display:none}.main-wrapper .main-content .content-board .todo-div{background-color:var(--accent-color-0);color:var(--text-white);padding:6px;border-radius:8px;display:flex;align-items:center;gap:6px!important}.main-wrapper .main-content .content-board .todo-div .column-icon{display:flex}.main-wrapper .main-content .content-board .todo-div .column-icon i{font-size:18px}.main-wrapper .main-content .content-board .todo-div .column-title{font-size:16px;font-weight:500;color:var(--text-white)}.main-wrapper .main-content .content-board .todo-div .task-count{font-size:12px;font-weight:600;background-color:var(--text-white);color:var(--text-color-light);padding:1px 4px;border-radius:24px}.main-wrapper .main-content .content-board .inprogress-div{background-color:var(--accent-color-2);color:var(--text-white);padding:6px;border-radius:8px;display:flex;align-items:center;gap:6px!important}.main-wrapper .main-content .content-board .inprogress-div .column-icon{display:flex}.main-wrapper .main-content .content-board .inprogress-div .column-icon i{font-size:18px}.main-wrapper .main-content .content-board .inprogress-div .column-title{font-size:16px;font-weight:500;color:var(--text-white)}.main-wrapper .main-content .content-board .inprogress-div .task-count{font-size:12px;font-weight:600;background-color:var(--text-white);color:var(--accent-color-2);padding:1px 4px;border-radius:24px}.main-wrapper .main-content .content-board .inreview-div{background-color:var(--accent-color-4);color:var(--text-white);padding:6px;border-radius:8px;display:flex;align-items:center;gap:6px!important}.main-wrapper .main-content .content-board .inreview-div .column-icon{display:flex}.main-wrapper .main-content .content-board .inreview-div .column-icon i{font-size:18px}.main-wrapper .main-content .content-board .inreview-div .column-title{font-size:16px;font-weight:500;color:var(--text-white)}.main-wrapper .main-content .content-board .inreview-div .task-count{font-size:12px;font-weight:600;background-color:var(--text-white);color:var(--accent-color-4);padding:1px 4px;border-radius:24px}.main-wrapper .main-content .content-board .completed-div{background-color:var(--accent-color-8);color:var(--text-white);padding:6px;border-radius:8px;display:flex;align-items:center;gap:6px!important}.main-wrapper .main-content .content-board .completed-div .column-icon{display:flex}.main-wrapper .main-content .content-board .completed-div .column-icon i{font-size:18px}.main-wrapper .main-content .content-board .completed-div .column-title{font-size:16px;font-weight:500;color:var(--text-white)}.main-wrapper .main-content .content-board .completed-div .task-count{font-size:12px;font-weight:600;background-color:var(--text-white);color:var(--accent-color-8);padding:1px 4px;border-radius:24px}.attatchment-thumbnail{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:4px;font-size:12px;color:var(--text-color-light);font-weight:300;width:-moz-fit-content;width:fit-content}.attatchment-thumbnail img{width:80px;height:80px;border-radius:12px;border:1px solid var(--border-color);object-fit:cover}.attatchment-thumbnail button{position:absolute;top:3px;right:5px;background-color:transparent;border:none;color:var(--text-color-light);font-size:10px;cursor:pointer;display:flex;align-items:center;padding:4px;gap:4px}.attatchment-thumbnail button i{font-size:14px;color:var(--text-color-light)}.attatchment-thumbnail button:hover{color:var(--primary-color);transition:color .3s ease-in-out}.attatchment-thumbnail span{max-width:80px}.mobile-searchbar{display:none}@media (max-width:767px){.mobile-searchbar{display:block;padding:8px}.mobile-searchbar .search-div{display:flex;align-items:center;justify-content:center;gap:8px}.mobile-searchbar .search-div .search-wrapper{position:relative;display:inline-block}.mobile-searchbar .search-div .search-wrapper input{padding-right:50px}.mobile-searchbar .search-div .search-wrapper .shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;background:transparent;padding:2px 6px;border-radius:4px;color:var(--text-color-light);pointer-events:none}.mobile-searchbar .search-div .ht-btn-primary{white-space:nowrap}.mobile-searchbar .menu-items{display:flex;align-items:center;gap:4px;width:-webkit-fill-available;overflow:auto;padding-bottom:12px;padding-left:8px;padding-right:8px}.mobile-searchbar .menu-items .ht-btn-outline{padding:6px 10px;gap:6px;font-size:12px;color:var(--text-color-light);white-space:nowrap}.mobile-searchbar .menu-items .ht-btn-outline i{font-size:14px}.mobile-searchbar .menu-items .ht-btn-outline.active{background-color:var(--primary-color);color:var(--text-white);border:transparent}}.sidebar-modal .modal-dialog{position:fixed;bottom:0;right:0;margin:0;height:100%;width:360px;transform:translateX(100%);transition:transform .4s ease-in-out}.sidebar-modal.show .modal-dialog{transform:translateX(0);pointer-events:auto}.sidebar-modal .modal-content{height:100%;border-radius:16px 0 0 16px;border:none}.sidebar-modal.fade:not(.show) .modal-dialog{transform:translateX(-100%);transform:translateX(100%)}.sidebar-modal .filter-body{display:flex;width:100%;height:99%;flex-direction:column}.sidebar-modal .filter-body .filter-title{font-size:12px;font-weight:500;color:var(--text-color-light)}.sidebar-modal .filter-body hr{opacity:.1}.sidebar-modal .modal-footer{gap:16px!important;justify-content:space-between;align-items:center;flex-wrap:nowrap}.sidebar-modal .modal-footer button{width:-webkit-fill-available}.secondary-bar-info-card{display:flex;flex-direction:column;padding:6px 12px;border-radius:8px;gap:0;min-width:85px}.secondary-bar-info-card .value{font-size:14px;font-weight:500}.secondary-bar-info-card .indicator-name{font-size:12px;font-weight:400}.task-card{background-color:var(--text-white);border:1px solid var(--border-color);border-radius:24px;padding:12px;display:flex;flex-direction:column;gap:16px}.task-card .task-properties{display:flex;align-items:center;justify-content:space-between}.task-card .task-properties .priority-badge{display:inline;padding:4px 8px;border-radius:24px;width:-moz-fit-content;width:fit-content;max-width:70px;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-card .task-properties .priority-badge.priority-medium{background-color:rgba(var(--accent-color-2-rgba),.1);color:var(--accent-color-2)}.task-card .task-properties .priority-badge.priority-high{background-color:rgba(var(--accent-color-3-rgba),.1);color:var(--accent-color-3)}.task-card .task-properties .priority-badge.priority-low{background-color:rgba(var(--accent-color-6-rgba),.1);color:var(--accent-color-6)}.task-card .task-properties .due-date{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:var(--text-color-light)}.task-card .task-properties .due-date.overdue-soon{background-color:transparent;color:var(--accent-color-6);border:1px solid var(--accent-color-6);padding:4px 8px;border-radius:24px}.task-card .task-properties .due-date.overdue-in-3-hours{background-color:transparent;color:rgba(var(--accent-color-7-rgba),1);border:1px solid rgba(var(--accent-color-7-rgba),1);padding:4px 8px;border-radius:24px}.task-card .task-properties .due-date.overdue{background-color:var(--accent-color-3);color:var(--text-white);border:1px solid var(--accent-color-7);padding:4px 8px;border-radius:24px}.task-card .task-properties .due-date i{font-size:14px}.task-card .task-title{font-size:16px;font-weight:500;color:var(--text-color);line-height:1.4;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-card .task-details{display:flex;align-items:center;justify-content:space-between;font-size:14px}.task-card .task-details i{font-size:16px}.task-card .task-details .task-assignee{display:flex;align-items:center}.task-card .task-details .task-assignee img{border:2px solid var(--text-white);width:30px;height:30px;border-radius:24px;margin-left:-12px;transition:.3s ease-in-out}.task-card .task-details .task-assignee img:first-child{margin-left:0}.task-card .task-details .task-assignee img:hover{transform:translateY(-8px);transition:.3s ease-in-out}.task-card .task-details .task-assignee .count-div{margin-left:-12px;background-color:var(--text-white);border:2px solid var(--text-white);border-radius:24px;transition:.3s ease-in-out}.task-card .task-details .task-assignee .count-div .count{width:30px;height:30px;border-radius:24px;background-color:rgba(var(--accent-color-5-rgba),.1);color:var(--accent-color-5);padding:4px;font-size:14px;font-weight:500}.task-card .task-details .task-assignee .count-div:hover{transform:translateY(-8px);transition:.3s ease-in-out}.task-card .task-details .task-actions{display:flex;align-items:center;gap:0}.task-card .task-details .task-actions .ht-btn-outline{padding:6px;gap:4px;border-color:transparent;font-size:14px}.task-card .task-details .task-actions .ht-btn-outline i{font-size:18px}.task-card .task-details .task-actions .ht-btn-outline:hover{background-color:transparent}.task-card .task-details .task-actions .ht-btn-outline:hover i{background-color:transparent;color:var(--primary-color)}.task-card .last-activity{display:flex;align-items:center;flex-wrap:wrap;padding:6px;gap:6px;border-radius:24px;background-color:rgba(var(--accent-color-9-rgba),1);border:1px solid rgba(var(--accent-color-2-rgba),1);width:-moz-fit-content;justify-content:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;width:fit-content;max-width:-webkit-fill-available}.task-card .last-activity i{font-size:18px;color:var(--accent-color-2);vertical-align:middle}.task-card .last-activity .activity-title{font-weight:500;font-size:12px;color:var(--text-color)}.task-card .last-activity .activity-message{font-weight:400;font-size:12px;color:var(--text-color-light)}.task-card .last-activity .activity-badge{background-color:transparent;border-radius:24px;display:inline-flex;gap:6px;font-size:12px;color:var(--text-color);align-items:center;padding:4px 8px}.task-card .last-activity .activity-badge.badge-progress{border:1px solid var(--accent-color-2)}.task-card .last-activity .activity-badge.badge-progress i{color:var(--accent-color-2);font-size:10px}.task-card .last-activity .activity-badge.badge-review{border:1px solid var(--accent-color-6)}.task-card .last-activity .activity-badge.badge-review i{color:var(--accent-color-6);font-size:10px}.task-card .last-activity .activity-badge.badge-completed{border:1px solid var(--accent-color-8)}.task-card .last-activity .activity-badge.badge-completed i{color:var(--accent-color-8);font-size:10px}.attatchment-card{border-radius:12px;background-color:var(--text-white);border:1px solid var(--border-color);display:flex;flex-wrap:wrap;padding:8px 16px;flex-direction:row;gap:16px}.ht-btn-outline{padding:8px 16px;border-radius:24px;border:1px solid var(--border-color);background-color:transparent;display:flex;align-items:center;justify-content:center}.ht-btn-outline,.ht-btn-outline:hover{color:var(--text-color-light);transition:.3s ease-in-out}.ht-btn-outline:hover{background-color:var(--primary-hover-color-dark)}.ht-btn-primary{padding:8px 16px;border-radius:24px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;border:transparent;font-weight:400;font-size:14px}.ht-btn-primary,.ht-btn-primary:hover{color:var(--text-white);transition:.3s ease-in-out}.ht-btn-primary:hover{background-color:var(--primary-color-dark)}.ht-btn-secondary{padding:8px 16px;border-radius:24px;border:none;background-color:#f2f1f9;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:14px}.ht-btn-secondary,.ht-btn-secondary:hover{color:var(--text-color-light);transition:.3s ease-in-out}.ht-btn-secondary:hover{background-color:var(--primary-hover-color-dark)}.reset-button{gap:8px}.reset-button:hover{background-color:transparent;color:var(--primary-color);transition:background-color .3s ease-in-out}.btn-attatchment{text-decoration:none;gap:8px;width:-moz-fit-content;width:fit-content}.modal-footer button{width:80px}.btn-close:hover{background-color:transparent;color:var(--text-color-light);transition:.3s ease-in-out}.btn-close i{font-size:14px;color:var(--text-color-light)}.btn-close:focus{outline:none;box-shadow:none}body{font-family:Outfit,sans-serif}.p-1-5{padding:.35rem}.vr{width:1px;height:40px;background-color:#e0e0e0;margin:0 12px}.hover-reveal__action{visibility:hidden}.hover-reveal:hover .hover-reveal__action{visibility:visible}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}