@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700&display=swap";.App{display:flex;flex-direction:column;height:100vh;background:color(bg)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}input,button,textarea,select{font:inherit}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}ol,ul{list-style:none;padding:0}input,textarea{border:0;outline:0}button{background:inherit;border:0;outline:inherit;cursor:pointer}button:focus-visible{outline:2px solid #dd9951}input[type=checkbox]:focus-visible{outline:2px solid #dd9951}.dark{--color-bg: #20212C;--color-scroll: #3E3F4E;--color-borderLine: #3E3F4E;--color-main: #2B2C37;--color-title: #ffffff;--color-subTitle: #ffffff;--color-board: #20212C;--color-themeSwitchBox: #20212C;--color-addButton: #ffffff;--color-ellipsis: #20212C;--color-checked: rgba(255, 255, 255, .5)}.light{--color-bg: #F4F7FD;--color-scroll: #828fa3;--color-borderLine: #E4EBFA;--color-main: #ffffff;--color-title: #000000;--color-subTitle: #828fa3;--color-board: #ffffff;--color-themeSwitchBox: #F4F7FD;--color-addButton: #f0effa;--color-ellipsis: #E4EBFA;--color-checked: rgba(0, 0, 0, .5)}h1{font-size:clamp(1.2rem,3vw,1.5rem)}h2{font-size:1.125rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.Header{display:flex;width:100%;height:6rem;background:var(--color-main)}.Header__Logo{min-width:18.75rem;border-right:1px solid var(--color-borderLine);border-bottom:1px solid var(--color-borderLine);padding:2rem 0 3.375rem 2rem;cursor:pointer}@media (max-width: 767px){.Header__Logo{min-width:4.5rem;border-right:0}}.Main{display:flex;width:100%;height:100%;overflow-y:auto;position:relative;background:var(--color-bg)}.Main__showSideNavButton{position:fixed;display:flex;align-items:center;justify-content:center;left:0;bottom:2rem;color:#fff;width:3.5rem;height:3rem;background:#635FC7;border-radius:0 25px 25px 0;animation:fadeIn .3s ease-in;transition:background-color .2s ease}.Main__showSideNavButton:hover{background:#A8A4FF}.Main::-webkit-scrollbar{height:.4rem;width:.7rem}.Main::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:10px}.Main::-webkit-scrollbar-thumb{background:var(--color-scroll);border-radius:10px}.Main::-webkit-scrollbar-thumb:hover{background:#635FC7}.Main::-webkit-scrollbar-corner{background:var(--color-bg)}@media (max-width: 767px){.Main{overflow-x:auto!important}}.SideNav{display:flex;position:fixed;flex-direction:column;justify-content:space-between;color:#828fa3;background:var(--color-main);font-weight:700;min-width:18.75rem;height:calc(100% - 6rem);z-index:2;left:0;padding-top:1rem;padding-bottom:2rem;border-right:1px solid var(--color-borderLine);transition:transform .2s ease;cursor:default;overflow-x:hidden}.SideNav__hide{transform:translate(-100%)}@media (max-width: 767px){.SideNav{display:flex;position:relative;align-items:center;border-radius:8px;margin:0 auto;top:5rem;left:0;right:0;height:fit-content;width:fit-content}}.SideNav__head{letter-spacing:2.4px;font-size:.75rem;padding-left:2rem;margin-bottom:1rem}@media (max-width: 767px){.SideNav__head{padding-left:0}}.SideNav__tab{display:flex;align-items:center;text-align:left;padding-left:2rem;padding-bottom:.5rem;padding-top:.5rem;width:17.25rem;min-height:2.8rem;height:fit-content;word-break:break-word;margin-bottom:.2rem;position:relative;background:transparent;transition:color .2s ease;color:inherit;z-index:0}.SideNav__tab>svg{margin-right:1rem;min-width:1rem}.SideNav__tab:after{transition:background-color .1s ease;content:"";z-index:-1;display:flex;background-color:transparent;position:absolute;left:0;width:100%;height:100%;border-radius:0 25px 25px 0}.SideNav__tab:hover:not(.SideNav__tab--addNew,.SideNav__tab--active){color:#fff}.SideNav__tab:hover:not(.SideNav__tab--addNew,.SideNav__tab--active):after{content:"";background-color:#a8a4ff}.SideNav__tab--active{color:#fff}.SideNav__tab--active:after{content:"";background-color:#635fc7}.SideNav__tab--addNew{color:#635fc7;transition:opacity .1s ease-out}.SideNav__tab--addNew:hover{opacity:.6}@media (max-width: 767px){.SideNav__tab{margin-left:-2rem}}.SideNav__theme-mode{display:flex;background-color:var(--color-themeSwitchBox);justify-content:center;align-items:center;width:235px;height:48px;margin-left:1.5rem;border-radius:6px}@media (max-width: 767px){.SideNav__theme-mode{margin-left:0}}.SideNav__theme-toggle{display:flex;margin:0 26px;align-items:center;width:40px;height:20px;background:#635FC7;border-radius:12px;position:relative}.SideNav__theme-toggle--ball{position:absolute;transition:left .2s ease;width:14px;height:14px;background:#ffffff;border-radius:25px}.SideNav__hideButton{font-size:.9375rem;color:#828fa3;display:flex;align-items:center;margin-left:2rem;margin-top:1rem;transition:opacity .1s ease-out}.SideNav__hideButton:hover{opacity:.6}@media (max-width: 767px){.SideNav__hideButton{display:none}}.Launch{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;background:var(--color-main);padding:0 2rem;border-bottom:1px solid var(--color-borderLine);color:var(--color-title)}@media (max-width: 767px){.Launch{padding:0 2rem;padding-left:0;padding-right:1rem}}.Launch__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;max-width:16rem}.Launch__buttons{display:flex;align-items:center}.Launch__mobile-sideNav{z-index:9;position:absolute;top:0;bottom:0;right:0;left:0;animation:fadeIn .3s ease-in;background:rgba(0,0,0,.5);overflow-x:hidden}.Launch__mobile-btn{display:flex;justify-content:space-between;min-width:fit-content;font-weight:700;font-size:clamp(1.2rem,3vw,1.5rem);color:var(--color-title)}.Launch__mobile-btn-icon{width:.5rem;margin-left:.5rem;transition:all .2s ease}.Launch__mobile-btn-title{display:flex;max-width:10rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left}.Board{position:absolute;left:18.75rem;display:flex;min-width:100%;height:100%;color:#fff;transition:left .2s ease;padding:1.5rem 2rem;cursor:move}.Board--noItem{display:grid;place-content:center;color:var(--color-title);left:9.375rem;cursor:default}.Board--noItem:hover{color:var(--color-#635FC7)}.Board--noItem__txt{margin-bottom:1rem;text-align:center}.Board--noItem__btn{display:flex;justify-content:center}.Board--noItem__btn>button{max-width:fit-content}.Board__full{left:0}.Column{display:flex;flex-direction:column;margin-right:2rem;width:17.5rem;height:100%;color:var(--color-title);user-select:none}.Column__title{display:flex;align-items:center;margin-bottom:1.5rem;font-size:.75rem;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:#828fa3}.Column__title-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:help}.Column__title-ball{display:flex;min-width:15px;height:15px;border-radius:100%;margin-right:12px}.Column__title-ball--0{background:#49C4E5}.Column__title-ball--1{background:#8471F2}.Column__title-ball--2{background:#67E2AE}.Column__title-ball--3{background:#e5a449}.Column__title-ball--4{background:#2a3fdb}.Column__title-ball--5{background:#c36e6e}.Column__container{height:100vh}.Column__container--empty{outline:1px dashed rgba(130,143,163,.4);outline-width:2px;border-radius:6px}.Column__addNewButton{display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:#828fa3;background:linear-gradient(to bottom,rgba(121,132,147,.2),rgba(130,143,163,.1),rgba(130,143,163,0));height:100%;border-radius:6px;transition:color .2s ease}.Column__addNewButton:hover{color:#635fc7}.Card{display:flex;text-align:left;flex-direction:column;width:100%;min-height:5.5rem;background:var(--color-main);border:1px solid rgba(134,134,134,.1);border-radius:8px;box-shadow:0 4px 6px #364e7e1a;padding:1.5rem 1rem;margin-bottom:1.5rem;transition:filter .2s ease;cursor:grab}.Card:hover{filter:opacity(45%)}.Card:focus-visible{outline:2px solid #dd9951}.Card__title{font-size:.9375rem;font-weight:700;color:var(--color-title);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word;overflow:hidden}.Card__count{font-size:.75rem;font-weight:700;color:#828fa3}.ViewTask{display:flex;width:100%;height:fit-content;flex-direction:column;align-items:start;position:relative;word-break:break-all}.ViewTask__topWrapper{display:flex;width:100%;justify-content:space-between;margin-bottom:.5rem;word-break:break-word}.ViewTask__descWrapper{font-size:.8125rem;color:#828fa3;line-height:23px;max-height:10rem;overflow-x:hidden;word-break:break-word;overflow-y:auto}.ViewTask__descWrapper::-webkit-scrollbar{width:.5rem}.ViewTask__descWrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:10px}.ViewTask__descWrapper::-webkit-scrollbar-thumb{background:var(--color-scroll);border-radius:10px}.ViewTask__descWrapper::-webkit-scrollbar-thumb:hover{background:#635FC7}.ViewTask__subtaskWrapper{margin-top:1.5rem;display:flex;flex-direction:column;width:100%;margin-bottom:.5rem}.ViewTask__sub-title{font-size:.75rem;font-weight:700;color:var(--color-subTitle);margin-bottom:.5rem}.ViewTask__noSubTask{font-size:.8125rem;color:#828fa3;margin-bottom:1rem}.ViewTask__statusWrapper{display:flex;flex-direction:column;width:100%}.ViewTask__status-dropdown{display:flex}.AddNewTask{display:flex;width:100%;flex-direction:column;text-align:left}.AddNewTask input,.AddNewTask textArea{background:transparent;color:var(--color-title);font-size:.8125rem;padding:.5rem 1rem;border-radius:4px;border:2px solid rgba(130,143,163,.4);transition:border .2s ease}.AddNewTask input:focus-visible,.AddNewTask textArea:focus-visible{border-color:#635fc7}.AddNewTask__topWrapper{margin-bottom:1rem}.AddNewTask__sub-title{font-size:.75rem;font-weight:700;color:var(--color-subTitle);margin-bottom:.5rem}.AddNewTask__boxWrapper{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.AddNewTask__description{resize:none}.AddNewTask__description::-webkit-scrollbar{width:.5rem}.AddNewTask__description::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.AddNewTask__description::-webkit-scrollbar-thumb{background:var(--color-scroll);border-radius:10px}.AddNewTask__description::-webkit-scrollbar-thumb:hover{background:#635FC7}.AddNewTask__status{position:relative;margin-bottom:1.5rem}.AddNewTask__subtaskUl{display:flex;width:100%;flex-direction:column}.AddNewTask__subtaskLi{display:flex;align-items:center;justify-content:space-between}.AddNewTask__label{display:flex;width:100%;position:relative}.AddNewTask__label input{width:100%}.AddNewTask__label--err input,.AddNewTask__label--err input:focus,.AddNewTask__label--err input:focus-visible{border-color:#ea5555}.AddNewTask__label--errText{position:absolute;display:flex;top:0;bottom:0;right:1rem;align-items:center;font-size:.75rem;font-weight:700;color:#ea5555}.AddNewTask__subtask-input{display:flex;width:100%;margin-bottom:.5rem;margin-right:.5rem}.DeleteBoard{display:block;text-align:left}.DeleteBoard__topWrapper{margin-bottom:1.5rem}.DeleteBoard__text-title{color:#ea5555;margin-bottom:1rem}.DeleteBoard__text-info{font-size:.8125rem;color:#828fa3;line-height:23px}.DeleteBoard__btnWrapper{display:flex;justify-content:space-between}.DeleteBoard__btnWrapper>button:not(:last-of-type){margin-right:1rem}.DeleteBoard__btnWrapper .DeleteBoard__btn--delete{background-color:#ea5555}.DeleteBoard__btnWrapper .DeleteBoard__btn--delete:hover{opacity:.6}.DeleteBoard__btnWrapper .DeleteBoard__btn--cancel{background-color:#f0effa;color:#635fc7}.DeleteBoard__btnWrapper .DeleteBoard__btn--cancel:hover{opacity:.6}.CheckBox{display:flex;align-items:center;padding:.75rem;background:var(--color-themeSwitchBox);border-radius:8px;margin-bottom:.5rem;font-size:.75rem;font-weight:700;cursor:pointer;user-select:none;text-decoration:line-through;text-decoration-color:transparent;transition:all .2s ease}.CheckBox--checked{background:var(--color-themeSwitchBox);color:var(--color-checked);text-decoration-color:currentColor}.CheckBox:hover{background:rgba(99,95,199,.25)}.CheckBox>input[type=checkbox]{cursor:pointer;appearance:none;display:grid;place-content:center;background-color:var(--color-main);margin-right:1rem;min-width:1rem;height:1rem;border:1px solid rgba(130,143,163,.4);border-radius:2px;transition:background-color .2s ease-in-out border .2s ease-in-out}.CheckBox>input[type=checkbox]:checked{border:0;background-color:#635fc7}.CheckBox>input[type=checkbox]:before{content:"";width:.625rem;height:.625rem;transform-origin:bottom left;transform:scale(0);transition:.12s transform ease-in-out;clip-path:polygon(14% 40%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:#fff}.CheckBox>input[type=checkbox]:checked:before{transform:scale(1)}.CheckBox>input[type=checkbox]:focus-visible{outline-offset:max(2px,.15em)}.CheckBox>input[type=checkbox]:disabled{color:#f4f7fd;cursor:not-allowed}.Button{display:flex;justify-content:center;width:100%;height:auto;background:#635FC7;padding:.75rem 1rem;border-radius:24px;color:#fff;font-size:.9375rem;font-weight:700;transition:all .2s ease}.Button--small{font-size:.8125rem;padding:.5rem 1rem}.Button--theme{border-radius:20px;color:#635fc7;background:var(--color-addButton)}.Button--theme:hover{opacity:.9}.Button:hover:not(.Button--theme,.Button--custom){background:#A8A4FF}.Overlay{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9}.Modal{position:relative;display:flex;justify-content:center;left:0;right:0;top:0;bottom:0;width:100%;margin:auto;max-width:30rem;max-height:100%;border-radius:10px;background:var(--color-main);color:var(--color-title);padding:2rem;animation:fadeIn .3s ease}@media (max-width: 767px){.Modal{overflow-y:auto;width:100%;height:100%}}.Modal--close{display:none;position:absolute;top:.4rem;right:.2rem;border-radius:4px;padding:.15rem .35rem;background:rgba(8,8,8,.1)}@media (max-width: 767px){.Modal--close{display:block}}.DropDown{z-index:5;display:flex;position:relative;height:fit-content}.DropDown__wrapper{position:absolute;top:130%;right:0;display:flex;align-items:start;flex-direction:column;width:12rem;background:var(--color-board);padding:1rem;border-radius:8px;animation:fadeIn .3s ease;border:1px solid var(--color-bg);box-shadow:0 0 8px #364e7e1a}.DropDown__wrapper--right{left:-150%}@media (max-width: 767px){.DropDown__wrapper--right{left:-450%}}.DropDown__text{color:#828fa3;display:flex;width:100%;transition:opacity .2s ease}.DropDown__text--warning{margin-top:.5rem;color:#ea5555}.DropDown__text:hover{opacity:.6}.DropDown__button-ellipsis{display:flex;justify-content:center;align-items:center;margin-left:1rem;position:relative;min-width:22px;height:38px;border-radius:10px;opacity:1;color:#828fa3;transition:background-color .2s ease,color .2s ease;cursor:pointer}.DropDown__button-ellipsis:hover{background:var(--color-ellipsis)}@media (max-width: 767px){.DropDown__button-ellipsis{margin-left:.5rem;transform:scale(.8)}}.SelectDropDown{display:flex;width:100%;position:relative}@media (max-width: 767px){.SelectDropDown{margin-bottom:2rem}}.SelectDropDown__trigger{display:flex;width:100%;justify-content:space-between;color:var(--color-title);font-size:.8125rem;background:transparent;border-radius:4px;border:2px solid rgba(130,143,163,.4);padding:.5rem 1rem;text-transform:capitalize;transition:border .2s ease}.SelectDropDown__trigger:focus{outline:0;border-color:#635fc7}.SelectDropDown__trigger-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:1rem}.SelectDropDown__trigger-icon{transition:transform .3s ease}.SelectDropDown__wrapper{position:absolute;display:flex;align-items:flex-start;width:100%;flex-direction:column;height:fit-content;top:0;bottom:0;transform:translateY(3rem);border-radius:4px;padding:1rem;background:var(--color-board);animation:fadeIn .2s ease-in-out;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:1px solid var(--color-bg);box-shadow:0 0 8px #364e7e1a}.SelectDropDown__btn{display:flex;width:100%;padding:0;color:#828fa3;font-size:.8125rem;text-transform:capitalize;transition:all .2s ease}.SelectDropDown__btn:not(:last-of-type){margin-bottom:.5rem}.SelectDropDown__btn:hover{font-weight:700;color:var(--color-title)}.SelectDropDown__btn-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}