.task-notification span{background:#103e65;color:#fff;border:none;border-radius:50%;width:33px;height:33px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.task-notification .badge-item{position:absolute;right:-4px;top:-7px;height:15px;width:15px;border-radius:20px;background-color:#22c55e;animation:badgeZoom .6s ease-in-out infinite;display:flex;justify-content:center;align-items:center;font-size:10px;color:#000}@keyframes badgeZoom{0%,to{transform:scale(1);transition:all .3s ease}50%{transform:scale(1.2);transition:all .3s ease}}.notification-wrapper{position:absolute;left:50%;top:50px;transform:translateX(-50%);max-height:310px;min-height:310px;width:310px;background-color:#103e65;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #60676d;z-index:999;transition:all .3s ease;animation:NotfadeIn .4s ease-out}@keyframes NotfadeIn{0%{opacity:0;transform:translateX(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) scale(1)}}.notification-wrapper:after{content:"";position:absolute;left:50%;top:-2px;z-index:11;transform:rotate(45deg) translateX(-50%);height:13px;width:13px;background-color:#103e65}.task-header{padding:8px 12px;border-bottom:1px solid #f0f0f06b;text-align:center}.task-header button{color:#103e65;background-color:#fff;border-radius:4px;padding:5px 15px;font-size:clamp(13px,1.2vw,14px);width:auto;transition:var(--transition);font-weight:600}.task-header button:hover{background-color:var(--theme-color);color:#fff}.task-list-body{overflow:auto;max-height:calc(309px - 48px);padding:8px;scroll-behavior:smooth}.task-list-body ul li{color:#225481;background-color:#fff;border-radius:4px;padding:8px;font-size:clamp(13px,1.2vw,14px);width:100%;border-left:3px solid var(--theme-color);display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:8px;transition:var(--transition)}.task-list-body ul li:hover{transform:translateY(-5px)}.task-list-body ul li .task-content{width:calc(100% - 30px)}.task-list-body ul li svg{margin-right:5px;font-size:14px}.task-list-body ul li .view-item{position:absolute;right:8px;height:28px;width:28px;background-color:#225481;color:#333;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:var(--transition)}.task-list-body ul li .view-item svg{margin-right:0;color:#fff}.task-list-body ul li .view-item:hover{background-color:var(--theme-color);color:#fff}.task-list-body ul li h5{font-size:clamp(13px,2vw,15px);font-weight:600}.task-list-body ul li h5,.task-list-body ul li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-list-body ul li p{font-size:13px}.task-list-body::-webkit-scrollbar{width:1px}.task-list-body::-webkit-scrollbar-track{background:#2b5d8a;border-radius:4px}.task-list-body::-webkit-scrollbar-thumb{background-color:#225481;border-radius:4px;border:1px solid #f0f0f0}.task-list-body::-webkit-scrollbar-thumb:hover{background-color:#555}.task-list-body{scrollbar-width:thin;scrollbar-color:var(--theme-color) #225481}.add-new-task-form{position:fixed;background-color:#fff;padding:20px;max-width:65%;min-width:65%;height:auto;left:50%;transform:translate(-50%,-50%);top:50%;border-radius:10px;z-index:2;border:1px solid #225481;max-height:559px;overflow-y:auto}.add-new-task-form::-webkit-scrollbar-track{background:#f1f1f1;border-top-right-radius:10px}.add-new-task-form .form-header h5{color:#333}.add-new-task-form .form-header span{color:#333;height:35px;width:35px;border-radius:50%;cursor:pointer;text-align:center;line-height:35px;border:1px solid #234d72d9}.task-form-controller{position:relative;margin-top:1.5rem}.task-form-controller span.error-mesg svg{position:absolute;top:50%;color:red;right:10px;transform:translateY(-50%)}.task-form-controller .react-datepicker-popper{z-index:111}.task-form-controller label{position:absolute;top:.75rem;left:.75rem;color:#999;font-size:13px;transition:all .2s ease;pointer-events:none;border-radius:3px;padding:0 18px;background-color:#fff;z-index:1}.task-form-controller #assignTo{min-height:44px;width:100%;align-items:center;padding-left:15px;border:1px solid #234d72d9}.task-form-controller .react-datepicker-wrapper{width:100%}.task-form-controller input,.task-form-controller select{width:100%;padding:.75rem;border:1px solid #234d72d9;border-radius:4px;font-size:13px;outline:none;min-height:44px;max-height:44px}.task-form-controller input:focus,.task-form-controller select:focus{border-color:#3b82f6}.task-form-controller.label-active label{top:-.8rem;left:.5rem;font-size:.65rem;color:#333;background:#fff;padding:3px 10px;z-index:99}.data-search-btn{text-align:right;margin-top:1rem}.data-search-btn button{background-color:#103e65;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.data-search-btn button:hover{background-color:var(--theme-color)}.form-overlay{position:fixed;height:100vh;width:100vw;background-color:rgba(0,0,0,.4);left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.form-textarea{width:100%;max-height:60px;min-height:60px;border-radius:4px;border:1px solid #234d72d9}.add-more-textarea button{font-size:12px;cursor:pointer;padding:2px 10px;border-radius:4px;background-color:transparent}.task-wrapper{width:100%;border-radius:8px;padding:15px;box-shadow:3px 3px 10px var(--gray-color);max-height:211px;min-height:211px;background-color:rgba(231,76,60,.1);transition:all .3s ease;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ds-task-header h2{font-size:clamp(16px,2.5vw,20px);font-family:monospace}.ds-task-header img{height:24px;vertical-align:sub}.task-assign-card{width:100%;padding:10px 0}.task-assign-card .task-img img{height:80px;width:80px;object-fit:contain}.task-body-content{width:calc(100% - 85px)}.task-body-content .count-circle{min-height:80px;max-height:80px;min-width:80px;max-width:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600}.task-body-content ul{width:calc(100% - 85px)}.task-body-content ul li h5{font-size:clamp(16px,2.7vw,20px);font-weight:600;line-height:normal;margin-bottom:6px;font-family:system-ui;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.task-body-content ul li span{color:#000}.task-body-content ul li svg{color:var(--theme-color)}.task-body-content ul li p{font-size:clamp(14px,1.2vw,16px);line-height:normal;font-family:system-ui;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-assign-card .task-status .view-more-btn{font-size:14px;text-decoration:underline;text-underline-offset:2px;transition:var(--transition)}.task-assign-card .task-status .view-more-btn:hover svg{transform:translateX(6px);transition:var(--transition)}.total-cards-count{border-radius:8px;padding:15px;box-shadow:3px 3px 10px var(--gray-color);max-height:211px;min-height:211px;margin-top:10px;background-color:#ebe9fe85;transition:all .3s ease;animation:fadeIn .4s ease-out}.total-task-count{height:28px;width:28px;border-radius:50px;background-color:#00b386;display:inline-block;line-height:28px;text-align:center;color:#fff;font-size:14px;font-weight:600}.count-circle ul li{text-align:center}.count-circle ul li p{height:100px;width:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600}.count-circle ul li span{font-size:13px;padding-top:10px;display:inline-block}.task-table-wrapper{margin:auto;background:#fff;padding:20px 15px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.task-wrapper-header h2{font-size:clamp(24px,3vw,28px);font-weight:700}.task-table-wrapper .table-body{overflow:auto}.task-table-wrapper .table-body .task-table{max-width:unset;min-width:auto}.task-table-header{display:flex;justify-content:space-between;margin-bottom:10px;align-items:center}.task-table-header button{background-color:#103e65;padding:5px 15px;border-radius:4px;color:#fff}.task-table-header .task-search-input{padding:8px 12px;border-radius:5px;border:1px solid #ddd;width:200px;background-color:#f4f6fc;overflow:hidden}.task-table-header .task-search-input input{background-color:transparent;height:100%;padding:4px 20px}.task-search-input svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.task-table{width:100%;border-collapse:collapse;border:1px dashed #ddd}.task-table thead{background-color:#f1f1f1}.task-table td,.task-table th{text-align:left;padding:12px 8px;border-bottom:1px dashed #ddd;font-size:clamp(12px,.8vw,14px)}.task-table td{color:#555}.task-table .update-status{cursor:pointer}.task-table th{color:#333}.task-table tbody tr:hover{background-color:#f9f9f9}.task-table-wrapper .pagination{margin-top:20px;text-align:center}.task-table-wrapper .pagination button{background-color:#fff;padding:8px 12px;margin:0 3px;border-radius:5px;cursor:pointer;border:1px solid #ddd}.task-table-wrapper .pagination button.active{background-color:#007bff;color:#fff;border-color:#007bff}.task-table-wrapper .pagination button:hover{background-color:#f1f1f1}.task-table-wrapper .pagination button:disabled{opacity:.5;cursor:not-allowed}.task-table-wrapper .action-type svg{font-size:16px;cursor:pointer}.task-status-dropdown{position:absolute;left:50%;top:100%;padding-top:2px;transform:translateX(-50%);z-index:11}.task-status-dropdown select{padding:4px 12px;font-size:14px;border-radius:4px;border:1px solid #ccc}.task-notification-main:after{content:"";position:fixed;height:100vh;width:100vw;background-color:transparent;left:50%;top:0;transform:translateX(-50%);z-index:1}