@charset "UTF-8";*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Verdana,sans-serif}:root{--sidebar-width: 300px;--main-bg: #F4F7FD;--side-bg: white;--head-bg: white;--create-bg: white;--editborad-bg: #fefefe;--editborad-color: #828fa3;--modalTile-color: black;--head-color: black;--main-color: black;--head-border: #f4f7fd;--side-border: #f4f7fd;--kanban-color: rgb(0, 0, 0);--switch-container-color:#f4f7fd;--menuItems-bg: white;--side-hide-hover:#a8a4ff;--board-hover:#d8d7f1;--field-addnewtask-color:white;--input-color:black;--newColumn-btn-color:#e9effa;--scrollbar-main-color:rgba(0, 0, 0, .1);--subtask-modal-color:#f4f7fd}:root.dark{--main-bg: #20212c;--side-bg: hsl(235, 12%, 19%);--head-bg: hsl(235, 12%, 19%);--create-bg:hsl(235, 12%, 19%);--editborad-bg: hsl(235, 12%, 19%);--head-color: white;--main-color: white;--kanban-color: white;--editborad-color: white;--modalTile-color: #ffffff;--head-border: #20212c;--side-border: #20212c;--switch-container-color:#20212C;--menuItems-bg: #20212C;--side-hide-hover:white;--board-hover:white;--field-addnewtask-color:#2B2C37;--input-color:white;--newColumn-btn-color: hsl(235, 12%, 19%);--scrollbar-main-color:white;--subtask-modal-color:#20212C}body{margin:0}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.content{display:flex;flex-grow:1;height:calc(100vh - 96px);overflow:hidden}.right{flex-grow:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}a{text-decoration:none;color:inherit}@media (max-width: 768px){.app{padding:0}}@media (max-width: 480px){.content{flex-direction:column;height:auto}.right{padding:0;width:100%}}.Sidebar{display:flex;flex:0 0 0;flex-direction:column;color:#828fa3;width:0;min-width:0;max-width:0;height:100%;background-color:var(--side-bg);position:relative;transition:width .1s ease,opacity .4s ease;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none}.Sidebar.open{flex-basis:var(--sidebar-width);width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);opacity:1;visibility:visible;pointer-events:auto;border-right:1px solid var(--side-border)}.Sidebar:not(.open)>*{display:none}.create-new-board{color:#635fc7;border:none;background-color:var(--create-bg);display:flex;align-items:center;cursor:pointer;border-radius:0 100px 100px 0;width:276px;height:48px;font-size:medium;font-weight:700;margin-left:-32px;padding:8px 16px 8px 48px;gap:16px}.create-new-board:hover{background:var(--board-hover);color:#635fc7}.create-new-board img{width:16px;height:16px;flex-shrink:0}.create-new-board:hover img{content:url(/board-hover.png)}.Boards-list h3{margin-left:-32px;padding-left:48px;font-size:medium}.Boards-list{position:relative;padding-left:32px}.board{display:flex;align-items:center;cursor:pointer;border-radius:0 100px 100px 0;width:276px;height:48px;font-size:medium;font-weight:700;margin-left:-32px;padding:8px 16px 8px 48px;gap:16px}.board a{width:100%;height:100%;display:block}.board-content{display:flex;align-items:center;gap:16px;width:100%}.board-icon{width:16px;height:16px;flex-shrink:0}.switch-container{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;bottom:87px;width:calc(100% - 48px);max-width:251px;height:48px;background-color:var(--switch-container-color);border-radius:6px;margin:16px 0;gap:23px;transform:translate(-50%)}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#635fc7}input:focus+.slider{box-shadow:0 0 1px #635fc7}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.Hide-container{display:flex;flex-direction:row;position:absolute;left:0;bottom:32px}.open-sidebar{display:flex;align-items:center;justify-content:center;position:fixed;left:0;bottom:32px;width:56px;height:48px;cursor:pointer;background-color:#635fc7;border-radius:0 100px 100px 0;border-color:transparent;transition-delay:1s;overflow:hidden;z-index:1001}.open-sidebar.hide{display:none}.open-sidebar:hover{background-color:var(--side-hide-hover)}@media (max-width: 768px){.switch-container{left:50%;width:calc(100% - 20px);max-width:none;gap:12px}.open-sidebar{width:48px;height:42px}}@media (max-width: 480px){.Sidebar.open{width:100%;min-width:100%;max-width:100%;height:auto;position:fixed;bottom:0;top:unset;flex-direction:row;overflow-x:auto;border-top:1px solid var(--side-border);border-right:none;padding:8px;gap:8px}.Boards-list{padding-left:0}.board,.create-new-board{flex:0 0 auto;width:auto;height:40px;font-size:13px;padding:0 16px}.switch-container,.Hide-container{display:none}.open-sidebar{bottom:8px}}.btn{border:transparent;font-weight:700;cursor:pointer}.btn.primary{background:#635fc7;color:#fff}.btn.secondary{background:#d9d9d9;color:#635fc7}.btn.destructive{background:#ea5555;color:#fff}.btn.primary:hover{background:#a8a4ff;color:#fff}.btn.secondary:hover{background:#d8d7f1;color:#635fc7}.btn.destructive:hover{background:#ff9898;color:#fff}.btn.hide{background:none;border:none;outline:none;box-shadow:none;color:#828fa3}.btn.hide:hover{background:#d9d9d9;color:#635fc7;border-radius:0 100px 100px 0}.btn.sm{height:40px;border-radius:20px;font-size:small}.btn.lg{height:48px;border-radius:24px;font-size:medium}.sh{box-shadow:0 8px 16px #0003,0 6px 20px #00000030}.scope{width:174px}.scope_2{width:164px}.scope_3{width:416px}.px_276{width:276px}.px_200{width:200px}.off{opacity:.5;cursor:not-allowed}.Header{background-color:var(--head-bg);height:96px;color:var(--head-color);display:flex;justify-content:flex-start;align-items:center;justify-content:space-between;padding:16px;position:relative;width:100%}.Header:before{content:"";position:absolute;bottom:0;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));height:1px;background-color:var(--head-border)}.Header:after{content:"";position:absolute;top:0;bottom:0;left:var(--sidebar-width);width:1px;background-color:var(--side-border)}.kanban{font-size:xx-large;font-weight:700;position:relative;left:32px;display:flex;align-items:center;color:var(--kanban-color)}.kanban-logo{margin-right:16px}.line{display:none}.title{font-size:x-large;font-weight:700;position:relative;left:142px}.add{margin-left:auto;position:relative;right:61px}.Header .actions{display:flex;align-items:center;gap:16px}.menuItems{position:absolute!important;right:24px!important;top:90px!important;background-color:var(--menuItems-bg);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:16px;width:192px;z-index:10;box-shadow:0 4px 6px #0000001a;height:auto;overflow:hidden}.menuItem{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dots{background:none;border:none;outline:none;box-shadow:none;cursor:pointer;position:relative;right:32px}.actions{position:relative}@media (max-width: 768px){.Header{height:70px;padding:0 8px}.kanban{font-size:20px;padding-left:8px;margin-right:16px}.kanban-logo{margin-right:8px;width:24px;height:24px}.title{font-size:medium;max-width:200px;padding:0 8px}.menuItems{width:160px;padding:12px;right:8px}}@media (max-width: 480px){.Header{height:60px}.kanban{font-size:18px;padding-left:4px;margin-right:8px}.kanban-logo{width:20px;height:20px;margin-right:4px}.title{font-size:small;max-width:120px;padding:0 4px}.kanban-text,.add-text{display:none}.Header .actions{gap:8px}.menuItems{width:140px;padding:8px;gap:8px}.menuItem{padding:6px 0;font-size:14px}}.DeleteBoardModal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#000;background-color:#0006}.DeleteBoardModal-content{position:relative;background-color:var(--editborad-bg);color:var(--editborad-color);padding:20px;width:480px;min-height:229px;height:auto;font-size:14px;border-radius:6px}.DeleteBoardModal-title{color:var(--editborad-color);font-size:18px;font-weight:700;color:red;white-space:normal;word-break:break-word}.DeleteBoardModal-title,.DeleteBoardModal-content p{padding-left:7px;white-space:normal;word-break:break-word}.DeleteBoardModal-actions{display:flex;flex-direction:row;position:absolute;align-items:center;gap:16px}@media (max-width: 768px){.DeleteBoardModal{padding:20px;min-height:180px;max-width:450px}.DeleteBoardModal-title{font-size:16px;margin-bottom:12px}.DeleteBoardModal-content p{margin-bottom:20px}}@media (max-width: 480px){.DeleteBoardModal-content{padding:16px;min-height:160px;width:95%}.DeleteBoardModal-title{font-size:15px;margin-bottom:10px}.DeleteBoardModal-content p{font-size:13px;margin-bottom:16px}.DeleteBoardModal-actions{flex-direction:column;gap:8px}.DeleteBoardModal-actions button{width:100%;padding:8px 12px;font-size:13px}}.Main{background-color:var(--main-bg);flex-grow:1;overflow-x:auto;overflow-y:auto;color:var(--main-color);display:flex;flex-direction:column;max-width:100%;position:relative}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.empty-text{color:#828fa3;font-size:large;line-height:18px Line;font-weight:700;margin-bottom:32px}.columns-container{display:flex;overflow-x:auto;overflow-y:auto;padding-bottom:30px;white-space:nowrap;width:100%;position:relative}.columns-container::-webkit-scrollbar{width:0px;height:12px}.columns-container::-webkit-scrollbar-thumb{background:#635fc7;border-radius:6px}.columns-container::-webkit-scrollbar-track{background:var(--scrollbar-main-color);border-radius:6px}.New-Column{flex-shrink:0;width:280px;height:calc(100vh - 200px);min-height:500px;max-height:1014px;padding:16px;display:flex;align-items:center;justify-content:center;background-color:var(--newColumn-btn-color);color:#828fa3;font-size:24px;border-radius:6px;border:none;box-shadow:0 4px 8px #00000026,0 3px 10px #0000001f;font-weight:700;cursor:pointer;white-space:nowrap;margin:95px 24px 32px}.New-Column:hover{color:#635fc7}@media (max-width: 1024px){.Main{padding:0 12px}.columns-container{gap:16px;padding:0 12px 30px}.New-Column{width:240px;height:900px;font-size:20px;padding:14px;margin-left:20px;margin-right:20px}}@media (max-width: 768px){.Main{padding:0 8px}.columns-container{gap:10px}.New-Column{width:200px;height:800px;font-size:18px}}@media (max-width: 480px){.columns-container{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:0 8px 30px}.New-Column{width:180px;height:700px;font-size:16px;padding:12px}.empty-text{font-size:medium;text-align:center;padding:0 12px}}.column{position:relative;flex:0 0 300px;width:300px;height:calc(100vh - 138px);display:flex;flex-direction:column;padding:16px;margin-left:8px;box-sizing:border-box}h4{letter-spacing:2.4px}.column:after{content:"";position:absolute;left:16px;right:16px;bottom:16px;height:12px;pointer-events:none;background:linear-gradient(to bottom,rgba(250,250,254,0) 0%,var(--main-bg) 100%);z-index:1}.column-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;background:inherit}.column-circle{width:15px;height:15px;border-radius:50%;flex-shrink:0}.tasks-container{position:relative;flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:12px 6px 16px;-webkit-mask-image:linear-gradient(to bottom,transparent 0px,black 12px,black 100%);mask-image:linear-gradient(to bottom,transparent 0px,black 12px,black 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;scrollbar-width:none;-ms-overflow-style:none}.tasks-container::-webkit-scrollbar{display:none}@media (max-width: 768px){.column{flex:0 0 240px;min-width:240px;padding:10px}.column h4{font-size:12px;letter-spacing:1.8px}.column-circle{width:12px;height:12px}.column-header{gap:8px;margin-bottom:12px}.tasks-container{gap:14px}}@media (max-width: 480px){.column{flex:0 0 200px;min-width:200px;padding:8px;margin:0 4px}.column h4{font-size:11px;letter-spacing:1.5px}.column-circle{width:10px;height:10px}.column-header{gap:6px;margin-bottom:10px}.tasks-container{gap:12px}}.AddNewTask{position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#0006}.AddNewTask-content{position:relative;background-color:var(--editborad-bg);color:var(--editborad-color);padding:20px;width:480px;border-radius:6px;height:675px;transition:height .1s ease-in-out}.AddNewTask-content.expanded{min-height:auto}.AddNewTask-close{color:#aaa;float:right;font-size:28px;font-weight:700}.AddNewTask-close:hover,.AddNewTask-close:focus{color:#000;text-decoration:none;cursor:pointer}.AddNewTask-title{color:var(--modalTile-color);font-size:large;font-weight:700}.title-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.title-field input{width:416px;height:40px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:var(--field-addnewtask-color);color:var(--input-color)}.title-field label{font-size:14px;font-weight:700}.description-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.description-field textarea{width:416px;height:112px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:var(--field-addnewtask-color);color:var(--input-color);text-align:left;resize:none;line-height:1.5}.description-field textarea::placeholder{text-align:left;font-size:14px}.description-field label{font-size:14px;font-weight:700}.status{position:absolute;top:500px;transition:top .1s ease-in-out}.status label{font-size:14px;font-weight:700;margin-bottom:8px;display:block}.Chevron-icon{width:20px;height:20px;margin-left:auto}.dropDown{position:relative}.createTask-btn{position:absolute;bottom:32px}.Subtasks{font-size:14px;font-weight:700;display:flex;flex-direction:column}.Subtasks label{display:block;margin-bottom:8px}.Subtasks .subtask-list{display:flex;flex-direction:column;gap:12px}.Subtasks .subtask-item{display:flex;align-items:center;width:385px;border:1px solid #ccc;height:40px;padding:4px;border-radius:4px}.Subtasks .subtask-item input{flex:1;border:none;outline:none;padding:8px;font-size:14px;width:calc(100% - 32px);background:transparent;color:var(--input-color)}.Subtasks .subtask-item button{position:absolute;right:50px;background:none;border:none;color:#828fa3;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:auto;height:auto}.Subtasks .subtask-item button:hover{color:red}.Subtasks .Subtask-btn{margin-top:12px;transition:margin-top .1s ease-in-out}.subtask-item .error-message{position:relative;right:16px;color:red;font-size:14px;pointer-events:none;font-weight:400}input.error,textarea.error{border-color:red}.error-message{color:red;font-size:12px;margin-top:4px;border-color:red}@media (max-width: 1024px){.AddNewTask-content{width:440px;padding:18px}.title-field input,.description-field textarea,.Chevron-btn,.Items,.Subtasks .subtask-item{width:100%}.Subtasks .subtask-item button{right:20px}.status{left:0}}@media (max-width: 768px){.AddNewTask-content{width:90%;padding:16px}.title-field input,.description-field textarea,.Subtasks .subtask-item input{font-size:13px}.Chevron-btn{font-size:13px;height:38px}.Items{gap:12px;padding:12px}.status{font-size:13px}}@media (max-width: 480px){.AddNewTask-content{width:95%;padding:14px}.AddNewTask-title{font-size:16px}.title-field input,.description-field textarea,.Chevron-btn{font-size:12px;height:36px;padding:6px}.Items{width:100%;padding:10px}.Item{font-size:12px}.Subtasks .subtask-item{padding:4px}.Subtasks .subtask-item input{font-size:12px}.Subtasks .subtask-item button{right:16px;font-size:16px}.createTask-btn{bottom:24px}.status{padding-bottom:16px}.error-message{font-size:11px}}.DeleteTaskModal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#000;background-color:#0006}.DeleteTaskModal-content{position:relative;background-color:var(--editborad-bg);color:var(--editborad-color);padding:20px;width:480px;min-height:229px;height:auto;font-size:14px;border-radius:6px}.DeleteTaskModal-title{color:var(--editborad-color);font-size:18px;font-weight:700;color:red;margin-bottom:16px;white-space:normal;word-break:break-word}.DeleteTaskModal-title,.DeleteTaskModal-content p{padding-left:7px;white-space:normal;word-break:break-word}.DeleteTaskModal-actions{display:flex;flex-direction:row;align-items:center;gap:16px;margin-top:32px}@media (max-width: 1024px){.DeleteTaskModal-content{width:440px;font-size:13px;padding:18px}.DeleteTaskModal-title{font-size:17px}.DeleteTaskModal-actions{gap:14px;margin-top:28px}}@media (max-width: 768px){.DeleteTaskModal-content{width:90%;padding:16px;font-size:13px}.DeleteTaskModal-title{font-size:16px}.DeleteTaskModal-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:24px}}@media (max-width: 480px){.DeleteTaskModal-content{width:95%;padding:14px;font-size:12px}.DeleteTaskModal-title{font-size:15px;padding-left:4px}.DeleteTaskModal-content p{padding-left:4px}.DeleteTaskModal-actions{gap:10px;margin-top:20px}}.TaskModal{position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#0006}.TaskModal-wrapper{position:relative;width:480px;background-color:var(--editborad-bg);border-radius:6px;padding-bottom:32px}.TaskModal-close:hover,.TaskModal-close:focus{color:#000;text-decoration:none;cursor:pointer}.TaskModal-title{color:var(--modalTile-color);font-size:large;font-weight:700;padding-left:32px;padding-top:34px;white-space:normal;word-break:break-word;max-width:420px}.TaskModal-description{font-size:13px;font-weight:500;color:var(--editborad-color);line-height:23px;padding-left:32px;white-space:normal;word-break:break-word;max-width:416px}.TaskModal-Subtasks{font-weight:700;color:var(--editborad-color);padding-left:32px;margin-top:20px;font-size:14px}.Subtasks-list{display:flex;flex-direction:column;gap:12px;margin-top:8px;padding-left:32px}.subTask-item{width:416px;height:40px;background-color:#635fc740;border-radius:4px;display:flex;align-items:center;transition:background-color .2s ease;padding-left:12px}.subTask-item input[type=checkbox]{margin-right:12px;color:#635fc7;transform:scale(1.2);cursor:pointer}.subTask-item label{display:flex;align-items:center;width:100%;cursor:pointer}.subTask-item .subtask-text{font-weight:700;font-size:12px;-webkit-user-select:none;user-select:none}.subTask-item.completed{background-color:var(--subtask-modal-color)}.subTask-item.completed .subtask-text{color:var(--input-color);text-decoration:line-through;text-decoration-thickness:1.5px}.TaskModal-status{font-weight:700;color:var(--editborad-color);padding-left:32px;margin-top:24px;font-size:14px}.list{position:absolute;top:120px;right:-52px;background-color:var(--menuItems-bg);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:16px;width:192px;z-index:1000;box-shadow:0 4px 6px #0000001a;height:auto;overflow:hidden}.Operation{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.ovals{position:absolute;top:70px;background:none;border:none;cursor:pointer;right:32px}.Operations{position:relative;z-index:5}.Items{position:absolute!important;left:0;transform:translateY(8px);background-color:var(--menuItems-bg);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:16px;width:416px;z-index:10;box-shadow:0 4px 6px #0000001a;height:auto;overflow:hidden}.Item{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#828fa3}.Chevron-icon{width:20px;height:20px;margin-left:auto;color:#635fc7}.Chevron-btn{width:416px;height:40px;background:none;border:1px solid #ccc;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:14px;font-weight:500;color:var(--input-color)}.Chevron-btn[aria-expanded=true]{border-color:#635fc7}.drop-Down{position:relative;padding-left:32px}@media (max-width: 1024px){.TaskModal-wrapper{width:420px}.subTask-item,.Chevron-btn,.Items{width:100%}.TaskModal-title,.TaskModal-description,.TaskModal-Subtasks,.TaskModal-status,.Subtasks-list,.drop-Down{padding-left:24px}.TaskModal-title{font-size:18px}}@media (max-width: 768px){.TaskModal-wrapper{width:90%;padding-bottom:24px}.subTask-item{height:auto;padding:8px}.subtask-text{font-size:11px}.TaskModal-description{font-size:12px}.TaskModal-status{font-size:13px}.Chevron-btn{height:38px;font-size:13px}.Items{padding:12px}}@media (max-width: 480px){.TaskModal-wrapper{width:95%;padding-bottom:20px}.TaskModal-title{font-size:16px;padding-left:16px}.TaskModal-description,.TaskModal-Subtasks,.TaskModal-status,.Subtasks-list,.drop-Down{padding-left:16px}.subTask-item{width:100%;padding-left:8px;gap:4px}.subtask-text{font-size:10px}.Chevron-btn{width:100%;font-size:12px}.Items{width:100%}.Item{font-size:12px}}.task{width:100%;box-sizing:border-box;min-height:88px;height:auto;background-color:var(--editborad-bg);border-radius:6px;padding:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;border:1px solid transparent;display:flex;flex-direction:column;transition:border-color .2s ease;gap:8px;flex-shrink:0}.task:hover{border-color:#969696}.task:hover .task-title{color:#635fc7}.task-title{font-size:14px;font-weight:700;color:var(--input-color);white-space:normal;word-break:break-word;margin-bottom:auto}.task-subtasks{font-size:12px;font-weight:700;color:var(--editborad-color);margin-top:auto}@media (max-width: 768px){.task{min-height:75px;padding:10px;gap:6px}.task-title{font-size:12px;margin-bottom:4px}.task-subtasks{font-size:11px}}@media (max-width: 1024px){.task{min-height:80px;padding:10px}.task-title{font-size:13px;margin-bottom:6px}}@media (max-width: 480px){.task{min-height:70px;padding:8px;gap:4px}.task-title{font-size:11px;line-height:1.3}.task-subtasks{font-size:10px}}.waitingview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.EditBoardModal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#0006}.EditBoardModal-content{position:relative;background-color:var(--editborad-bg);color:var(--editborad-color);padding:20px;border-radius:6px;width:480px;height:481px;transition:height .1s ease-in-out}.EditBoardModal-content.expanded{min-height:auto}.EditBoardModal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.EditBoardModal-close:hover,.EditBoardModal-close:focus{color:#000;text-decoration:none;cursor:pointer}.EditBoardModal-title{color:var(--modalTile-color);font-size:large;font-weight:700}.name-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.name-field label{font-size:14px;font-weight:700}.name-field input{width:416px;height:40px;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:var(--field-addnewtask-color);color:var(--input-color)}.EditBoardModal-actions{display:flex;flex-direction:column;gap:16px}.columns-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.columns-list label{font-size:14px;font-weight:700}.column-items{display:flex;position:relative;justify-content:space-between;border:1px solid #ccc;width:385px;height:40px;padding:4px;border-radius:4px;background:var(--field-addnewtask-color)}.remove{position:absolute;left:400px;top:50%;transform:translateY(-50%);background:none;border:none;color:#828fa3;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:auto;height:auto}.error-message{color:red;font-size:12px;margin-top:4px}@media (max-width: 768px){.EditBoardModal-content{padding:20px;max-width:450px}.EditBoardModal-title{font-size:16px;margin-bottom:16px}.name-field{gap:6px;margin-bottom:12px}.column-items{height:36px}}@media (max-width: 480px){.EditBoardModal-content{padding:16px;max-width:100%;width:95%}.EditBoardModal-close{top:12px;right:12px;font-size:20px}.EditBoardModal-title{font-size:15px;margin-bottom:12px}.name-field label,.columns-list label{font-size:13px}.name-field input{height:36px;padding:6px 10px;font-size:13px}.column-items{height:34px}.column-items input{font-size:13px;padding:6px}.remove{right:4px;width:20px;height:20px;font-size:16px}.column-items .error-message{font-size:10px;right:28px}.EditBoardModal-actions{gap:12px;margin-top:16px}.EditBoardModal-actions button{padding:8px 12px;font-size:13px}}.AddNewColumnModal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;background-color:#0006}.AddNewColumnModal-content{position:relative;background-color:var(--editborad-bg);color:var(--editborad-color);padding:20px;border-radius:6px;width:480px;height:380px;transition:height .1s ease-in-out}.AddNewColumnModal-content.expanded{min-height:auto}.AddNewColumnModal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.AddNewColumnModal-close:hover,.AddNewColumnModal-close:focus{color:#000;text-decoration:none;cursor:pointer}.AddNewColumnModal-title{color:var(--modalTile-color);font-size:large;font-weight:700}.AddNewColumnModal-actions{display:flex;flex-direction:column;position:absolute;align-items:center;gap:16px}.Columns-list{display:flex;flex-direction:column;gap:12px}.Columns-list label{font-size:14px;font-weight:700}.column-items{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ccc;width:385px;height:40px;padding:4px;border-radius:4px;background:var(--field-addnewtask-color)}.column-items input{flex:1;border:none;outline:none;padding:8px;font-size:14px;box-sizing:border-box;background:transparent;text-align:left;color:var(--input-color)}.column-items input::placeholder{font-size:14px}.column-items .error-message{position:absolute;right:16px;top:50%;transform:translateY(-55%);color:red;font-size:14px;pointer-events:none}.remove{position:absolute;right:50px;background:none;border:none;color:#828fa3;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:auto;height:auto}.remove:hover{color:red}@media (max-width: 1024px){.AddNewColumnModal-content{width:420px;height:340px;padding:16px}.column-items{width:100%}.AddNewColumnModal-title{font-size:18px}}@media (max-width: 768px){.AddNewColumnModal-content{width:90%;height:auto;padding:16px}.AddNewColumnModal-actions{position:relative;gap:12px}.column-items{width:100%;height:auto}.column-items input{font-size:13px;padding:6px}.remove{right:32px;font-size:16px}}@media (max-width: 480px){.AddNewColumnModal-content{width:95%;padding:14px}.AddNewColumnModal-title{font-size:16px}.column-items input{font-size:12px}.remove{right:20px;font-size:14px}.column-items .error-message{right:10px;font-size:12px}}