body{color:#fff;background-color:#181a1b;height:100%;margin:48px 0 0;font-family:Arial,Helvetica,sans-serif;transition:background-color 1s,color 1s}.container-flex::-webkit-scrollbar{width:6px}.container-flex::-webkit-scrollbar-thumb{background-color:#282a2bbf;border-radius:3px;transition:background-color 1s,fill 1s}.container-flex::-webkit-scrollbar-thumb:hover{background-color:#313435bf}.container{text-align:center;width:100%;height:calc(100% - 48px);position:fixed;top:48px;overflow-y:auto}.container-flex{text-align:center;justify-content:center;align-items:baseline;width:100%;height:calc(100% - 48px);display:flex;position:fixed;top:48px;overflow-y:auto}.small-container{height:71px;margin:12px 16px 16px}.title-container{justify-content:center;width:100%;display:flex}.task-container{height:20px;margin:12px 16px 16px}.date-container{justify-content:space-between;display:flex}.background-container{width:100%;height:100%;position:fixed}.menu-container{flex-wrap:wrap;justify-content:center;display:flex}.background{-webkit-user-select:none;user-select:none;filter:brightness()blur(10px)saturate();opacity:0;background-size:cover;width:200%;height:200%;transition:filter .3s,opacity .5s;animation:180s infinite alternate moveImage;position:absolute;top:-50%;left:-50%}.light-mode .background{filter:brightness(2)blur(10px)saturate(.75)}@keyframes moveImage{0%,to{transform:scale(1.4)translate(30%,30%)}25%{transform:scale(1.2)translate(-25%,-8%)}50%{transform:scale(1.4)translate(0)}75%{transform:scale(1.2)translate(-8%,25%)}}.navbar{z-index:2;background-color:#282a2bbf;position:fixed;top:0;left:0;right:0;overflow:hidden}.navbar a{float:left;color:#fff;text-align:center;border-radius:4px;height:20px;margin:4px;padding:10px 14px;font-size:17px;transition:background-color 1s,color 1s}.navbar a.right{float:right}.mode-switch{cursor:pointer;float:right;border-radius:4px;margin:4px 4px 4px 0;padding:8px;transition:background-color 1s,fill 1s}.mode-switch.active,.navbar a.active{background-color:#ffffff13}.light-mode .mode-switch.active,.light-mode .navbar a.active{background-color:#00000013}.navbar a:not(:first-child){margin:4px 4px 4px 0}.icon-mobile{transition:background-color 1s,color 1s;display:none}@media screen and (width<=360px){.navbar a:not(:first-child){margin:4px;display:none}.icon-mobile{text-align:center;cursor:pointer;border-radius:4px;width:28px;height:28px;margin:4px 4px 4px 0;padding:6px;font-size:17px;line-height:24px;display:block;position:absolute;top:0;right:0}.navbar.responsive a{float:none;text-align:left;display:block}.mode-switch{position:absolute;top:0;right:44px}}.table-add:hover,.highlighted,.mode-switch:hover,.edit-button:hover,.navbar a:hover,.dropdown-toggle:hover,.dropdown-menu li:hover,button:hover,.menu-button:hover,.task-item:hover,.project-item:hover,.icon-mobile:hover{background-color:#ffffff1a;transition:background-color .25s,color 1s,fill 1s}.light-mode .table-add:hover,.light-mode .highlighted,.light-mode .mode-switch:hover,.light-mode .dropdown-toggle:hover,.light-mode .dropdown-menu li:hover,.light-mode button:hover,.light-mode .menu-button:hover,.light-mode .task-item:hover,.light-mode .project-item:hover,.light-mode .edit-button:hover,.light-mode .navbar a:hover,.light-mode .icon-mobile:hover{background-color:#0000001a;transition:background-color .25s,fill 1s}.light-mode .container-flex::-webkit-scrollbar-thumb:hover{background-color:#0000001a;transition:background-color .25s,fill 1s}.menu-grid{justify-content:center;align-items:center;width:100%;height:80%;display:flex}.menu{z-index:2;opacity:0;background-color:#282a2bbf;border-radius:8px;align-content:center;width:fit-content;max-width:calc(100% - 82px);margin:16px;padding:25px;animation:1s forwards slideIn-menu,1s forwards fadeIn}.small-menu{z-index:2;opacity:0;background-color:#282a2bbf;border-radius:8px;align-content:center;width:min(100% - 20px,436px);margin:16px;padding:32px 32px 18px;animation:1s forwards slideIn-menu,1s forwards fadeIn}.modal-menu{text-align:center;margin:32px 32px 18px}.error-banner{z-index:2;text-align:left;background-color:#ff2f2f;border-bottom-right-radius:24px;border-bottom-left-radius:24px;margin:0;padding:4px 24px;font-size:16px;position:fixed;top:48px;left:0;right:0;overflow:hidden}.v-enter-active,.v-leave-active{transition:opacity .25s}.v-enter-from,.v-leave-to{opacity:0}.menu-section{width:calc(100vw - 88px);min-height:257px}.task-item{cursor:pointer;background-color:#282a2bbf;border-radius:4px;align-items:center;width:calc(100% - 156px);margin:0 0 8px;padding:8px 148px 8px 8px;transition:background-color 1s;display:flex;position:relative}.task-sub{justify-content:center;align-items:center;display:flex}.task-image{object-fit:cover;object-position:top;border-radius:4px;width:80px;height:45px;margin:0 8px 0 0}.table{width:50%;overflow-y:auto}.table-row{width:max(600px,50vw - 43px);margin:2px 0 2px 2px;display:flex}.table-box{white-space:nowrap;border:2px solid #ffffff80;border-radius:4px;flex:1 0;min-width:70px;height:20px;margin-right:2px;padding:4px;transition:background-color 1s,color 1s;overflow:hidden}.table-input{border:2px solid #ffffff80;flex:1 0;margin:0 2px 0 0}.table-line-row{width:calc(100% - 2px);margin:2px 0 2px 2px;display:flex}.table-line{border:2px solid #ffffff80;border-radius:4px;width:100%;height:28px;margin-right:2px;position:relative}.table-add{cursor:pointer;border:2px solid #fff;border-radius:4px;justify-content:center;align-items:center;width:max(594px,50vw - 49px);height:28px;margin:2px 0 2px 2px;transition:background-color 1s,color 1s;display:flex}.box{justify-content:center;align-items:center;padding:8px;display:flex}.project-item{text-align:center;cursor:pointer;background-color:#282a2bbf;border-radius:15px;width:276px;height:263px;transition:background-color 1s,color 1s;overflow:hidden}.edit-button{cursor:pointer;border-radius:4px;margin:0 4px;padding:2px;transition:fill 1s,background-color 1s}.grid-image{object-fit:cover;object-position:top;border-radius:10px;width:256px;height:144px;margin:10px 0 0}button{cursor:pointer;color:#fff;background-color:#282a2bbf;border:none;border-radius:4px;margin:2px 4px;padding:8px;font-size:17px;transition:background-color 1s,color 1s}.menu-button{cursor:pointer;color:#fff;background-color:#282a2bbf;border-radius:4px;padding:8px;transition:background-color 1s,color 1s;animation:1s forwards fadeIn}.center{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.loader{border:6px solid #282a2b;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:.75s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spacer{border-bottom:1px solid #ffffff13;width:100%;margin:8px 0}.switcher-modal{background-color:#282a2b80;border-radius:2px;width:min(100vw - 48px,400px);height:400px;padding:16px;transition:background-color 1s,fill 1s}.light-mode .switcher-modal{background-color:#ffffff80}.switch-container{height:calc(100% - 32px);overflow-y:auto}.switcher-input{margin:0 0 4px}.switcher-item{border-radius:4px;margin:0 0 4px;padding:4px}.dropdown-toggle:hover,.dropdown-menu li:hover,.switcher-item:hover{background-color:#31343580}button:active,.project-item:active,.task-item:active,.menu-button:active{background-color:#ffffff13}.light-mode .spacer,.light-mode button:active,.light-mode .task-item:active,.light-mode .project-item:active,.light-mode .menu-button:active{background-color:#00000013}input{color:#fff;box-sizing:border-box;background-color:#3d3d3d40;border:1px solid #ccc;border-radius:4px;width:100%;margin:8px 0;padding:4px;font-size:16px}.light-mode input{background-color:#5b5b5b40}input:focus{outline:1px solid #fff}.toggle-container{flex-wrap:wrap;align-items:center;display:flex}.checkbox-container{align-items:center;margin:8px;display:flex}.checkbox-container input[type=checkbox]{display:none}.checkbox-container label{cursor:pointer;padding-left:28px;font-size:16px;position:relative}.checkbox-container label:before{content:"";box-sizing:border-box;background-color:#3d3d3d40;border:1px solid #ccc;border-radius:4px;width:20px;height:20px;position:absolute;top:0;left:0}.checkbox-container input[type=checkbox]:checked+label:before{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:16px;display:flex}.dropdown{width:120px;position:relative}.dropdown-gantt{flex:1 0;margin-right:2px;padding:0 6px;position:relative}.dropdown-fixed{width:120px;display:inline-block;position:absolute;right:12px}.dropdown-toggle{cursor:pointer;text-transform:capitalize;background-color:#212425;border-radius:4px;margin:4px 0;padding:8px;transition:background-color 1s}.dropdown-toggle-gantt{white-space:nowrap;cursor:pointer;border:2px solid #ffffff80;border-radius:4px;min-width:70px;height:20px;margin-right:2px;padding:4px 0;transition:background-color 1s,color 1s;position:relative;overflow:hidden}.dropdown-menu{z-index:1;background-color:#212425;border-radius:4px;width:112px;margin:0;padding:4px;list-style:none;transition:background-color 1s,border-color 10s;position:absolute;top:100%;left:0}.dropdown-menu li{cursor:pointer;text-transform:capitalize;border-radius:4px;padding:4px;transition:background-color 1s}@media only screen and (width<=720px){.task-item{width:calc(100% - 16px);padding-right:8px;display:block}.toggle-container{justify-content:center}.dropdown-fixed{position:relative;right:0}}a{color:#00a8fc;text-decoration:none}.medium{margin:4px;font-size:20px}.small{margin:8px 0}.text-small{color:#fff;text-align:left;font-size:10px}.text-medium{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:200px;height:19px;margin:0;overflow:hidden}.text-wrap-grey{color:#a9a9a9;text-overflow:ellipsis;white-space:nowrap;height:19px;margin:0;font-size:12px;overflow:hidden}.text-medium-grey{color:#a9a9a9;height:19px;margin:0;font-size:12px}.title{margin-top:12px;font-size:36px;animation:1s forwards slideIn,1s forwards fadeIn}.title-small{animation:1s forwards fadeIn}.title-sub{font-size:24px}.title-menu{word-break:break-word;font-size:36px;overflow:hidden}@keyframes slideIn{0%{margin-top:12px}to{margin-top:48px}}@keyframes slideIn-menu{0%{margin-top:0}to{margin-top:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-small,.switcher-item,.dropdown-toggle,.dropdown-menu li,p,label,input,.menu,.small-menu,.navbar{transition:background-color 1s,color 1s}.light-mode svg{fill:#000}.light-mode .table-box,.light-mode .table-add,.light-mode input,.light-mode .icon-mobile,.light-mode .dropdown-toggle,.light-mode .dropdown-toggle-gantt,.light-mode .dropdown-menu li,.light-mode button,.light-mode .menu-button,.light-mode .text-small,.light-mode p,.light-mode label,.light-mode .navbar a,.light-mode .switcher-item{color:#000}.light-mode input,.light-mode .menu,.light-mode .small-menu,.light-mode .dropdown-toggle,.light-mode .dropdown-menu,.light-mode button,.light-mode .menu-button,.light-mode .task-item,.light-mode .project-item,.light-mode .navbar{background-color:#fff9;transition:background-color 1s,color 1s}.model-background[data-v-36f8584d]{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.modal[data-v-36f8584d]{width:100%;height:100%;display:none;overflow-y:auto}.is-active[data-v-36f8584d]{justify-content:center;align-items:center;display:flex}