@charset "UTF-8";.app{position:absolute;left:0;top:0;display:flex;flex-direction:column;width:100%;height:100%}.main-wrapper{display:flex;flex-direction:row;flex:1;overflow:hidden}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.main-content{flex-grow:1}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.top-bar{width:100%;height:var(--top-bar-height);border-bottom:var(--border-width) solid var(--bars-border-color);color:var(--main-text-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.top-bar .top-bar-project-title-wrapper{display:flex;flex-direction:row;margin-right:30px;background-color:var(--page-background-color);padding:8px 20px;border-radius:3px}.top-bar .top-bar-project-title-wrapper .top-bar-project-title{font-size:17px;font-weight:500;color:#fff;display:flex;align-items:center;margin-top:-3px}.top-bar .top-bar-project-title-wrapper .top-bar-organization-title{font-size:17px;font-weight:500;color:#fff;margin-right:20px;display:flex;align-items:center;margin-top:-3px}.top-bar .top-bar-project-title-wrapper .project-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;margin-top:3px}.top-bar .top-bar-left-wrapper{display:flex;flex-direction:row;width:700px;height:var(--top-bar-height);background-color:var(--top-left-bar-background-color);align-items:center}.top-bar .top-bar-left-wrapper .top-bar-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;width:var(--left-side-bar-min-width);align-self:center}.top-bar .top-bar-left-wrapper .top-bar-title{font-size:25px;font-weight:700;margin-left:20px;color:#fff;margin-top:-3px}.top-bar .top-bar-left-wrapper .top-bar-title .title-blue{color:var(--activated-color)}.top-bar .top-bar-left-wrapper .top-bar-title .title-color-1{color:#5e5cb3}.top-bar .top-bar-left-wrapper .top-bar-title .title-color-2{color:#2382e4}.top-bar .top-bar-left-wrapper .top-bar-title .title-color-3{color:#f27a5e}.top-bar .top-bar-left-wrapper .top-bar-title .title-color-4{color:#fff}.top-bar .top-bar-left-wrapper .top-bar-title .somigo-seperator{font-size:30px;font-weight:400}.top-bar .top-bar-center{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%)}.top-bar .top-bar-right-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.top-bar .top-bar-right-wrapper .top-bar-right-projects{width:var(--left-side-bar-min-width);padding:10px 0;margin-right:0;display:flex;flex-direction:row;align-items:center;justify-content:center}.top-bar .top-bar-right-wrapper .top-bar-right-projects:hover{cursor:pointer;background-color:var(--top-left-bar-active-background-color)}.top-bar .top-bar-right-wrapper .top-bar-right-user{width:var(--left-side-bar-min-width);padding:10px 0;margin-right:10px;display:flex;flex-direction:row;align-items:center;justify-content:center}.top-bar .top-bar-right-wrapper .top-bar-right-user:hover{cursor:pointer;background-color:var(--top-left-bar-active-background-color)}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.user-settings-content{display:flex;flex-direction:column;gap:10px;padding:7px;color:#fff}.user-settings-content .user-settings-content{color:#fff}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.modal{background-color:var(--modal-background-color)!important;z-index:999;border-radius:6px;box-shadow:0 8px 16px #00000052;padding:0;border:1px solid rgb(23,23,23)}.modal.top-left:before{content:"";position:absolute;width:0;height:0;border-style:solid;top:-8px;left:20px;border-width:0 8px 8px 8px;border-color:transparent transparent rgb(23,23,23) transparent}.modal.top-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;top:-8px;left:calc(50% - 8px);border-width:0 8px 8px 8px;border-color:transparent transparent rgb(23,23,23) transparent}.modal.top-right:before{content:"";position:absolute;width:0;height:0;border-style:solid;top:-8px;right:20px;border-width:0 8px 8px 8px;border-color:transparent transparent rgb(23,23,23) transparent}.modal.left-top:before{content:"";position:absolute;width:0;height:0;border-style:solid;left:-8px;bottom:20px;border-width:8px 8px 8px 0;border-color:transparent var(--modal-background-color) transparent transparent}.modal.left-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;left:-8px;top:calc(50% - 8px);border-width:8px 8px 8px 0;border-color:transparent rgb(23,23,23) transparent transparent}.modal.left-bottom:before{content:"";position:absolute;width:0;height:0;border-style:solid;left:-8px;top:20px;border-width:8px 8px 8px 0;border-color:transparent var(--modal-background-color) transparent transparent}.modal.right-top:before{content:"";position:absolute;width:0;height:0;border-style:solid;right:-8px;bottom:20px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--modal-background-color)}.modal.right-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;right:-8px;top:calc(50% - 8px);border-width:8px 0 8px 8px;border-color:transparent transparent transparent rgb(23,23,23)}.modal.right-bottom:before{content:"";position:absolute;width:0;height:0;border-style:solid;right:-8px;top:20px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--modal-background-color)}.modal.bottom-left:before{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-8px;left:20px;border-width:8px 8px 0 8px;border-color:rgb(23,23,23) transparent transparent transparent}.modal.bottom-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-8px;left:calc(50% - 8px);border-width:8px 8px 0 8px;border-color:rgb(23,23,23) transparent transparent transparent}.modal.bottom-right:before{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-8px;right:20px;border-width:8px 8px 0 8px;border-color:rgb(23,23,23) transparent transparent transparent}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.tooltip.visible{opacity:1;display:block;transition:opacity .2s ease-in-out}.tooltip{background-color:#eee;z-index:999;border-radius:6px;box-shadow:0 8px 16px #00000052;padding:10px;opacity:0;transition:opacity .2s ease-in-out;color:#000;font-size:14px;display:none;pointer-events:none}.tooltip.top-left:before{content:"";position:absolute;width:0;height:0;border-style:solid;top:-8px;left:20px;border-width:0 8px 8px 8px;border-color:transparent transparent #eeeeee transparent}.tooltip.top-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;top:-8px;left:calc(50% - 8px);border-width:0 8px 8px 8px;border-color:transparent transparent #eeeeee transparent}.tooltip.top-right:before{content:"";position:absolute;width:0;height:0;border-style:solid;top:-8px;right:20px;border-width:0 8px 8px 8px;border-color:transparent transparent #eeeeee transparent}.tooltip.left-top:before{content:"";position:absolute;width:0;height:0;border-style:solid;left:-8px;bottom:20px;border-width:8px 8px 8px 0;border-color:transparent #eeeeee transparent transparent}.tooltip.left-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;left:-8px;top:calc(50% - 8px);border-width:8px 8px 8px 0;border-color:transparent #eeeeee transparent transparent}.tooltip.left-bottom:before{content:"";position:absolute;width:0;height:0;border-style:solid;left:-8px;top:20px;border-width:8px 8px 8px 0;border-color:transparent #eeeeee transparent transparent}.tooltip.right-top:before{content:"";position:absolute;width:0;height:0;border-style:solid;right:-8px;bottom:20px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #eeeeee}.tooltip.right-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;right:-8px;top:calc(50% - 8px);border-width:8px 0 8px 8px;border-color:transparent transparent transparent #eeeeee}.tooltip.right-bottom:before{content:"";position:absolute;width:0;height:0;border-style:solid;right:-8px;top:20px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #eeeeee}.tooltip.bottom-left:before{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-8px;left:20px;border-width:8px 8px 0 8px;border-color:#eeeeee transparent transparent transparent}.tooltip.bottom-center:before{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-8px;left:calc(50% - 8px);border-width:8px 8px 0 8px;border-color:#eeeeee transparent transparent transparent}.tooltip.bottom-right:before{content:"";position:absolute;width:0;height:0;border-style:solid;bottom:-8px;right:20px;border-width:8px 8px 0 8px;border-color:#eeeeee transparent transparent transparent}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.modal:has(.projects-modal-content){transition:transform .3s ease}.modal:has(.projects-modal-content.expanded){transform:translate(-200px)}.projects-modal-content{display:flex;flex-direction:column;color:var(--main-text-color);width:calc(var(--left-side-bar-min-width) + 450px);height:700px;background-color:var(--page-background-color);border-radius:8px;overflow:hidden;transition:width .3s ease}.projects-modal-content .color-picker-wrapper{margin-top:10px;width:90%;display:flex;justify-content:center;align-self:center;flex:1;align-items:flex-start}.projects-modal-content.expanded{width:calc(var(--left-side-bar-min-width) + 450px + 450px)}.projects-modal-content .title{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:600;padding:1rem;border-bottom:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color)}.projects-modal-content .title .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.projects-modal-content .title .close-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.projects-modal-content .title .close-button:hover{background-color:var(--top-left-bar-active-background-color)}.projects-modal-content .main-wrapper{flex:1;display:flex;flex-direction:row;overflow:hidden}.projects-modal-content .main-wrapper .left{width:calc(var(--left-side-bar-min-width) + 410px);flex-shrink:0;background-color:var(--page-background-color);position:relative;display:flex;flex-direction:column;padding:1.4rem;border-right:2px solid var(--modal-background-color)}.projects-modal-content .main-wrapper .left .search-container{position:relative;display:flex;align-items:center;margin-bottom:20px;width:100%}.projects-modal-content .main-wrapper .left .search-container .search-input{width:100%;height:35px;border:1px solid var(--bars-border-color);border-radius:5px;padding:5px 35px 5px 10px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);transition:border-color .2s ease,box-shadow .2s ease}.projects-modal-content .main-wrapper .left .search-container .search-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.projects-modal-content .main-wrapper .left .search-container .search-input::placeholder{color:var(--task-not-started-color)}.projects-modal-content .main-wrapper .left .search-container .search-icon{position:absolute;right:10px;font-size:20px;color:var(--task-not-started-color);pointer-events:none}.projects-modal-content .main-wrapper .left .search-container .search-icon[style*="cursor: pointer"]{pointer-events:auto;color:var(--main-text-color)}.projects-modal-content .main-wrapper .left .search-container .search-icon[style*="cursor: pointer"]:hover{color:var(--blue-button-color)}.projects-modal-content .main-wrapper .left .project-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;margin-bottom:10px;width:100%;padding:0}.projects-modal-content .main-wrapper .left .project-list .project-item{display:flex;align-items:center;padding:12px;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:2px;cursor:pointer;transition:all .2s ease}.projects-modal-content .main-wrapper .left .project-list .project-item:hover{box-shadow:0 2px 8px #00000026;background-color:var(--hovered-color)}.projects-modal-content .main-wrapper .left .project-list .project-item.selected{background-color:#2382e41a;border-color:var(--blue-button-color);box-shadow:0 2px 8px #00000026}.projects-modal-content .main-wrapper .left .project-list .project-item .project-color{width:15px;height:15px;border-radius:50%;margin-right:12px;flex-shrink:0}.projects-modal-content .main-wrapper .left .project-list .project-item .project-info{flex:1;display:flex;flex-direction:column;gap:4px}.projects-modal-content .main-wrapper .left .project-list .project-item .project-info .project-name{font-size:.95rem;font-weight:500;-webkit-user-select:none;user-select:none}.projects-modal-content .main-wrapper .left .project-list .project-item .project-info .project-members{font-size:.8rem;color:var(--task-not-started-color)}.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions{display:flex;gap:4px;margin-left:8px}.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions .action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:4px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions .action-button .material-symbols-outlined{font-size:18px;color:var(--main-text-color)}.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions .action-button:hover{background-color:var(--top-left-bar-active-background-color)}.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions .action-button.group-button:hover .material-symbols-outlined,.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions .action-button.edit-button:hover .material-symbols-outlined{color:var(--activated-color)}.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions .action-button.delete-button:hover{background-color:#e94b3c33}.projects-modal-content .main-wrapper .left .project-list .project-item .project-actions .action-button.delete-button:hover .material-symbols-outlined{color:var(--error-color)}.projects-modal-content .main-wrapper .left .add-project-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;background-color:var(--blue-button-color);color:#fff;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:auto}.projects-modal-content .main-wrapper .left .add-project-button .material-symbols-outlined{font-size:20px}.projects-modal-content .main-wrapper .left .add-project-button:hover{background-color:var(--activated-color);box-shadow:0 2px 8px #0003}.projects-modal-content .main-wrapper .left .add-project-button:active{transform:scale(.98)}.projects-modal-content .main-wrapper .right{width:0;overflow:hidden;background-color:var(--page-background-color);margin-left:0;display:flex;flex-direction:column;transition:width .3s ease,margin-left .3s ease;flex-shrink:0}.projects-modal-content .main-wrapper .right.active{width:440px;margin-left:15px}.projects-modal-content .main-wrapper .right .panel-header,.projects-modal-content .main-wrapper .right .panel-content,.projects-modal-content .main-wrapper .right .panel-footer{opacity:0;transition:opacity .2s ease;transition-delay:0s}.projects-modal-content .main-wrapper .right.active .panel-header,.projects-modal-content .main-wrapper .right.active .panel-content,.projects-modal-content .main-wrapper .right.active .panel-footer{opacity:1;transition-delay:.3s}.projects-modal-content .main-wrapper .right .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 26px 0 0;flex-shrink:0;background-color:var(--page-background-color)}.projects-modal-content .main-wrapper .right .panel-header .panel-title{font-size:1.25rem;font-weight:600;color:var(--main-text-color);margin:0;padding-bottom:15px}.projects-modal-content .main-wrapper .right .panel-header .close-panel-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease;margin-bottom:12px}.projects-modal-content .main-wrapper .right .panel-header .close-panel-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.projects-modal-content .main-wrapper .right .panel-header .close-panel-button:hover{background-color:var(--top-left-bar-active-background-color)}.projects-modal-content .main-wrapper .right .panel-content{flex:1;padding-right:35px;padding-left:8px;overflow-y:auto;overflow-x:hidden}.projects-modal-content .main-wrapper .right .panel-content .form-content{display:flex;flex-direction:column;gap:20px}.projects-modal-content .main-wrapper .right .panel-content .form-content p{margin:0;color:var(--main-text-color);line-height:1.5}.projects-modal-content .main-wrapper .right .panel-content .form-content .form-section{display:flex;flex-direction:column;gap:10px}.projects-modal-content .main-wrapper .right .panel-content .form-content .form-label{font-size:.9rem;font-weight:500;color:var(--main-text-color)}.projects-modal-content .main-wrapper .right .panel-content .form-content .form-input{width:100%;padding:10px;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:.9rem;box-sizing:border-box}.projects-modal-content .main-wrapper .right .panel-content .form-content .form-input:hover{background-color:var(--top-left-bar-background-color)}.projects-modal-content .main-wrapper .right .panel-content .form-content .form-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px;background-color:var(--top-left-bar-background-color)}.projects-modal-content .main-wrapper .right .panel-content .form-content .form-input::placeholder{color:var(--task-not-started-color)}.projects-modal-content .main-wrapper .right .panel-content .form-content .form-error{color:var(--error-color);font-size:.85rem;margin-top:-5px}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content{gap:24px}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section{display:flex;flex-direction:column;gap:12px}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .section-title{font-size:1rem;font-weight:600;color:var(--main-text-color);margin:0}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:8px}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .empty-message{color:var(--task-not-started-color);font-size:.9rem;text-align:center;padding:1rem 0}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:4px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item:hover{box-shadow:0 2px 8px #00000026;border-color:var(--activated-color)}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item.selected{border-color:var(--blue-button-color);box-shadow:0 2px 8px #0003;background-color:#2382e426}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item.current-user{cursor:not-allowed;opacity:.7}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item.current-user:hover{box-shadow:none;border-color:var(--task-line-color)}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item.current-user.selected{border-color:var(--blue-button-color);box-shadow:0 2px 8px #0003}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item .team-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item .user-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:600;flex-shrink:0}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item .group-item-name{flex:1;font-size:.9rem;color:var(--main-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 10px}.projects-modal-content .main-wrapper .right .panel-content .form-content.manage-group-content .group-section .group-list .group-item .role-badge{font-size:.75rem;padding:3px 8px;border-radius:12px;background-color:var(--blue-button-color);color:#fff;font-weight:500;flex-shrink:0}.projects-modal-content .main-wrapper .right .panel-footer{padding:1.5rem 15px;padding-right:35px;flex-shrink:0;background-color:var(--page-background-color)}.projects-modal-content .main-wrapper .right .panel-footer .form-buttons{display:flex;gap:10px}.projects-modal-content .main-wrapper .right .panel-footer .form-buttons button{flex:1;height:44px;padding:0 12px;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.projects-modal-content .main-wrapper .right .panel-footer .form-buttons .save-button{background-color:var(--blue-button-color);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.projects-modal-content .main-wrapper .right .panel-footer .form-buttons .save-button:hover{background-color:var(--activated-color);box-shadow:0 2px 8px #0003}.projects-modal-content .main-wrapper .right .panel-footer .form-buttons .cancel-button{background-color:var(--gray-button-color);color:#fff}.projects-modal-content .main-wrapper .right .panel-footer .form-buttons .cancel-button:hover{background-color:var(--gray-button-hover-color)}.projects-modal-content .main-wrapper .right .panel-footer .delete-actions{display:flex;gap:10px}.projects-modal-content .main-wrapper .right .panel-footer .delete-actions button{flex:1;height:44px;padding:0 12px;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.projects-modal-content .main-wrapper .right .panel-footer .delete-actions .confirm-delete-button{background-color:var(--error-color);color:#fff}.projects-modal-content .main-wrapper .right .panel-footer .delete-actions .confirm-delete-button:hover{background-color:#c23b2f;box-shadow:0 2px 8px #0003}.projects-modal-content .main-wrapper .right .panel-footer .delete-actions .cancel-button{background-color:var(--task-line-color);color:var(--main-text-color)}.projects-modal-content .main-wrapper .right .panel-footer .delete-actions .cancel-button:hover{background-color:var(--hovered-color)}.projects-modal-content .main-wrapper .right .invite-form .form-section{margin-bottom:16px}.projects-modal-content .main-wrapper .right .invite-form .form-section .form-label{margin-bottom:8px}.projects-modal-content .main-wrapper .right .invite-form .form-section .form-input{width:100%;padding:10px 12px;border:1px solid var(--bars-border-color);border-radius:5px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.projects-modal-content .main-wrapper .right .invite-form .form-section .form-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.projects-modal-content .main-wrapper .right .invite-form .form-section .form-input::placeholder{color:var(--task-not-started-color)}.projects-modal-content .main-wrapper .right .invite-form .form-section .form-textarea{width:calc(100% - 28px);border:1px solid var(--bars-border-color);border-radius:5px;padding:12px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;min-height:80px}.projects-modal-content .main-wrapper .right .invite-form .form-section .form-textarea:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.projects-modal-content .main-wrapper .right .invite-form .form-section .form-textarea::placeholder{color:var(--task-not-started-color)}.projects-modal-content .main-wrapper .right .invite-form .invite-notice{margin-top:15px;padding:10px;background-color:var(--task-line-color);border-radius:5px;font-size:14px;color:var(--main-text-color);opacity:.8;line-height:1.5}.projects-modal-content .main-wrapper .right .pending-badge{background-color:#999;color:#fff;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:500}.projects-modal-content .main-wrapper .right .group-item.pending{opacity:.6;cursor:not-allowed}.projects-modal-content .main-wrapper .right .group-item.pending:hover{background-color:transparent}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.color-picker{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:8px;padding:12px;border-radius:6px;width:100%;margin:0 auto}.color-picker .color-option{width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.color-picker .color-option:hover{transform:scale(1.1)}.color-picker .color-option.selected{border:2px solid var(--main-text-color);box-shadow:0 0 0 2px var(--modal-background-color)}.empty-state-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--main-text-color);font-size:18px;text-align:center;opacity:.6}.empty-state-placeholder .empty-state-bottom-text{font-size:14px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.modal:has(.people-modal-content){transition:transform .3s ease}.modal:has(.people-modal-content.expanded){transform:translate(-200px)}.people-modal-content{display:flex;flex-direction:column;color:var(--main-text-color);width:calc(var(--left-side-bar-min-width) + 450px);height:600px;background-color:var(--modal-background-color);border-radius:8px;overflow:hidden;transition:width .3s ease}.people-modal-content .color-picker-wrapper{margin-top:20px;width:90%;display:flex;justify-content:center;align-self:center;flex:1;align-items:flex-start}.people-modal-content.expanded{width:calc(var(--left-side-bar-min-width) + 450px + 400px)}.people-modal-content .title{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:600;padding:1rem;border-bottom:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color)}.people-modal-content .title .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.people-modal-content .title .close-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.people-modal-content .title .close-button:hover{background-color:var(--top-left-bar-active-background-color)}.people-modal-content .main-wrapper{flex:1;display:flex;flex-direction:row;overflow:auto}.people-modal-content .main-wrapper .left{display:flex;flex-direction:column;width:var(--left-side-bar-min-width);border-right:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color)}.people-modal-content .main-wrapper .left .button{height:var(--left-side-bar-min-width);border-bottom:var(--border-width) solid var(--bars-border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.people-modal-content .main-wrapper .left .button:hover{background-color:var(--top-left-bar-active-background-color)}.people-modal-content .main-wrapper .left .button.active{background-color:var(--top-left-bar-active-background-color);border-bottom:var(--border-width) solid var(--activated-color)}.people-modal-content .main-wrapper .right{flex:1;display:flex;flex-direction:row;background-color:var(--page-background-color);overflow:hidden}.people-modal-content .main-wrapper .right .left-column{width:450px;flex-shrink:0;background-color:var(--page-background-color);position:relative;display:flex;flex-direction:column}.people-modal-content .main-wrapper .right .left-column .search-row{padding:1rem;flex-shrink:0}.people-modal-content .main-wrapper .right .left-column .search-row .search-container{position:relative;display:flex;align-items:center}.people-modal-content .main-wrapper .right .left-column .search-row .search-container .search-input{width:100%;height:35px;border:1px solid var(--bars-border-color);border-radius:5px;padding:5px 35px 5px 10px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);transition:border-color .2s ease,box-shadow .2s ease}.people-modal-content .main-wrapper .right .left-column .search-row .search-container .search-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.people-modal-content .main-wrapper .right .left-column .search-row .search-container .search-input::placeholder{color:var(--task-not-started-color)}.people-modal-content .main-wrapper .right .left-column .search-row .search-container .search-icon{position:absolute;right:10px;font-size:20px;color:var(--task-not-started-color);pointer-events:none}.people-modal-content .main-wrapper .right .left-column .list-row{flex:1;overflow-y:auto;padding:0 .5rem 0 1rem;margin-right:.5rem;display:flex;flex-direction:column;gap:8px}.people-modal-content .main-wrapper .right .left-column .list-row .loading-message,.people-modal-content .main-wrapper .right .left-column .list-row .empty-message{text-align:center;padding:2rem 1rem;color:var(--task-not-started-color);font-size:14px}.people-modal-content .main-wrapper .right .left-column .action-row{display:flex;align-items:center;padding:1rem;flex-shrink:0}.people-modal-content .main-wrapper .right .left-column .action-row .add-team-button,.people-modal-content .main-wrapper .right .left-column .action-row .invite-person-button{width:100%;height:42px;background-color:var(--blue-button-color);color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.people-modal-content .main-wrapper .right .left-column .action-row .add-team-button:hover,.people-modal-content .main-wrapper .right .left-column .action-row .invite-person-button:hover{background-color:var(--blue-button-hover-color);box-shadow:0 2px 8px #0003}.people-modal-content .main-wrapper .right .left-column:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background-color:var(--modal-background-color)}.people-modal-content .main-wrapper .right .right-column{width:0;overflow:hidden;background-color:var(--page-background-color);margin-left:0;display:flex;flex-direction:column;transition:width .3s ease,margin-left .3s ease;flex-shrink:0}.people-modal-content .main-wrapper .right .right-column .column-content{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden}.people-modal-content .main-wrapper .right .right-column .column-content .content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.people-modal-content .main-wrapper .right .right-column .column-content .content-header h3{font-size:1.25rem;font-weight:600;color:var(--main-text-color);margin:0}.people-modal-content .main-wrapper .right .right-column .column-content .content-header .close-panel-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease;margin-right:-4px}.people-modal-content .main-wrapper .right .right-column .column-content .content-header .close-panel-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .content-header .close-panel-button:hover{background-color:var(--top-left-bar-active-background-color)}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form{display:flex;flex-direction:column;height:100%}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content{flex:1;display:flex;flex-direction:column;gap:16px}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .email-input,.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .flow-text-input-container{width:calc(100% - 25px)}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .email-input .flow-text-input,.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .flow-text-input-container .flow-text-input{width:100%}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .note-textarea{width:calc(100% - 29px);border:1px solid var(--bars-border-color);border-radius:5px;padding:12px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;min-height:80px}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .note-textarea:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .note-textarea::placeholder{color:var(--task-not-started-color)}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field.checkbox-field .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field.checkbox-field .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--blue-button-color)}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field.checkbox-field .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field.checkbox-field .checkbox-label span{-webkit-user-select:none;user-select:none}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .form-select{width:100%;padding:14px 48px 14px 12px;border:1px solid var(--bars-border-color);border-radius:5px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .form-select:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .form-select:disabled{cursor:not-allowed;opacity:.5;background-color:var(--modal-background-color)}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .form-field .form-select option{background-color:var(--modal-background-color);color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .invite-content .invite-notice{font-size:14px;color:var(--task-not-started-color);margin:0;line-height:1.5}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .action-row{display:flex;flex-shrink:0}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .action-row .send-invite-button{width:100%;height:42px;background-color:var(--blue-button-color);color:#fff;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-8px}.people-modal-content .main-wrapper .right .right-column .column-content .invite-form .action-row .send-invite-button:hover{background-color:var(--blue-button-hover-color);box-shadow:0 2px 8px #0003}.people-modal-content .main-wrapper .right .right-column .column-content .team-details{display:flex;flex-direction:column;height:100%}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-right:-5px}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .color-picker-section .palette-button{display:flex;align-items:center;gap:2px;border:none;border-radius:4px;padding:11px 8px;cursor:pointer;transition:all .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .color-picker-section .palette-button .material-symbols-outlined{font-size:20px}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .color-picker-section .palette-button .chevron{font-size:16px}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .color-picker-section .palette-button:hover{opacity:.9}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .close-panel-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .close-panel-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .close-panel-button:hover{background-color:transparent}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .team-name-input{flex:1;height:42px;border:1px solid var(--bars-border-color);border-radius:5px;padding:0 12px;font-size:16px;font-weight:500;color:var(--main-text-color);background-color:var(--task-background-color);transition:border-color .2s ease,box-shadow .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-header-row .team-name-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-members-section{flex:1;overflow-y:auto;margin-top:1.5rem;margin-bottom:1.5rem;padding-right:.5rem;margin-right:.5rem}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .team-members-section .members-list{display:flex;flex-direction:column;gap:8px}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .action-buttons{display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .action-buttons .cancel-button,.people-modal-content .main-wrapper .right .right-column .column-content .team-details .action-buttons .save-button{padding:0 24px;height:42px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .action-buttons .cancel-button{background-color:transparent;border:1px solid var(--bars-border-color);color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .action-buttons .cancel-button:hover{background-color:var(--top-left-bar-active-background-color)}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .action-buttons .save-button{background-color:var(--blue-button-color);color:#fff}.people-modal-content .main-wrapper .right .right-column .column-content .team-details .action-buttons .save-button:hover{background-color:var(--blue-button-hover-color);box-shadow:0 2px 8px #0003}.people-modal-content .main-wrapper .right .right-column .column-content .person-details{display:flex;flex-direction:column;height:100%}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .person-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .person-content .admin-info{font-size:14px;color:var(--main-text-color);line-height:1.6;margin:0;margin-top:1rem}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .person-content .admin-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .person-content .admin-checkbox-label .admin-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--blue-button-color)}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .person-content .admin-checkbox-label span{font-size:16px;color:var(--main-text-color);font-weight:500}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .action-buttons{display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .action-buttons .cancel-button,.people-modal-content .main-wrapper .right .right-column .column-content .person-details .action-buttons .save-button{padding:0 24px;height:42px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .action-buttons .cancel-button{background-color:transparent;border:1px solid var(--bars-border-color);color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .action-buttons .cancel-button:hover{background-color:var(--top-left-bar-active-background-color)}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .action-buttons .save-button{background-color:var(--blue-button-color);color:#fff}.people-modal-content .main-wrapper .right .right-column .column-content .person-details .action-buttons .save-button:hover{background-color:var(--blue-button-hover-color);box-shadow:0 2px 8px #0003}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation{display:flex;flex-direction:column;height:100%}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .confirmation-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .confirmation-content .confirmation-message{font-size:16px;color:var(--main-text-color);line-height:1.6;margin:0;text-align:center}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .confirmation-content .confirmation-message strong{font-weight:600;color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .action-buttons{display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .action-buttons .cancel-button,.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .action-buttons .remove-button{padding:0 24px;height:42px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .action-buttons .cancel-button{background-color:transparent;border:1px solid var(--bars-border-color);color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .action-buttons .cancel-button:hover{background-color:var(--top-left-bar-active-background-color)}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .action-buttons .remove-button{background-color:#d32f2f;color:#fff}.people-modal-content .main-wrapper .right .right-column .column-content .remove-person-confirmation .action-buttons .remove-button:hover{background-color:#b71c1c;box-shadow:0 2px 8px #d32f2f4d}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation{display:flex;flex-direction:column;height:100%}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .confirmation-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .confirmation-content .confirmation-message{font-size:16px;color:var(--main-text-color);line-height:1.6;margin:0;text-align:center}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .confirmation-content .confirmation-message strong{font-weight:600;color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .action-buttons{display:flex;gap:10px;flex-shrink:0}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .action-buttons button{flex:1;height:44px;padding:0 12px;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .action-buttons .remove-button{background-color:var(--error-color);color:#fff}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .action-buttons .remove-button:hover{background-color:#c23b2f;box-shadow:0 2px 8px #0003}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .action-buttons .cancel-button{background-color:var(--task-line-color);color:var(--main-text-color)}.people-modal-content .main-wrapper .right .right-column .column-content .remove-team-confirmation .action-buttons .cancel-button:hover{background-color:var(--gray-button-hover-color)}.people-modal-content.expanded .main-wrapper .right .right-column{width:400px;margin-left:2px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.team-item{display:flex;align-items:center;gap:16px;padding:12px;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.team-item:hover{box-shadow:0 2px 8px #00000026;border-color:var(--activated-color)}.team-item.selected{border-color:var(--blue-button-color);box-shadow:0 2px 8px #0003}.team-item .color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.team-item .team-info{flex:1}.team-item .team-name{font-weight:500;color:var(--main-text-color);margin-bottom:4px}.team-item .team-members{font-size:12px;color:var(--task-not-started-color)}.team-item .delete-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.team-item .delete-button .material-symbols-outlined{font-size:20px;color:var(--task-not-started-color)}.team-item .delete-button:hover{background-color:var(--error-color)}.team-item .delete-button:hover .material-symbols-outlined{color:var(--main-text-color)}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.person-item{display:flex;align-items:center;gap:16px;padding:8px 12px;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:4px;cursor:pointer;transition:all .2s ease}.person-item:hover{box-shadow:0 2px 8px #00000026;border-color:var(--activated-color)}.person-item.selected{border-color:var(--blue-button-color);box-shadow:0 2px 8px #0003;background-color:#2382e426}.person-item.current-user{cursor:not-allowed}.person-item.current-user:hover{box-shadow:none;border-color:var(--task-line-color)}.person-item .role-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.person-item .role-indicator.admin{background-color:#4f9a4d}.person-item .role-indicator.member,.person-item .role-indicator.user{background-color:#4576b4}.person-item .role-indicator.pending{background-color:#7c8a97}.person-item .person-info{display:flex;align-items:center;gap:6px;flex:1}.person-item .person-name{font-weight:500;color:var(--main-text-color)}.person-item .role-label{font-size:12px;font-style:italic;color:var(--task-not-started-color)}.person-item .person-role{font-size:12px;color:var(--task-not-started-color)}.person-item .delete-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:auto}.person-item .delete-button .material-symbols-outlined{font-size:18px;color:var(--task-not-started-color)}.person-item .delete-button:hover{background-color:#d32f2f1a}.person-item .delete-button:hover .material-symbols-outlined{color:#d32f2f}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.flow-text-input-container{position:relative;display:inline-block}.flow-text-input-container .flow-text-input{width:120px;height:30px;border:1px solid var(--bars-border-color);border-radius:5px;padding:5px 35px 5px 10px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);transition:border-color .2s ease,outline .2s ease,width .3s ease}.flow-text-input-container .flow-text-input.expandable:focus{outline:2px solid var(--blue-button-color);outline-offset:-1px;width:300px}.flow-text-input-container .flow-text-input:not(.expandable):focus{outline:2px solid var(--blue-button-color);outline-offset:-1px}.flow-text-input-container .flow-text-input::placeholder{color:var(--task-not-started-color)}.flow-text-input-container.no-icon .flow-text-input{padding:5px 10px}.flow-text-input-container .flow-text-input-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--task-not-started-color);pointer-events:none}.flow-text-input-container .flow-text-input-icon[style*="cursor: pointer"]{pointer-events:auto;color:var(--main-text-color)}.flow-text-input-container .flow-text-input-icon[style*="cursor: pointer"]:hover{color:var(--blue-button-color)}.spinner .backdrop{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:var(--spinner-backdrop-background-color);z-index:1000;gap:20px}.spinner .spinner-text{color:var(--main-text-color);font-size:14px;margin:0;text-align:center}.spinner .loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:var(--spinner-color)}.spinner .loader:before,.spinner .loader:after{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:1s spin linear infinite}.spinner .loader:after{color:var(--activated-color);transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.modal:has(.organizations-modal-content){transition:transform .3s ease}.modal:has(.organizations-modal-content.expanded){transform:translate(-200px)}.organizations-modal-content{display:flex;flex-direction:column;color:var(--main-text-color);width:450px;height:650px;background-color:var(--modal-background-color);border-radius:8px;overflow:hidden;transition:width .3s ease}.organizations-modal-content .color-picker-wrapper{margin-top:20px;width:90%;display:flex;justify-content:center;align-self:center;flex:1;align-items:flex-start}.organizations-modal-content.expanded{width:850px}.organizations-modal-content .title{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:600;padding:1rem;border-bottom:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color)}.organizations-modal-content .title .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.organizations-modal-content .title .close-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.organizations-modal-content .title .close-button:hover{background-color:var(--top-left-bar-active-background-color)}.organizations-modal-content .main-wrapper{flex:1;display:flex;flex-direction:row;overflow:hidden}.organizations-modal-content .main-wrapper .left{width:425px;flex-shrink:0;background-color:var(--page-background-color);position:relative;display:flex;flex-direction:column;padding:1rem 0 1.5rem 1.5rem}.organizations-modal-content .main-wrapper .left .search-container{position:relative;display:flex;align-items:center;margin-bottom:20px;margin-top:5px;width:calc(100% - 25px)}.organizations-modal-content .main-wrapper .left .search-container .search-input{width:100%;height:35px;border:1px solid var(--bars-border-color);border-radius:5px;padding:5px 35px 5px 10px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);transition:border-color .2s ease,box-shadow .2s ease}.organizations-modal-content .main-wrapper .left .search-container .search-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.organizations-modal-content .main-wrapper .left .search-container .search-input::placeholder{color:var(--task-not-started-color)}.organizations-modal-content .main-wrapper .left .search-container .search-icon{position:absolute;right:10px;font-size:20px;color:var(--task-not-started-color);pointer-events:none}.organizations-modal-content .main-wrapper .left .search-container .search-icon[style*="cursor: pointer"]{pointer-events:auto;color:var(--main-text-color)}.organizations-modal-content .main-wrapper .left .search-container .search-icon[style*="cursor: pointer"]:hover{color:var(--blue-button-color)}.organizations-modal-content .main-wrapper .left .organization-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;margin-bottom:10px;width:calc(100% - 25px)}.organizations-modal-content .main-wrapper .left .organization-list .organization-item{display:flex;align-items:center;padding:12px;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:2px;cursor:pointer;transition:all .2s ease}.organizations-modal-content .main-wrapper .left .organization-list .organization-item:hover{box-shadow:0 2px 8px #00000026;background-color:var(--hovered-color)}.organizations-modal-content .main-wrapper .left .organization-list .organization-item.selected{background-color:#2382e41a;border-color:var(--blue-button-color);box-shadow:0 2px 8px #00000026}.organizations-modal-content .main-wrapper .left .organization-list .organization-item.current{border:2px solid var(--blue-button-color);background-color:var(--hovered-color)}.organizations-modal-content .main-wrapper .left .organization-list .organization-item.current .organization-name{font-weight:600}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-color{width:15px;height:15px;border-radius:50%;margin-right:12px;flex-shrink:0}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-info{flex:1;display:flex;flex-direction:column;gap:4px}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-info .organization-name{font-size:.95rem;font-weight:500;-webkit-user-select:none;user-select:none}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-info .organization-stats{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--task-not-started-color)}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-info .organization-stats .stat-separator{opacity:.5}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-info .organization-members,.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-info .organization-projects{font-size:.8rem;color:var(--task-not-started-color)}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-actions{display:flex;gap:4px;margin-left:8px}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-actions .action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:4px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-actions .action-button .material-symbols-outlined{font-size:18px;color:var(--main-text-color)}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-actions .action-button:hover{background-color:var(--top-left-bar-active-background-color)}.organizations-modal-content .main-wrapper .left .organization-list .organization-item .organization-actions .action-button.edit-button:hover .material-symbols-outlined{color:var(--activated-color)}.organizations-modal-content .main-wrapper .left .add-organization-button{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 25px);height:44px;padding:0 12px;background-color:var(--blue-button-color);color:#fff;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:auto}.organizations-modal-content .main-wrapper .left .add-organization-button .material-symbols-outlined{font-size:20px}.organizations-modal-content .main-wrapper .left .add-organization-button:hover{background-color:var(--activated-color);box-shadow:0 2px 8px #0003}.organizations-modal-content .main-wrapper .left .add-organization-button:active{transform:scale(.98)}.organizations-modal-content .main-wrapper .right{width:0;overflow:hidden;background-color:var(--page-background-color);margin-left:0;display:flex;flex-direction:column;transition:width .3s ease,margin-left .3s ease;flex-shrink:0}.organizations-modal-content .main-wrapper .right.active{width:392px;padding-left:15px;margin-left:3px}.organizations-modal-content .main-wrapper .right .panel-header,.organizations-modal-content .main-wrapper .right .panel-content,.organizations-modal-content .main-wrapper .right .panel-footer{opacity:0;transition:opacity .2s ease;transition-delay:0s}.organizations-modal-content .main-wrapper .right.active .panel-header,.organizations-modal-content .main-wrapper .right.active .panel-content,.organizations-modal-content .main-wrapper .right.active .panel-footer{opacity:1;transition-delay:.3s}.organizations-modal-content .main-wrapper .right .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 26px 0 0;flex-shrink:0;background-color:var(--page-background-color)}.organizations-modal-content .main-wrapper .right .panel-header .panel-title{font-size:1.25rem;font-weight:600;color:var(--main-text-color);margin:0;padding-bottom:15px}.organizations-modal-content .main-wrapper .right .panel-header .close-panel-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease;margin-bottom:12px}.organizations-modal-content .main-wrapper .right .panel-header .close-panel-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.organizations-modal-content .main-wrapper .right .panel-header .close-panel-button:hover{background-color:var(--top-left-bar-active-background-color)}.organizations-modal-content .main-wrapper .right .panel-content{flex:1;padding-right:35px;padding-left:8px;overflow-y:auto;overflow-x:hidden}.organizations-modal-content .main-wrapper .right .panel-content .form-content{display:flex;flex-direction:column;gap:20px}.organizations-modal-content .main-wrapper .right .panel-content .form-content p{margin:0;color:var(--main-text-color);line-height:1.5}.organizations-modal-content .main-wrapper .right .panel-content .form-content .form-section{display:flex;flex-direction:column;gap:10px}.organizations-modal-content .main-wrapper .right .panel-content .form-content .form-label{font-size:.9rem;font-weight:500;color:var(--main-text-color)}.organizations-modal-content .main-wrapper .right .panel-content .form-content .org-detail{font-size:.95rem;color:var(--main-text-color);padding:10px 0}.organizations-modal-content .main-wrapper .right .panel-content .form-content .color-preview{width:40px;height:40px;border-radius:50%;border:2px solid var(--bars-border-color)}.organizations-modal-content .main-wrapper .right .panel-content .form-content .form-input{width:100%;padding:10px;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:.9rem;box-sizing:border-box}.organizations-modal-content .main-wrapper .right .panel-content .form-content .form-input:hover{background-color:var(--top-left-bar-background-color)}.organizations-modal-content .main-wrapper .right .panel-content .form-content .form-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px;background-color:var(--top-left-bar-background-color)}.organizations-modal-content .main-wrapper .right .panel-content .form-content .form-input::placeholder{color:var(--task-not-started-color)}.organizations-modal-content .main-wrapper .right .panel-content .form-content .form-error{color:var(--error-color);font-size:.85rem;margin-top:-5px}.organizations-modal-content .main-wrapper .right .panel-footer{padding:0 1.5rem 1.5rem 0;flex-shrink:0;background-color:var(--page-background-color)}.organizations-modal-content .main-wrapper .right .panel-footer .form-buttons{display:flex;gap:10px}.organizations-modal-content .main-wrapper .right .panel-footer .form-buttons button{flex:1;height:44px;padding:0 12px;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.organizations-modal-content .main-wrapper .right .panel-footer .form-buttons .save-button{background-color:var(--blue-button-color);color:#fff}.organizations-modal-content .main-wrapper .right .panel-footer .form-buttons .save-button:hover{background-color:var(--activated-color);box-shadow:0 2px 8px #0003}.organizations-modal-content .main-wrapper .right .panel-footer .form-buttons .cancel-button{background-color:var(--gray-button-color);color:#fff}.organizations-modal-content .main-wrapper .right .panel-footer .form-buttons .cancel-button:hover{background-color:var(--gray-button-hover-color)}.organizations-modal-content .main-wrapper .right .panel-footer .delete-actions{display:flex;gap:10px}.organizations-modal-content .main-wrapper .right .panel-footer .delete-actions button{flex:1;height:44px;padding:0 12px;border:none;border-radius:5px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.organizations-modal-content .main-wrapper .right .panel-footer .delete-actions .confirm-delete-button{background-color:var(--error-color);color:#fff}.organizations-modal-content .main-wrapper .right .panel-footer .delete-actions .confirm-delete-button:hover{background-color:#c23b2f;box-shadow:0 2px 8px #0003}.organizations-modal-content .main-wrapper .right .panel-footer .delete-actions .cancel-button{background-color:var(--task-line-color);color:var(--main-text-color)}.organizations-modal-content .main-wrapper .right .panel-footer .delete-actions .cancel-button:hover{background-color:var(--hovered-color)}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.super-search-modal-content{position:relative;display:flex;flex-direction:column;color:var(--main-text-color);width:600px;height:700px;background-color:var(--page-background-color);border-radius:8px;overflow:hidden}.super-search-modal-content .navigation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1000}.super-search-modal-content .navigation-overlay .navigation-text{color:#fff;font-size:1rem;font-weight:500}.super-search-modal-content .title{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:600;padding:1rem;border-bottom:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color)}.super-search-modal-content .title .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.super-search-modal-content .title .close-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.super-search-modal-content .title .close-button:hover{background-color:var(--top-left-bar-active-background-color)}.super-search-modal-content .main-wrapper{display:flex;flex-direction:column;flex:1;padding:1.4rem 0 1.4rem 1.4rem;overflow:hidden}.super-search-modal-content .main-wrapper .search-container{position:relative;display:flex;align-items:center;margin-bottom:20px;margin-right:1.4rem;width:calc(100% - 1.4rem)}.super-search-modal-content .main-wrapper .search-container .search-input{width:100%;height:35px;border:1px solid var(--bars-border-color);border-radius:5px;padding:5px 35px 5px 10px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);transition:border-color .2s ease,box-shadow .2s ease}.super-search-modal-content .main-wrapper .search-container .search-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px}.super-search-modal-content .main-wrapper .search-container .search-input::placeholder{color:var(--task-not-started-color)}.super-search-modal-content .main-wrapper .search-container .search-icon{position:absolute;right:10px;font-size:20px;color:var(--task-not-started-color);pointer-events:none}.super-search-modal-content .main-wrapper .search-container .search-icon[style*="cursor: pointer"]{pointer-events:auto;color:var(--main-text-color)}.super-search-modal-content .main-wrapper .search-container .search-icon[style*="cursor: pointer"]:hover{color:var(--blue-button-color)}.super-search-modal-content .main-wrapper .search-results{flex:1;overflow-y:auto;padding:.5rem 1.4rem .5rem 0}.super-search-modal-content .main-wrapper .search-results::-webkit-scrollbar{width:8px}.super-search-modal-content .main-wrapper .search-results::-webkit-scrollbar-track{background:transparent}.super-search-modal-content .main-wrapper .search-results::-webkit-scrollbar-thumb{background-color:var(--bars-border-color);border-radius:4px}.super-search-modal-content .main-wrapper .search-results::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-text-color)}.super-search-modal-content .main-wrapper .search-results .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--secondary-text-color)}.super-search-modal-content .main-wrapper .search-results .loading-container .loading-text{font-size:.9rem}.super-search-modal-content .main-wrapper .search-results .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--secondary-text-color);text-align:center}.super-search-modal-content .main-wrapper .search-results .no-results .material-symbols-outlined{font-size:3rem;opacity:.5}.super-search-modal-content .main-wrapper .search-results .no-results p{margin:0;font-size:.95rem}.super-search-modal-content .main-wrapper .search-results .empty-state-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.super-search-modal-content .main-wrapper .search-results .results-category{margin-bottom:1.5rem}.super-search-modal-content .main-wrapper .search-results .results-category:last-child{margin-bottom:0}.super-search-modal-content .main-wrapper .search-results .results-category .category-title{font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--secondary-text-color);margin:0 0 .75rem;padding:0 .5rem;letter-spacing:.5px}.super-search-modal-content .main-wrapper .search-results .results-category .results-list{display:flex;flex-direction:column;gap:.5rem}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item{background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:5px;padding:.875rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:flex-start}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item:hover{background-color:var(--hovered-color);border-color:var(--blue-button-color);box-shadow:0 2px 8px #0000001a}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item.selected{background-color:var(--hovered-color);border-color:var(--blue-button-color);box-shadow:0 2px 8px #00000026}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;width:100%}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-header .result-title{font-weight:500;font-size:.95rem;color:var(--main-text-color);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-header .status-badge{font-size:.75rem;padding:3px 8px;border-radius:12px;font-weight:500;text-transform:capitalize;flex-shrink:0}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-header .status-badge.not-started{background-color:#9e9e9e33;color:var(--task-not-started-color)}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-header .status-badge.in-progress{background-color:#2196f333;color:var(--blue-button-color)}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-header .status-badge.done{background-color:#4caf5033;color:var(--task-done-color)}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-description{font-size:.85rem;color:var(--secondary-text-color);margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;width:100%}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-meta{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-meta .meta-item{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--secondary-text-color)}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .result-item .result-meta .meta-item .material-symbols-outlined{font-size:1rem}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .task-item{border-left:3px solid var(--blue-button-color)}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .note-item{border-left:3px solid var(--activated-color)}.super-search-modal-content .main-wrapper .search-results .results-category .results-list .note-item .result-header,.super-search-modal-content .main-wrapper .search-results .results-category .results-list .note-item .result-description{margin-bottom:0}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.user-settings-modal-content{display:flex;flex-direction:column;color:var(--main-text-color);width:400px;background-color:var(--modal-background-color);border-radius:8px;overflow:hidden}.user-settings-modal-content .title{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:600;padding:1rem;border-bottom:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color)}.user-settings-modal-content .title .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.user-settings-modal-content .title .close-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.user-settings-modal-content .title .close-button:hover{background-color:var(--hover-background-color)}.user-settings-modal-content .main-wrapper{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem}.user-settings-modal-content .main-wrapper .form-section{display:flex;flex-direction:column;gap:1.25rem}.user-settings-modal-content .main-wrapper .form-section .form-group{display:flex;flex-direction:column;gap:.5rem}.user-settings-modal-content .main-wrapper .form-section .form-group label{font-size:.875rem;font-weight:500;color:var(--main-text-color)}.user-settings-modal-content .main-wrapper .form-section .form-group .flow-text-input-container{width:100%}.user-settings-modal-content .main-wrapper .form-section .form-group .flow-text-input-container.no-icon .flow-text-input{width:calc(100% - 30px);padding-left:.875rem;padding-right:.875rem;height:42px;font-size:.9375rem;border:1px solid var(--bars-border-color);border-radius:8px;transition:all .2s ease}.user-settings-modal-content .main-wrapper .form-section .form-group .flow-text-input-container.no-icon .flow-text-input:focus{border-color:#2196f3;background-color:var(--modal-background-color);outline:none;box-shadow:0 0 0 3px #2196f31a}.user-settings-modal-content .main-wrapper .form-section .form-group .flow-text-input-container.no-icon .flow-text-input::placeholder{color:var(--placeholder-text-color);opacity:.5}.user-settings-modal-content .main-wrapper .form-section .form-group .form-input{padding:.625rem .75rem;border:1px solid var(--bars-border-color);border-radius:4px;background-color:var(--input-background-color);color:var(--main-text-color);font-size:.875rem;outline:none;transition:border-color .2s ease}.user-settings-modal-content .main-wrapper .form-section .form-group .form-input:focus{border-color:#2196f3}.user-settings-modal-content .main-wrapper .form-section .form-group .form-input::placeholder{color:var(--placeholder-text-color)}.user-settings-modal-content .main-wrapper .form-section .form-group .color-picker-wrapper{margin-top:.25rem}.user-settings-modal-content .main-wrapper .button-group{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:var(--border-width) solid var(--bars-border-color)}.user-settings-modal-content .main-wrapper .button-group button{padding:.625rem 1.25rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.user-settings-modal-content .main-wrapper .button-group button:disabled{opacity:.5;cursor:not-allowed}.user-settings-modal-content .main-wrapper .button-group .cancel-button{background-color:transparent;color:var(--main-text-color);border:1px solid var(--bars-border-color)}.user-settings-modal-content .main-wrapper .button-group .cancel-button:hover:not(:disabled){background-color:var(--hover-background-color)}.user-settings-modal-content .main-wrapper .button-group .save-button{background-color:#2196f3;color:#fff}.user-settings-modal-content .main-wrapper .button-group .save-button:hover:not(:disabled){background-color:#1976d2}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%);min-width:320px;max-width:500px;padding:16px 20px;background-color:var(--modal-background-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;z-index:10000;animation:slideUp .3s ease-out;border-left:4px solid}.notification.success{border-left-color:#10b981}.notification.success .notification-icon{color:#10b981}.notification.error{border-left-color:var(--error-color)}.notification.error .notification-icon{color:var(--error-color)}.notification.info{border-left-color:var(--blue-button-color)}.notification.info .notification-icon{color:var(--blue-button-color)}.notification.warning{border-left-color:#f59e0b}.notification.warning .notification-icon{color:#f59e0b}.notification .notification-icon{font-size:24px;flex-shrink:0}.notification .notification-message{flex:1;color:var(--main-text-color);font-size:14px;line-height:1.5}.notification .notification-close{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.notification .notification-close:hover{background-color:var(--action-bar-button-hover-color)}.notification .notification-close .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.brand-title{font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:0}.brand-title span{display:inline-block}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.left-side-bar{width:var(--left-side-bar-max-width);border-right:var(--border-width) solid var(bars-border-color);display:flex;flex-direction:column;height:100%}.left-side-bar .menu-buttons{flex:1}.left-side-bar .bottom-buttons{padding-bottom:10px}.left-side-bar .bottom-buttons .help-button{display:flex;align-items:center;justify-content:center;width:var(--left-side-bar-max-width);height:var(--left-side-bar-max-width);cursor:pointer;transition:background-color .2s ease;color:var(--main-text-color)}.left-side-bar .bottom-buttons .help-button:hover,.left-side-bar .bottom-buttons .help-button.active{background-color:var(--left-bar-active-background-color)}.left-side-bar .bottom-buttons .help-button.active .material-symbols-outlined{color:var(--activated-color)}.left-side-bar .bottom-buttons .help-button .material-symbols-outlined{-webkit-user-select:none;user-select:none;transition:color .2s ease}.left-side-bar .bottom-buttons .bug-feature-button{display:flex;align-items:center;justify-content:center;width:var(--left-side-bar-max-width);height:var(--left-side-bar-max-width);cursor:pointer;transition:background-color .2s ease;color:var(--main-text-color)}.left-side-bar .bottom-buttons .bug-feature-button:hover,.left-side-bar .bottom-buttons .bug-feature-button.active{background-color:var(--left-bar-active-background-color)}.left-side-bar .bottom-buttons .bug-feature-button.active .material-symbols-outlined{color:var(--activated-color)}.left-side-bar .bottom-buttons .bug-feature-button .material-symbols-outlined{-webkit-user-select:none;user-select:none;transition:color .2s ease}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.left-menu-button{width:var(--left-side-bar-max-width);height:calc(var(--left-side-bar-max-width) - var(--border-width));border-bottom:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color);display:flex;justify-content:center;align-items:center}.left-menu-button:hover{background-color:var(--top-left-bar-active-background-color);cursor:pointer}.left-menu-button.active{border-bottom:var(--border-width) solid var(--activated-color);background-color:var(--top-left-bar-active-background-color)}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.bug-report-modal-content{display:flex;flex-direction:column;color:var(--main-text-color);width:500px;height:600px;background-color:var(--page-background-color);border-radius:8px;overflow:hidden;box-sizing:border-box}.bug-report-modal-content *{box-sizing:border-box}.bug-report-modal-content .title{display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;font-weight:600;padding:1rem;border-bottom:var(--border-width) solid var(--bars-border-color);background-color:var(--top-left-bar-background-color)}.bug-report-modal-content .title .close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.bug-report-modal-content .title .close-button .material-symbols-outlined{font-size:20px;color:var(--main-text-color)}.bug-report-modal-content .title .close-button:hover{background-color:var(--top-left-bar-active-background-color)}.bug-report-modal-content .main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.bug-report-modal-content .main-wrapper .content{display:flex;flex-direction:column;padding:1.4rem;overflow-y:auto;overflow-x:hidden;height:100%}.bug-report-modal-content .main-wrapper .content .type-selector{display:flex;gap:.75rem;margin-bottom:1.5rem}.bug-report-modal-content .main-wrapper .content .type-selector .type-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--modal-background-color);border:2px solid var(--bars-border-color);border-radius:6px;color:var(--main-text-color);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bug-report-modal-content .main-wrapper .content .type-selector .type-button .material-symbols-outlined{font-size:20px}.bug-report-modal-content .main-wrapper .content .type-selector .type-button:hover{background-color:var(--top-left-bar-active-background-color)}.bug-report-modal-content .main-wrapper .content .type-selector .type-button.active{background-color:var(--top-left-bar-active-background-color);border-color:var(--blue-button-color)}.bug-report-modal-content .main-wrapper .content form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.bug-report-modal-content .main-wrapper .content form .form-group{display:flex;flex-direction:column;gap:.5rem}.bug-report-modal-content .main-wrapper .content form .form-group label{font-size:.9rem;font-weight:500;color:var(--main-text-color)}.bug-report-modal-content .main-wrapper .content form .form-group .bug-report-input{width:100%}.bug-report-modal-content .main-wrapper .content form .form-group .bug-report-input .flow-text-input{width:100%;height:40px}.bug-report-modal-content .main-wrapper .content form .form-group .form-textarea{width:100%;flex:1;padding:.75rem;background-color:var(--task-background-color);border:1px solid var(--bars-border-color);border-radius:5px;color:var(--main-text-color);font-size:14px;font-family:inherit;resize:none;min-height:220px;transition:outline .2s ease,border-color .2s ease}.bug-report-modal-content .main-wrapper .content form .form-group .form-textarea:focus{outline:2px solid var(--blue-button-color);outline-offset:-1px}.bug-report-modal-content .main-wrapper .content form .form-group .form-textarea::placeholder{color:var(--task-not-started-color)}.bug-report-modal-content .main-wrapper .content form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:auto;padding-top:.5rem}.bug-report-modal-content .main-wrapper .content form .form-actions .action-button{width:120px;height:40px;border-radius:5px;border:none;font-size:.8rem;cursor:pointer;transition:all .2s ease}.bug-report-modal-content .main-wrapper .content form .form-actions .action-button.clear{background-color:var(--gray-button-color);color:var(--save-button-text-color)}.bug-report-modal-content .main-wrapper .content form .form-actions .action-button.clear:hover{background-color:var(--gray-button-hover-color)}.bug-report-modal-content .main-wrapper .content form .form-actions .action-button.submit{background-color:var(--blue-button-color);color:var(--save-button-text-color)}.bug-report-modal-content .main-wrapper .content form .form-actions .action-button.submit:hover{background-color:var(--blue-button-hover-color)}.super-dashboard-wrapper{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--page-background-color)}.super-dashboard{background-color:var(--page-background-color);height:calc(100% - var(--action-bar-height));color:var(main-text-color);overflow-y:auto;position:relative;margin-right:0}.super-dashboard-content{margin:10px}.circle-chart{display:inline-flex;align-items:center;gap:2rem}.circle-chart.circle-chart--bottom{flex-direction:column;align-items:center}.circle-chart.circle-chart--right{flex-direction:row;align-items:center}.circle-chart.circle-chart--left{flex-direction:row-reverse;align-items:center}.circle-chart.circle-chart--top{flex-direction:column-reverse;align-items:center}.circle-chart svg .center-value{font-size:32px;font-weight:700;fill:var(--main-text-color)}.circle-chart svg .center-label{font-size:12px;margin-top:4px;fill:var(--color-gray)}.circle-chart.circle-chart--animated svg .segment{animation:drawSegment .6s ease-in-out forwards}@keyframes drawSegment{0%{stroke-dasharray:0 1000;stroke-dashoffset:0;opacity:0}10%{opacity:1}to{stroke-dasharray:var(--segment-length) 1000;stroke-dashoffset:var(--segment-offset);opacity:1}}.circle-chart.circle-chart--animated svg .center-value{opacity:0;animation:fadeIn .3s ease-out .5s forwards}.circle-chart.circle-chart--animated svg .center-label{opacity:0;animation:fadeIn .3s ease-out .5s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.circle-chart.circle-chart--animated .chart-legend .legend-item{opacity:0;animation:slideIn .3s ease-out forwards}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(1){animation-delay:.68s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(2){animation-delay:.76s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(3){animation-delay:.84s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(4){animation-delay:.92s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(5){animation-delay:1s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(6){animation-delay:1.08s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(7){animation-delay:1.16s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(8){animation-delay:1.24s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(9){animation-delay:1.32s}.circle-chart.circle-chart--animated .chart-legend .legend-item:nth-child(10){animation-delay:1.4s}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.circle-chart .chart-legend{display:flex;flex-direction:column;gap:.5rem}.circle-chart .chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:14px}.circle-chart .chart-legend .legend-item .legend-color{width:16px;height:16px;border-radius:3px;flex-shrink:0}.circle-chart .chart-legend .legend-item .legend-label{flex:1;color:var(--main-text-color)}.circle-chart .chart-legend .legend-item .legend-value{font-weight:700;margin-left:4px;color:var(--main-text-color)}.dashboard-wrapper{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--page-background-color)}.dashboard{background-color:var(--page-background-color);color:var(main-text-color);overflow-y:auto;position:relative;height:100%;overflow:hidden}.dashboard-content{height:calc(100% - 40px);margin:20px;display:flex;flex-direction:column}.dashboard-content .dashboard-main-tile{width:calc(100% - 6px);height:33%;border:1px solid var(--bars-border-color);display:flex;flex-direction:column;border-radius:3px;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;background-color:var(--task-background-color)}.dashboard-content .dashboard-main-tile .main-title{font-size:24px;width:calc(100% - 30px);margin:5px 10px 10px 15px;text-align:left;color:var(--color-gray);display:flex;flex-direction:row;align-items:center}.dashboard-content .dashboard-main-tile .main-title .tile-icon{font-size:34px;vertical-align:middle;margin-right:4px;width:34px;margin-top:0}.dashboard-content .dashboard-main-tile .main-title .tile-title-text{vertical-align:middle}.dashboard-content .dashboard-main-tile .widget{width:24%;height:100%;display:flex;justify-content:center;align-items:center;margin-top:-20px}.dashboard-content .dashboard-main-tile .user-profile{display:flex;flex-direction:row;gap:50px;padding:0 20px 20px;height:100%;margin-left:50px;justify-content:center;margin-top:20px}.dashboard-content .dashboard-main-tile .user-profile .profile-avatar{display:flex;align-items:center;justify-content:center}.dashboard-content .dashboard-main-tile .user-profile .profile-avatar .avatar-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:600;color:#fff;text-transform:uppercase;box-shadow:0 4px 6px #0000001a}.dashboard-content .dashboard-main-tile .user-profile .profile-tables{flex:1;display:flex;flex-direction:row;gap:10px;margin-left:20px}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table{border-collapse:separate;border-spacing:0px 16px;margin-right:100px;margin-left:20px}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table td.info-label{font-weight:500;color:var(--color-gray);font-size:20px;text-align:left;white-space:nowrap;padding-right:20px}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table td.info-value{color:var(--main-text-color);font-size:20px;text-align:left}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table td.info-value .role-badge{background-color:var(--color-purple);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table td.info-value .subscription-badge{background-color:var(--color-green);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table td.info-value .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table td.info-value .status-badge.active{background-color:var(--color-green);color:#fff}.dashboard-content .dashboard-main-tile .user-profile .profile-info-table td.info-value .status-badge.inactive{background-color:var(--color-gray);color:#fff}.dashboard-content .dashboard-tiles{margin-top:20px;height:calc(66% - 1px);display:flex;flex-wrap:wrap;gap:20px;overflow-y:auto;flex-direction:row}.dashboard-content .dashboard-tiles .dashboard-tile{width:calc(31% + 23px);height:calc(50% - 13px);border:1px solid var(--bars-border-color);border-radius:3px;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;background-color:var(--task-background-color)}.dashboard-content .dashboard-tiles .dashboard-tile:hover{border:1px solid var(--activated-color);box-shadow:0 4px 8px #00000026,0 2px 4px #0000001a}.dashboard-content .dashboard-tiles .dashboard-tile-dummy{width:calc(23% + 16px);height:calc(50% - 13px)}.dashboard-content .tile-title{font-size:24px;width:calc(100% - 30px);margin:5px 10px 10px 15px;text-align:left;color:var(--color-gray);display:flex;flex-direction:row;align-items:center}.dashboard-content .tile-title .tile-icon{font-size:34px;vertical-align:middle;margin-right:4px;width:34px;margin-top:0}.dashboard-content .tile-title .tile-title-text{vertical-align:middle}.dashboard-content .content{margin-left:15px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;color:var(--color-gray)}.dashboard-content .content .number,.dashboard-content .content .number.green{font-size:116px;font-weight:700;color:var(--activated-color)}.tasks-wrapper{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--page-background-color)}.tasks{background-color:var(--page-background-color);height:calc(100% - var(--action-bar-height) - var(--top-bar-height));color:var(--main-text-color);overflow-y:auto;overflow-x:hidden;position:relative;margin-right:0;display:flex;flex-direction:column}.tasks *{max-width:100%}.tasks-content{margin:0 0 30px 30px;overflow-y:auto}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.action-bar-button-wrapper{margin-left:15px;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 15px;height:100%}.action-bar-button-wrapper:hover{cursor:pointer;background-color:var(--action-bar-button-hover-color)}.action-bar-button-text{text-align:center;white-space:nowrap;min-width:100px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.action-bar{background-color:var(--action-bar-background-color);height:var(--action-bar-height);max-height:var(--action-bar-height);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-bottom:var(--border-width) solid var(--bars-border-color)}.action-bar .action-bar-spacer{border-left:2px solid var(--action-bar-spacer-border-color);border-width:3px;border-style:dotted;width:2px;height:40%;margin-left:15px;border-right:hidden;border-top:hidden;border-bottom:hidden}.task-group-wrapper{--task-group-color: #facc15;display:flex;flex-direction:column;width:100%;position:relative;margin-bottom:20px}.task-group-wrapper .task-group-header{margin-left:-10px;width:fit-content;position:relative}.task-group-wrapper .task-group-header .more-horiz{transition:opacity .2s ease;cursor:pointer!important}.task-group-wrapper .task-group{width:calc(100% - var(--left-side-bar-max-width) + 30px);margin-left:0;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-left:2px solid var(--task-group-color);border-radius:5px;overflow:hidden;display:grid;grid-template-columns:40px 1fr 40px 120px 60px 40px 120px 2fr 40px 40px;align-items:center;justify-items:stretch}.task-group-wrapper .task-group .header-cell{padding:10px 12px;background-color:var(--task-background-color);font-weight:700;font-size:14px;border-bottom:1px solid var(--task-line-color);border-right:1px solid var(--task-line-color);background-color:var(--table-header-background-color)}.task-group-wrapper .task-group.collapsed{display:grid;grid-template-columns:100%;justify-items:stretch;margin-top:0;padding:0}.task-group-wrapper .task-group.collapsed .task-group-header{margin-left:0;width:fit-content;margin-top:8px}.task-group-wrapper .task-group.collapsed .header-cell{padding:0 6px;background-color:var(--task-background-color);font-size:10px;border-bottom:1px solid var(--task-line-color);border-right:1px solid var(--task-line-color);background-color:var(--top-left-bar-background-color);font-weight:400}.task-group-wrapper .task-group-name{font-size:1.5rem;margin-bottom:10px;color:var(--task-group-color);padding-left:10px}.task-group-wrapper .task-group-count{font-size:1.3rem;margin-bottom:10px;color:var(--task-not-started-color);padding-left:10px}input.new-task{margin:5px 20px 5px 5px;width:calc(100% - 25px);height:100%;padding:5px 5px 5px 10px;border:none;background-color:var(--task-background-color);font-size:14px;color:var(--task-text-color);cursor:auto;box-sizing:border-box}input.new-task:hover{outline:2px solid #0056b3;border-radius:2px}input.new-task:focus{outline:2px solid #007bff;border-radius:2px}.task-group-header .task-group-name:hover,.task-group-header .chevron-icon:hover{cursor:pointer!important}.delete-taskgroup-icon{padding:5px;cursor:pointer;color:var(--task-not-started-color);transition:color .2s ease;z-index:10}.delete-taskgroup-icon:hover{color:var(--error-hover-color);cursor:pointer!important}.empty-task-dropzone{transition:background-color .2s ease}.empty-task-dropzone.over{background-color:#3b82f626!important;opacity:1!important}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.inactive.title,.inactive.description,.inactive.priority,.inactive.status,.inactive.responsible,.inactive.links,.inactive.checked{background-color:#e8687c1a!important;color:#aaa}.inactive.title:not(.inactive):hover,.inactive.description:not(.inactive):hover,.inactive.priority:not(.inactive):hover,.inactive.status:not(.inactive):hover,.inactive.responsible:not(.inactive):hover,.inactive.links:not(.inactive):hover,.inactive.checked:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.inactive.title.inactive,.inactive.description.inactive,.inactive.priority.inactive,.inactive.status.inactive,.inactive.responsible.inactive,.inactive.links.inactive,.inactive.checked.inactive{cursor:default}.task{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;color:var(--main-text-color)}.task:hover .title,.task:hover .description,.task:hover .responsible,.task:hover .checked{background-color:#0000001a}.task:hover:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task:hover.inactive{cursor:default}.task .title{min-height:20px;max-height:20px;color:var(--main-text-color)}.task .title:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .title.inactive{cursor:default}.task .description{min-height:20px;max-height:20px}.task .description:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .description.inactive{cursor:default}.task .responsible{min-height:20px;max-height:20px;display:flex;align-items:center;justify-content:center}.task .responsible:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .responsible.inactive{cursor:default}.task .responsible .responsible-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.task .links{min-height:20px;max-height:20px;display:flex;align-items:center;justify-content:center;padding:10px!important}.task .links:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .links.inactive{cursor:default}.task .status{min-height:20px;max-height:20px;background-color:#34d491;display:flex;align-items:center;justify-content:center;padding:10px!important}.task .status:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .status.inactive{cursor:default}.task .priority{min-height:20px;max-height:20px;background-color:#34d491;display:flex;align-items:center;justify-content:center;padding:10px!important}.task .priority:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .priority.inactive{cursor:default}.task .open-description{min-height:20px;max-height:20px;display:flex;align-items:center;justify-content:center;padding:10px!important}.task .open-description:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .open-description.inactive{cursor:default}.task .move{min-height:20px;max-height:20px;display:flex;align-items:center;justify-content:center;padding:10px!important;color:#616161}.task .move:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.task .move.inactive{cursor:default}.task .drag{min-height:20px;max-height:20px;display:flex;align-items:center;justify-content:center;padding:10px!important;color:#616161}.task .drag:not(.inactive):hover{cursor:move;color:#e9e9e9}.task .drag.inactive{cursor:default}.task>div{padding:10px 12px;border-left:1px solid var(--task-line-color);border-bottom:1px solid var(--task-line-color);background-color:var(--task-background-color);font-size:14px}.task>div:first-child{border-left:none}div.title{position:relative}div.title input.title{position:absolute;top:5px;left:5px;width:calc(100% - 50px);padding:5px 5px 5px 10px;background-color:transparent;border:transparent;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-family:"Exo 2",sans-serif;line-height:1.5;font-weight:400;font-size:14px}div.title input.title:not(.inactive):hover{outline:2px solid #0056b3;border-radius:2px;cursor:auto}div.title input.title:not(.inactive):focus{outline:2px solid #007bff;border-radius:2px}div.title input.title.inactive{color:#aaa;text-decoration:line-through;background-color:#e8687c03!important;cursor:default}div.title input.title:not(.inactive){cursor:default}div.description{position:relative}div.description:hover{cursor:pointer!important}.checked{display:flex;align-items:center;justify-content:center;position:relative;width:inherit;height:20px}.checked .custom-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);cursor:pointer;-webkit-user-select:none;user-select:none}.checked .custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checked .custom-checkbox .checkmark{height:20px;width:20px;background-color:var(--checkbox-unchecked-background-color);border-radius:var(--checkbox-border-radius);display:inline-block;transition:background-color .2s ease;position:relative}.checked .custom-checkbox input:checked+.checkmark{background-color:var(--checkbox-checked-color);border-color:var(--checkbox-checked-color)}.checked .custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:7px;top:0;width:5px;height:15px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checked .custom-checkbox input:checked+.checkmark:after{display:block}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.status-content{display:flex;flex-direction:column;gap:10px;padding:7px;color:#fff}.status-content .clear-button{width:130px;height:40px;display:flex;justify-content:center;align-items:center;background-color:var(--gray-button-color);color:var(--main-text-color);border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.status-content .clear-button:hover{background-color:var(--gray-button-hover-color)}.status-content .separator{width:130px;border:none;border-top:1px solid var(--task-line-color);margin:0}.status-content .status{all:unset;width:130px;height:40px;display:flex;justify-content:center;align-items:center;background-color:orange;border:2px solid transparent;transition:border-color .2s ease}.status-content .status.not-started{background-color:var(--task-not-started-color)}.status-content .status.in-progress{background-color:var(--task-in-progress-color)}.status-content .status.completed{background-color:var(--task-completed-color)}.status-content .status.stuck{background-color:var(--task-stuck-color)}.status-content .status.pending{background-color:var(--task-pending-color)}.status-content .status.selected{border-color:var(--blue-button-color)}.status-content .status:hover{filter:brightness(90%);cursor:pointer}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.priority-content{display:flex;flex-direction:column;gap:10px;padding:7px;color:#fff}.priority-content .clear-button{width:130px;height:40px;display:flex;justify-content:center;align-items:center;background-color:var(--gray-button-color);color:var(--main-text-color);border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.priority-content .clear-button:hover{background-color:var(--gray-button-hover-color)}.priority-content .separator{width:130px;border:none;border-top:1px solid var(--task-line-color);margin:0}.priority-content .priority{all:unset;width:130px;height:40px;display:flex;justify-content:center;align-items:center;background-color:var(--priority-trivial-color);border:2px solid transparent;transition:border-color .2s ease}.priority-content .priority.urgent{background-color:var(--priority-urgent-color)}.priority-content .priority.high{background-color:var(--priority-high-color)}.priority-content .priority.medium{background-color:var(--priority-medium-color)}.priority-content .priority.low{background-color:var(--priority-low-color)}.priority-content .priority.trivial{background-color:var(--priority-trivial-color)}.priority-content .priority.selected{border-color:var(--blue-button-color)}.priority-content .priority:hover{filter:brightness(90%);cursor:pointer}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.responsible-content{display:flex;flex-direction:column;padding:1rem;width:250px}.responsible-content .clear-button{padding:8px;margin-top:10px;text-align:center;background-color:var(--gray-button-color);color:var(--main-text-color);border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.responsible-content .clear-button:hover{background-color:var(--gray-button-hover-color)}.responsible-content .separator{border:none;border-top:1px solid var(--task-line-color);margin:10px 0}.responsible-content .members-list{display:flex;flex-direction:column;width:100%;max-height:300px;margin-top:10px;overflow-y:auto}.responsible-content .member-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px;min-height:40px;border:2px solid transparent;transition:border-color .2s ease,background-color .2s ease}.responsible-content .member-item .member-avatar{flex-shrink:0}.responsible-content .member-item .member-avatar .default-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.responsible-content .member-item .member-name{flex:1;font-size:16px;color:var(--main-text-color);margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.responsible-content .member-item .member-name .admin-badge{font-size:12px;color:var(--gray-text-color)}.responsible-content .member-item{font-size:16px}.responsible-content .member-item.selected{border-color:var(--blue-button-color);background-color:#2196f31a}.responsible-content .member-item:first-of-type{margin-top:5px}.responsible-content .member-item:hover{background-color:var(--top-left-bar-background-color);cursor:pointer!important}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.move-task-content{display:flex;flex-direction:column;padding-top:.75rem;padding-bottom:0;width:250px}.move-task-content .modal-title{margin-bottom:1rem;color:var(--main-text-color)}.move-task-content .taskgroups-list-wrapper{max-height:300px;overflow-y:auto}.move-task-content .taskgroups-list-wrapper .taskgroup-item{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;border:2px solid transparent;border-radius:5px;cursor:pointer;transition:all .2s ease}.move-task-content .taskgroups-list-wrapper .taskgroup-item .taskgroup-name{font-weight:500;color:var(--main-text-color)}.move-task-content .taskgroups-list-wrapper .taskgroup-item:hover{box-shadow:0 2px 8px #00000026;border-color:var(--blue-button-color)}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.right-side-bar-task-view{padding:20px}.right-side-bar-task-view .header-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.right-side-bar-task-view .header-wrapper .headline{font-size:18px;font-weight:700;color:var(--main-text-color)}.right-side-bar-task-view .header-wrapper button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;padding:8px;border-radius:4px;cursor:pointer}.right-side-bar-task-view .header-wrapper button:hover{background-color:#ffffff1a}.text-editor-wrapper{border:1px solid var(--task-line-color);border-left:2px solid var(--activated-color);border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background:var(--task-background-color)}.text-editor-wrapper:focus-within{border:1px solid var(--blue-button-color);border-left:2px solid var(--activated-color)}.text-editor-wrapper .text-editor-buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:50px;background-color:var(--table-header-background-color);border-bottom:1px solid var(--task-line-color);overflow-x:auto;padding:0 5px}.text-editor-wrapper .text-editor-buttons .text-editor-button{display:flex;align-items:center;justify-content:center;background-color:var(--button-background-color);color:var(--button-text-color);margin-left:5px;border-radius:3px;flex-shrink:0;width:35px;height:30px}.text-editor-wrapper .text-editor-buttons .text-editor-button:hover{cursor:pointer;background-color:var(--table-header-background-color)}.text-editor-wrapper .text-editor-buttons .text-editor-separator{width:1px;height:25px;background-color:var(--task-line-color);margin:0 8px;flex-shrink:0}.text-editor-wrapper .tiptap-editor{height:350px;overflow-y:auto;padding:8px;font-size:1rem;box-sizing:border-box;background:var(--task-background-color)}.text-editor-wrapper .tiptap-editor .ProseMirror{min-height:100%;outline:none;font-size:1rem;line-height:1.5}.text-editor-wrapper .tiptap-editor .ProseMirror p{margin:0 0 8px}.text-editor-wrapper .tiptap-editor .ProseMirror h1,.text-editor-wrapper .tiptap-editor .ProseMirror h2,.text-editor-wrapper .tiptap-editor .ProseMirror h3,.text-editor-wrapper .tiptap-editor .ProseMirror h4,.text-editor-wrapper .tiptap-editor .ProseMirror h5,.text-editor-wrapper .tiptap-editor .ProseMirror h6{margin:16px 0 8px;font-weight:700;line-height:1.3}.text-editor-wrapper .tiptap-editor .ProseMirror h1{font-size:1.8rem;border-bottom:2px solid var(--task-line-color);padding-bottom:4px}.text-editor-wrapper .tiptap-editor .ProseMirror h2{font-size:1.5rem}.text-editor-wrapper .tiptap-editor .ProseMirror h3{font-size:1.3rem}.text-editor-wrapper .tiptap-editor .ProseMirror ul,.text-editor-wrapper .tiptap-editor .ProseMirror ol{margin:8px 0;padding-left:20px}.text-editor-wrapper .tiptap-editor .ProseMirror li{margin:4px 0}.text-editor-wrapper .tiptap-editor .ProseMirror code{background-color:var(--table-header-background-color);padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:.9rem}.text-editor-wrapper .tiptap-editor .ProseMirror pre{background-color:var(--table-header-background-color);padding:12px;border-radius:6px;margin:12px 0;overflow-x:auto}.text-editor-wrapper .tiptap-editor .ProseMirror pre code{background:none;padding:0}.text-editor-wrapper .tiptap-editor .ProseMirror blockquote{border-left:4px solid var(--blue-button-color);margin:12px 0;padding:8px 16px;background-color:var(--table-header-background-color);font-style:italic}.text-editor-wrapper .tiptap-editor .ProseMirror blockquote p{margin:0}.text-editor-wrapper .tiptap-editor .ProseMirror hr{margin:16px 0;border:none;border-top:2px solid var(--task-line-color)}.text-editor-wrapper .tiptap-editor .ProseMirror s{text-decoration:line-through}.text-editor-wrapper .tiptap-editor .ProseMirror strong{font-weight:700}.text-editor-wrapper .tiptap-editor .ProseMirror em{font-style:italic}.text-editor-wrapper .text-editor-bottom-bar{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:50px;background-color:var(--table-header-background-color);border-top:1px solid var(--task-line-color)}.text-editor-wrapper .text-editor-bottom-bar .text-editor-update-button{display:flex;align-items:center;justify-content:center;background-color:var(--blue-button-color);color:var(--button-text-color);margin-right:10px;border-radius:3px;height:35px;padding:0 15px}.text-editor-wrapper .text-editor-bottom-bar .text-editor-update-button:hover{cursor:pointer;background-color:var(--blue-button-hover-color)}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.flow-tabs .flow-tabs-header{display:flex;align-items:center;flex-direction:row;margin-bottom:10px;border-bottom:1px solid var(--bars-border-color)}.flow-tabs .flow-tabs-header .flow-tab-title{padding-left:15px;padding-right:15px;padding-bottom:5px;border-bottom:1px solid transparent}.flow-tabs .flow-tabs-header .flow-tab-title.active{font-weight:700;border-bottom:2px solid var(--blue-button-color)}.flow-tabs .flow-tabs-header .flow-tab-title:hover{cursor:pointer}.flow-tabs .flow-tabs-content{margin-top:20px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.body-headline{padding-bottom:10px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.links{display:flex;flex-direction:column;gap:20px}.links .links-header{font-size:16px;font-weight:700;color:var(--main-text-color);margin-bottom:10px}.links .links-input-area{display:flex;flex-direction:column}.links .links-bottom-bar .links-update-button{display:flex;align-items:center;justify-content:center;background-color:var(--blue-button-color);color:var(--button-text-color);border:1px solid var(--blue-button-color);border-left:1px solid var(--task-line-color);border-top-left-radius:0;border-bottom-left-radius:0;height:100%;padding:0 20px;min-width:80px;flex-shrink:0;cursor:pointer;font-family:"Exo 2",sans-serif;font-size:14px;font-weight:500}.links .links-bottom-bar .links-update-button:hover{background-color:var(--blue-button-hover-color)}.links .links-bottom-bar .links-update-button.updating{background-color:var(--task-line-color);cursor:not-allowed}.links .links-bottom-bar .links-update-button.updating:hover{background-color:var(--task-line-color)}.links .links-table{--standard-link-height: 20px;border:1px solid var(--task-line-color);border-left:2px solid var(--activated-color);border-radius:5px;overflow:hidden;background-color:var(--task-background-color);margin-bottom:20px;margin-top:10px}.links .links-table .link{display:grid;grid-template-columns:40px 1fr 2fr 40px 40px;align-items:center;justify-items:stretch;background-color:var(--task-background-color)}.links .links-table .link:first-child{background-color:var(--table-header-background-color)}.links .links-table .link:first-child .icon,.links .links-table .link:first-child .name,.links .links-table .link:first-child .url,.links .links-table .link:first-child .goto,.links .links-table .link:first-child .delete{background-color:var(--table-header-background-color);font-weight:700;text-overflow:ellipsis!important}.links .links-table .link:not(:last-child){border-bottom:1px solid var(--task-line-color)}.links .links-table .link:hover .icon,.links .links-table .link:hover .name,.links .links-table .link:hover .url,.links .links-table .link:hover .goto,.links .links-table .link:hover .delete{background-color:#0000001a}.links .links-table .link .icon{display:flex;align-items:center;justify-content:center;min-height:var(--standard-link-height);max-height:var(--standard-link-height);padding:10px 12px;border-right:1px solid var(--task-line-color);background-color:var(--task-background-color);font-size:14px}.links .links-table .link .icon:first-child{border-left:none}.links .links-table .link .name{position:relative;min-height:var(--standard-link-height);max-height:var(--standard-link-height);padding:10px 12px;border-right:1px solid var(--task-line-color);background-color:var(--task-background-color);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links .links-table .link .name input{position:absolute;top:5px;left:5px;width:calc(100% - 20px);padding:5px 5px 5px 10px;background-color:transparent;border:transparent;color:var(--main-text-color);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-family:"Exo 2",sans-serif;line-height:1.5;font-weight:400;font-size:14px;cursor:auto}.links .links-table .link .name input:hover{outline:2px solid #0056b3;border-radius:2px}.links .links-table .link .name input:focus{outline:2px solid #007bff;border-radius:2px}.links .links-table .link .name input::placeholder{color:#ffffff80}.links .links-table .link .name:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.links .links-table .link .name.inactive{cursor:default}.links .links-table .link .url{position:relative;min-height:var(--standard-link-height);max-height:var(--standard-link-height);padding:10px 12px;border-right:1px solid var(--task-line-color);background-color:var(--task-background-color);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.links .links-table .link .url input{position:absolute;top:5px;left:5px;width:calc(100% - 20px);padding:5px 5px 5px 10px;background-color:transparent;border:transparent;color:var(--main-text-color);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-family:"Exo 2",sans-serif;line-height:1.5;font-weight:400;font-size:14px}.links .links-table .link .url input:hover{outline:2px solid #0056b3;border-radius:2px;cursor:pointer}.links .links-table .link .url input:focus{outline:2px solid #007bff;border-radius:2px}.links .links-table .link .url input::placeholder{color:#ffffff80}.links .links-table .link .url:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.links .links-table .link .url.inactive{cursor:default}.links .links-table .link .goto{display:flex;align-items:center;justify-content:center;min-height:var(--standard-link-height);max-height:var(--standard-link-height);padding:10px 12px;border-right:1px solid var(--task-line-color);background-color:var(--task-background-color);font-size:14px}.links .links-table .link .goto:hover{cursor:pointer}.links .links-table .link .delete{display:flex;align-items:center;justify-content:center;min-height:var(--standard-link-height);max-height:var(--standard-link-height);padding:10px 12px;background-color:var(--task-background-color);font-size:14px}.links .links-table .link .delete:hover{cursor:pointer}.links .links-add-section{display:flex;flex-direction:row;align-items:flex-start;gap:15px}.links .links-add-section .links-input-area{flex:1;display:flex;flex-direction:column;min-height:40px}.links .links-bottom-bar{display:flex;flex-direction:row;align-items:stretch;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-left:2px solid var(--activated-color);border-radius:5px;overflow:visible;height:40px}.links .links-bottom-bar .url{border-top-right-radius:0;border-bottom-right-radius:0}.links .links-bottom-bar .name,.links .links-bottom-bar .url{position:relative;flex:1;min-height:var(--standard-link-height);max-height:var(--standard-link-height);padding:10px 12px;background-color:var(--task-background-color);font-size:14px}.links .links-bottom-bar .name input,.links .links-bottom-bar .url input{position:absolute;top:5px;left:5px;width:calc(100% - 25px);padding:5px 5px 5px 10px;background-color:transparent;border:transparent;color:var(--main-text-color);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-family:"Exo 2",sans-serif;line-height:1.5;font-weight:400;font-size:14px;cursor:auto}.links .links-bottom-bar .name input:hover,.links .links-bottom-bar .url input:hover{outline:2px solid #0056b3;border-radius:2px}.links .links-bottom-bar .name input:focus,.links .links-bottom-bar .url input:focus{outline:2px solid #007bff;border-radius:2px}.links .links-bottom-bar .name input::placeholder,.links .links-bottom-bar .url input::placeholder{color:#ffffff80}.links .links-bottom-bar .name:not(.inactive):hover,.links .links-bottom-bar .url:not(.inactive):hover{cursor:pointer;color:#e9e9e9}.links .links-bottom-bar .name.inactive,.links .links-bottom-bar .url.inactive{cursor:default}.links .links-update-button{display:flex;align-items:center;justify-content:center;background-color:var(--blue-button-color);color:var(--button-text-color);border-radius:3px;height:100%;padding:0 15px;width:fit-content;min-width:80px;flex-shrink:0;border:1px solid var(--blue-button-color);margin-top:-1px}.links .links-update-button:hover{cursor:pointer;background-color:var(--blue-button-hover-color)}.links .links-update-button.updating{background-color:var(--task-line-color);cursor:not-allowed}.links .links-update-button.updating:hover{background-color:var(--task-line-color)}.links .link.placeholder .name{color:#ffffff80;font-style:italic;grid-column:1/-1;text-align:center;padding:10px}.links .link.placeholder .url,.links .link.placeholder .icon,.links .link.placeholder .goto,.links .link.placeholder .delete{display:none}.links .link .goto,.links .link .delete{cursor:pointer;display:flex;align-items:center;justify-content:center}.links .link .goto:hover,.links .link .delete:hover{background-color:#ffffff1a}.links .info-text{font-size:12px;color:#ff6b6b;margin-top:5px;margin-bottom:5px;margin-left:5px;opacity:.9}.links .info-text.success{color:#51cf66}.links .info-text.warning{color:#ffd43b}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.remove-task-group-content{display:flex;flex-direction:column;padding:1rem;width:250px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.edit-task-group-content{display:flex;flex-direction:column;padding:1rem;width:250px}.edit-task-group-content .color-picker-wrapper{width:100%;display:flex;justify-content:center}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.add-task-group-content{display:flex;flex-direction:column;padding:1rem;width:250px}.add-task-group-content .color-picker-wrapper{width:100%;display:flex;justify-content:center}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.remove-completed-tasks-content{display:flex;flex-direction:column;padding:1rem;width:300px}.remove-completed-tasks-content .modal-body p{margin-bottom:.5rem}.remove-completed-tasks-content .modal-body p:last-child{color:#e8697d;font-weight:500}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.right-sidebar{position:fixed;top:calc(var(--top-bar-height) + var(--action-bar-height) + 2px);right:-600px;width:600px;height:calc(100vh - var(--top-bar-height) - var(--action-bar-height) - 2px);background-color:var(--main-background-color);transition:right .2s ease-in-out;border-left:var(--border-width) solid var(--bars-border-color);z-index:999}.right-sidebar .header-wrapper{display:flex;justify-content:space-between;align-items:center}.right-sidebar .header-wrapper .headline{padding:0;font-size:1.25rem;font-weight:700;color:var(--text-primary-color)}.right-sidebar .header-wrapper button{background:none;border:none;font-size:1rem;cursor:pointer;padding:10px;color:var(--text-primary-color);display:flex;align-items:center;justify-content:center;justify-items:center}.right-sidebar .header-wrapper button:hover{color:var(--text-secondary-color)}.body-wrapper{padding:16px;overflow-y:auto;height:calc(100% - 60px)}.body-wrapper .body-headline{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary-color)}.right-sidebar.visible{right:0}.right-sidebar.hidden{right:-600px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.rearrange-task-groups-content{display:flex;flex-direction:column;padding:1rem;width:250px}.rearrange-task-groups-content .modal-button.cancel{align-self:flex-end;margin-left:auto}.rearrange-task-groups-content .rearrange-taskgroup-item{display:flex;align-items:center;padding:8px;margin-bottom:8px;margin-top:20px;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:2px;cursor:grab;transition:box-shadow .2s ease;touch-action:none}.rearrange-task-groups-content .rearrange-taskgroup-item:active{cursor:grabbing}.rearrange-task-groups-content .rearrange-taskgroup-item:hover{box-shadow:0 2px 8px #00000026}.rearrange-task-groups-content .rearrange-taskgroup-item .drag-icon{margin-right:10px;color:var(--main-text-color);font-size:20px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.filter-search-bar{width:100%;height:calc(var(--top-bar-height) + 0px);color:var(--main-text-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:10px}.filter-search-bar .filter-search-wrapper{margin-left:30px;display:flex;flex-direction:row;align-items:center;gap:30px}.filter-search-bar .filter-search-wrapper .input-search-container{position:relative;display:flex;align-items:center}.filter-search-bar .filter-search-wrapper .input-search-container .search-input{width:120px;height:30px;border:1px solid var(--bars-border-color);border-radius:5px;padding:5px 35px 5px 10px;font-size:14px;color:var(--main-text-color);background-color:var(--task-background-color);transition:border-color .2s ease,box-shadow .2s ease,width .3s ease}.filter-search-bar .filter-search-wrapper .input-search-container .search-input:focus{outline:none;width:300px;border-color:var(--blue-button-color);box-shadow:0 0 0 1px var(--blue-button-color)}.filter-search-bar .filter-search-wrapper .input-search-container .search-input::placeholder{color:var(--task-not-started-color)}.filter-search-bar .filter-search-wrapper .input-search-container .search-icon{position:absolute;right:10px;font-size:20px;color:var(--task-not-started-color);pointer-events:none}.filter-search-bar .filter-search-wrapper .input-search-container .search-icon[style*="cursor: pointer"]{pointer-events:auto;color:var(--main-text-color)}.filter-search-bar .filter-search-wrapper .input-search-container .search-icon[style*="cursor: pointer"]:hover{color:var(--blue-button-color)}.filter-search-bar .filter-search-wrapper .filter-buttons-container{display:flex;flex-direction:row;align-items:center;gap:5px}.filter-search-bar .filter-search-wrapper .filter-buttons-container .filter-button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:4px;cursor:pointer;background-color:transparent;transition:background-color .2s ease}.filter-search-bar .filter-search-wrapper .filter-buttons-container .filter-button:hover{background-color:#ffffff1a}.filter-search-bar .filter-search-wrapper .filter-buttons-container .filter-button.active .material-symbols-outlined{color:var(--blue-button-color)}.notes-wrapper{--column-margin: 20px;--column-header-background-color: var(--action-bar-background-color);--column-left-width: 400px;display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--page-background-color);overflow:hidden}.notes{background-color:var(--page-background-color);height:calc(100% - var(--action-bar-height));color:var(--main-text-color);position:relative;overflow:hidden;width:100%}.notes-content{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden;margin:0 auto;max-width:1800px;box-sizing:border-box}.notes-column-header{background-color:var(--action-bar-background-color);padding:8px 12px;display:flex;align-items:center;font-size:12px}.notes-left-column{display:flex;flex-direction:column;width:var(--column-left-width);flex-shrink:0;height:calc(100% - var(--column-margin) * 2);background:var(--main-background-color);margin:var(--column-margin);margin-right:0}.notes-search{padding:15px 17px 10px 15px;position:relative;display:flex;align-items:center}.notes-search .flow-text-input-container{width:100%}.notes-search .flow-text-input-container .flow-text-input{width:calc(100% - 45px);background-color:var(--page-background-color)}.notes-search .search-input{width:150px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 35px 8px 12px;border-radius:4px;color:var(--main-text-color);font-size:14px;transition:outline .2s ease,width .3s ease}.notes-search .search-input::placeholder{color:#fff6}.notes-search .search-input:focus{outline:2px solid var(--blue-button-color);outline-offset:-1px;width:300px}.notes-search .search-icon{position:absolute;left:166px;top:50%;transform:translateY(-50%);color:#fff6;font-size:20px;pointer-events:none;transition:left .3s ease}.notes-search .search-icon[style*="cursor: pointer"]{pointer-events:auto;color:var(--main-text-color)}.notes-search .search-icon[style*="cursor: pointer"]:hover{color:var(--blue-button-color)}.notes-search .search-input:focus~.search-icon{left:316px}.notes-list{flex:1;overflow-y:auto;min-height:0;padding:12px 8px}.notegroup-wrapper{--notegroup-color: #facc15;margin-bottom:16px;display:flex;flex-direction:column;width:100%}.notegroup-wrapper:has(.notegroup-container){margin-bottom:20px}.notegroup-wrapper .notegroup-header{display:flex;align-items:center;margin-bottom:4px;width:100%}.notegroup-wrapper .notegroup-header .notegroup-title-container{width:100%;display:flex;align-items:center;position:relative;padding:10px 12px;cursor:pointer;background-color:var(--action-bar-background-color);color:var(--notegroup-color)!important;border-left:4px solid var(--notegroup-color);border-radius:4px 4px 0 0;box-shadow:0 2px 4px #0000001a;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.notegroup-wrapper .notegroup-header .notegroup-title-container>*{position:relative;z-index:1}.notegroup-wrapper .notegroup-header .notegroup-title-container .collapse-icon{color:var(--notegroup-color);font-variation-settings:"FILL" 0;filter:brightness(1.5) saturate(1.2);text-shadow:1px 1px 2px rgba(0,0,0,.7);transition:transform .2s ease}.notegroup-wrapper .notegroup-header .notegroup-title-container:hover .collapse-icon{transform:scale(1.1)}.notegroup-wrapper .notegroup-header .notegroup-title-container .notegroup-name{font-size:1rem;color:var(--notegroup-color);padding-left:8px;font-weight:600;letter-spacing:.3px;filter:brightness(1.5) saturate(1.2);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.notegroup-wrapper .notegroup-header .notegroup-title-container .notegroup-count{font-size:.875rem;color:#fff;padding-left:10px;opacity:.9;font-weight:500;filter:brightness(1.3) saturate(1.1);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.notegroup-wrapper .notegroup-header .notegroup-title-container .delete-icon{color:var(--notegroup-color);opacity:0;transition:opacity .2s ease;flex-shrink:0;filter:brightness(1.5) saturate(1.2);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.notegroup-wrapper .notegroup-header .notegroup-title-container .more-horiz{color:#fff;opacity:0;transition:opacity .2s ease;flex-shrink:0;filter:brightness(1.5) saturate(1.2);text-shadow:1px 1px 2px rgba(0,0,0,.7)}.notegroup-wrapper .notegroup-header:hover .notegroup-title-container .delete-icon,.notegroup-wrapper .notegroup-header:hover .notegroup-title-container .more-horiz{opacity:1}.notegroup-wrapper .notegroup-container{display:flex;flex-direction:column;gap:2px;width:100%;background-color:#0000001a;padding:4px;border-radius:0 0 4px 4px;border-left:4px solid var(--notegroup-color)}.note-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:all .2s ease;background-color:var(--task-background-color);border-left:2px solid var(--notegroup-color);width:calc(100% - 10px);box-sizing:border-box;min-height:64px;box-shadow:0 1px 3px #0000001f}.note-item:hover{background-color:#ffffff14;transform:translate(2px);box-shadow:0 2px 6px #0000002e}.note-item.selected{background-color:#6c9bd159;box-shadow:0 2px 8px #6c9bd14d;transform:translate(3px)}.note-item.deleted{background-color:#e8697d26;border-left:2px solid #e8697d;opacity:.8}.note-item.deleted:hover{background-color:#e8697d40}.note-item.deleted.selected{background-color:#e8697d59}.note-item.deleted .note-title{color:#e8697de6;text-decoration:line-through}.note-item.deleted .note-meta{color:#e8697d99}.note-item .note-color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.note-item .note-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.note-item .note-title{font-size:14.5px;font-weight:500;color:var(--main-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.note-item .note-meta{font-size:11.5px;color:#ffffff73;line-height:1.2}.note-item .delete-note-icon{color:var(--task-not-started-color);opacity:0;transition:all .2s ease;flex-shrink:0}.note-item .delete-note-icon:hover{color:#e8697d;transform:scale(1.1)}.note-item .restore-note-icon{color:var(--task-not-started-color);opacity:0;transition:all .2s ease;flex-shrink:0}.note-item .restore-note-icon:hover{color:#6c9bd1;transform:scale(1.1)}.note-item:hover .delete-note-icon,.note-item:hover .restore-note-icon{opacity:1}.add-note{width:calc(100% - 24px);padding:6px;min-height:38px;display:flex;align-items:center;background-color:var(--task-background-color);box-shadow:0 1px 3px #00000014;transition:all .2s ease}.add-note:hover{background-color:#ffffff0d;box-shadow:0 2px 4px #0000001f}.add-note .add-note-input{width:100%;background:transparent;border:none;padding:8px 10px;color:var(--main-text-color);font-size:14px;outline:none}.add-note .add-note-input:focus{outline:2px solid var(--blue-button-color);outline-offset:-1px;border-radius:2px}.note-editor-column{flex:1;display:flex;flex-direction:column;height:calc(100% - var(--column-margin) * 2);background-color:var(--main-background-color);margin:var(--column-margin);border-radius:13px!important}.note-title-bar{display:flex;align-items:center;gap:12px;margin:17px 17px 16px 15px}.note-title-bar .note-title-flow-input .flow-text-input{width:300px;height:30px;background-color:var(--page-background-color)}.note-title-bar .note-title-input{width:300px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--main-text-color);font-size:14px}.note-title-bar .note-title-input::placeholder{color:#fff6}.note-title-bar .note-title-input:focus{outline:2px solid var(--blue-button-color);outline-offset:-1px}.note-title-bar .note-color-button{display:flex;align-items:center;justify-content:center;gap:2px;border:none;border-radius:4px;padding:11px;width:42px;height:42px;cursor:pointer;transition:all .2s ease}.note-title-bar .note-color-button .material-symbols-outlined{font-size:20px}.note-title-bar .note-color-button:hover{opacity:.9}.note-color-modal .modal-title{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--main-text-color)}.note-color-modal .modal-form{display:flex;flex-direction:column}.note-editor-wrapper{flex:1;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);overflow:hidden}.note-editor-controls{display:flex;align-items:center;background-color:var(--action-bar-background-color);border-bottom:1px solid #d0d0d0;overflow-x:auto;padding:7px 12px 6px}.note-editor-controls .editor-btn{display:flex;align-items:center;justify-content:center;background-color:#0000;color:#fff;margin-left:5px;border-radius:3px;flex-shrink:0;width:35px;height:30px;border:none;cursor:pointer;transition:all .2s}.note-editor-controls .editor-btn:hover{background-color:#b8b8b8}.note-editor-controls .editor-btn .material-symbols-outlined{font-size:22px}.note-editor-controls .editor-separator{width:1px;height:25px;background-color:#b0b0b0;margin:0 8px;flex-shrink:0}.note-editor-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 10px;background:#fff;height:100%}.note-editor-scrollable p{margin-top:8px}.note-editor-scrollable .note-content-area{width:100%;min-height:100%;font-size:16px;line-height:1;background:transparent;color:#1a1a1a;border:none;outline:none;resize:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.note-editor-scrollable .note-content-area::placeholder{color:#999}.note-editor-scrollable .note-content-area .ProseMirror{outline:none;border:none}.note-editor-scrollable .note-content-area .ProseMirror:focus{outline:none;border:none}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.flow-button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:3px;height:38px;padding:0 10px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.flow-button.default{background-color:var(--table-header-background-color);color:var(--main-text-color)}.flow-button.default:hover:not(:disabled){background-color:#ffffff26}.flow-button.update{background-color:var(--blue-button-color);color:var(--button-text-color)}.flow-button.update:hover:not(:disabled){background-color:var(--blue-button-hover-color)}.flow-button.danger{background-color:#e8697d;color:var(--button-text-color)}.flow-button.danger:hover:not(:disabled){background-color:#d54c4c}.flow-button.palette{gap:2px;color:#fff}.flow-button.palette:hover:not(:disabled){opacity:.9}.flow-button.palette .flow-button-icon{font-size:20px}.flow-button.palette .flow-button-chevron{font-size:16px;line-height:1;margin-left:2px}.flow-button:disabled{opacity:.5;cursor:not-allowed}.flow-button .flow-button-text{line-height:1}.flow-button .flow-button-icon{font-size:20px;line-height:1;margin-right:-4px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.remove-note-content{display:flex;flex-direction:column;padding:1rem;width:250px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.remove-deleted-notes-content{display:flex;flex-direction:column;padding:1rem;width:250px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.rearrange-note-groups-content{display:flex;flex-direction:column;padding:1rem;width:250px}.rearrange-note-groups-content .modal-button.cancel{align-self:flex-end;margin-left:auto}.rearrange-note-groups-content .rearrange-notegroup-item{display:flex;align-items:center;padding:8px;margin-bottom:8px;margin-top:20px;background-color:var(--task-background-color);border:1px solid var(--task-line-color);border-radius:2px;cursor:grab;transition:box-shadow .2s ease;touch-action:none}.rearrange-note-groups-content .rearrange-notegroup-item:active{cursor:grabbing}.rearrange-note-groups-content .rearrange-notegroup-item:hover{box-shadow:0 2px 8px #00000026}.rearrange-note-groups-content .rearrange-notegroup-item .drag-icon{margin-right:10px;color:var(--main-text-color);font-size:20px;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.add-note-group-content{display:flex;flex-direction:column;padding:1rem;width:250px}.add-note-group-content .color-picker-wrapper{width:100%;display:flex;justify-content:center}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.edit-note-group-content{display:flex;flex-direction:column;padding:1rem;width:250px}.edit-note-group-content .color-picker-wrapper{width:100%;display:flex;justify-content:center}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.modal-title{font-size:1rem;margin-top:-5px}.modal-form-title{font-size:.9rem;margin-top:10px}.modal-helper-text{color:var(--error-color);font-size:.9rem;margin-top:10px}.modal-text-input{width:230px;width:calc(100% - 20px);height:20px;padding:10px;margin-top:15px;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:.8rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none;cursor:auto}.modal-text-input:hover{background-color:var(--top-left-bar-background-color)}.modal-text-input:focus{outline:2px solid var(--blue-button-color);outline-offset:0px;background-color:var(--top-left-bar-background-color)}.modal-form-buttons{display:flex;flex-direction:row;justify-content:space-between;margin-top:30px}.modal-form-buttons .modal-button{width:120px;height:30px;border-radius:5px;border:none;background-color:var(--button-background-color);color:var(--button-text-color);font-size:.8rem;cursor:pointer!important}.modal-form-buttons .modal-button:hover{background-color:var(--button-hover-background-color)}.modal-form-buttons .modal-button.cancel{background-color:var(--cancel-button-background-color);color:var(--cancel-button-text-color)}.modal-form-buttons .modal-button.cancel:hover{background-color:var(--cancel-button-hover-background-color)}.modal-form-buttons .modal-button.save{background-color:var(--blue-button-color);color:var(--save-button-text-color)}.modal-form-buttons .modal-button.save:hover{background-color:var(--blue-button-hover-color)}.modal-form-buttons .modal-button.delete{background-color:var(--error-color);color:var(--save-button-text-color)}.modal-form-buttons .modal-button.delete:hover{background-color:#d45667}.modal-form-buttons .modal-button.cancel{background-color:var(--gray-button-color);color:var(--save-button-text-color)}.modal-form-buttons .modal-button.cancel:hover{background-color:var(--gray-button-hover-color)}.remove-notegroup-content{display:flex;flex-direction:column;padding:1rem;width:300px}.remove-notegroup-content .warning-text{margin-top:.5rem;font-size:.85rem;color:#888}.demo-wrapper{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--page-background-color)}.demo{background-color:var(--page-background-color);height:calc(100% - var(--action-bar-height));color:var(--main-text-color);overflow-y:auto;position:relative;margin-right:0}.demo .modal-demo{margin-left:30px}.demo .modal-buttons{display:flex;justify-content:center;align-items:center}.demo-content{margin:10px}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.modal-content-1{color:#00f}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.modal-content-2{color:#00f}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.right-side-bar-content-1{color:red}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.right-side-bar-content-2{color:green}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.flow-checkbox-container{display:inline-flex;align-items:center;gap:8px}.flow-checkbox-container .flow-checkbox{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.flow-checkbox-container .flow-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.flow-checkbox-container .flow-checkbox .checkmark{height:20px;width:20px;background-color:var(--checkbox-unchecked-background-color);border-radius:var(--checkbox-border-radius);display:inline-block;transition:background-color .2s ease;position:relative}.flow-checkbox-container .flow-checkbox input:checked+.checkmark{background-color:var(--checkbox-checked-color);border-color:var(--checkbox-checked-color)}.flow-checkbox-container .flow-checkbox .checkmark:after{content:"";position:absolute;display:none;left:7px;top:0;width:5px;height:15px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.flow-checkbox-container .flow-checkbox input:checked+.checkmark:after{display:block}.flow-checkbox-container .flow-checkbox input:disabled+.checkmark{opacity:.5;cursor:not-allowed}.flow-checkbox-container .checkbox-label{color:var(--main-text-color);font-size:14px;cursor:pointer}:root{--top-bar-height: 55px;--left-side-bar-max-width: 55px;--left-side-bar-min-width: 55px;--action-bar-height: 55px;--border-width: 1px;--border-highlight-width: 1px;--main-background-color: #303143;--main-text-color: #ffffff;--page-background-color: #24293b;--top-left-bar-background-color: #303143;--top-left-bar-active-background-color: #42435a;--activated-color: #2382e4;--bars-border-color: #1b1f2d;--action-bar-background-color: #535a72;--action-bar-spacer-border-color: #7f8084;--action-bar-button-hover-color: #808186;--spinner-backdrop-background-color: rgba(0, 0, 0, .5);--spinner-color: #ffffff;--task-completed-color: #34d491;--task-in-progress-color: #fdbc65;--task-stuck-color: #e8697d;--task-not-started-color: #797e93;--task-pending-color: #2382e4;--task-line-color: #42435a;--task-background-color: #303143;--priority-urgent-color: #e8697d;--priority-high-color: #fdbc65;--priority-medium-color: #2382e4;--priority-low-color: #34d491;--priority-trivial-color: #797e93;--error-color: #e8697d;--success-color: #34d491;--blue-button-color: #2382e4;--blue-button-hover-color: #1e6dbd;--gray-button-color: #42435a;--gray-button-hover-color: #535a72;--form-background-color: #0e081b;--checkbox-checked-color: #2382e4;--checkbox-unchecked-color: #42435a;--checkbox-border-color: #1b1f2d;--checkbox-border-radius: 2px;--checkbox-border-width: 2px;--checkbox-checked-background-color: #797e93;--checkbox-unchecked-background-color: #797e93;--table-header-background-color: #232330;--table-header-background-color: #545b73;--modal-background-color: #232330;--gradient-blue: linear-gradient( 135deg, #5fa8e3 0%, #2382e4 100% );--gradient-purple: linear-gradient( 135deg, #b773d1 0%, #a296e3 100% );--gradient-indigo: linear-gradient( 135deg, #2382e4 0%, #5e5cb3 100% );--gradient-violet: linear-gradient( 135deg, #a296e3 0%, #5e5cb3 100% );--gradient-pink: linear-gradient( 135deg, #d946a6 0%, #c88fb3 100% );--gradient-rose: linear-gradient( 135deg, #e09ba7 0%, #e85d75 100% );--gradient-orange: linear-gradient( 135deg, #f7a541 0%, #b68c4c 100% );--gradient-green: linear-gradient( 135deg, #75d0a4 0%, #4f9a4d 100% );--gradient-teal: linear-gradient( 135deg, #3ebde0 0%, #43c6c6 100% );--gradient-gray: linear-gradient( 135deg, #5a6b7a 0%, #7c8a97 100% );--color-purple: #b773d1;--color-green: #4f9a4d;--color-yellow: #f5d547;--color-orange: #f27a5e;--color-blue: #2382e4;--color-pink: #d946a6;--color-teal: #43c6c6;--color-rose: #e85d75;--color-gray: #7c8a97}.theme-alternative{--main-text-color: blue;--page-background-color: red;--top-left-bar-background-color: green;--top-left-bar-active-background-color: yellow;--activated-color: #2382e4;--bars-border-color: #1b1f2d;--action-bar-background-color: #535a72;--action-bar-spacer-border-color: #7f8084;--action-bar-button-hover-color: #808186;--spinner-backdrop-background-color: rgba(0, 0, 0, .5);--spinner-color: #ffffff}.authentication-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/backgrounds/background_twilight_tree.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex}.authentication-view .left-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.authentication-view .left-wrapper .title{font-size:2.5rem;color:var(--activated-color);align-self:flex-start;margin:20px 40px 40px}.authentication-view .left-wrapper .quote{margin-bottom:70px}.authentication-view .right-wrapper{width:650px;background-color:#000000b3;display:flex;align-items:center;flex-direction:column}.authentication-view .right-wrapper .title{font-size:3rem;color:var(--main-text-color);margin-bottom:50px;margin-top:200px}.authentication-view .right-wrapper .link{color:var(--main-text-color);text-decoration:none}.authentication-view .right-wrapper .link:visited{color:var(--main-text-color)}.authentication-view .right-wrapper .link:hover{text-decoration:underline}.authentication-view .right-wrapper .logo{position:absolute;bottom:70px}.authentication-view .center-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;height:400px;background-color:#000000b3;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center}.authentication-view .center-wrapper .link{color:var(--main-text-color);text-decoration:none}.authentication-view .center-wrapper .link:visited{color:var(--main-text-color)}.authentication-view .center-wrapper .link:hover{text-decoration:underline}.authentication-view .center-wrapper .options{display:flex;flex-direction:column;align-items:center;justify-content:center}.authentication-view .form{width:100%;display:flex;flex-direction:column;align-items:center}.authentication-view form .flow-form{width:400px;height:40px;padding:10px 10px 10px 20px;margin-bottom:20px;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none;cursor:auto}.authentication-view form .flow-form-row{width:175px;height:40px;padding:10px 10px 10px 20px;margin-bottom:0;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none;cursor:pointer}.authentication-view form .flow-form-row:first-of-type{margin-right:20px}.authentication-view form .flow-button{all:unset;width:400px;height:40px;padding:10px 10px 10px 20px;background-color:var(--activated-color);color:var(--main-text-color);font-size:1rem;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;display:flex;align-items:center;justify-content:center;border:none;outline:none}.authentication-view form .flow-button:hover{background-color:var(--blue-button-hover-color)}.authentication-view form .auth-names{display:flex;flex-direction:row}.authentication-view .flow-verification-button{all:unset;width:200px;height:30px;padding:10px 10px 10px 20px;background-color:var(--top-left-bar-background-color);color:var(--main-text-color);font-size:1rem;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;display:flex;align-items:center;justify-content:center}.authentication-view .flow-verification-button:first-of-type{margin-top:10px}.authentication-view .flow-verification-button:hover{background-color:var(--top-left-bar-active-background-color)}.authentication-view .flow-verification-button{border:none;outline:none}.authentication-view .flow-form-resend{width:200px;height:30px;padding:10px 10px 10px 20px;margin-bottom:0;margin-top:0;border:none;border-radius:5px;background-color:var(--form-background-color);color:var(--main-text-color);font-size:1rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;box-shadow:none;cursor:pointer}.top-bar-buttons .top-bar-modal-button{width:200px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px}.top-bar-buttons .top-bar-modal-button .top-bar-button-icon{width:30px;height:30px;margin-right:10px;margin-left:10px;display:flex;align-items:center;justify-content:flex-start}.top-bar-buttons .top-bar-modal-button .top-bar-button-text{margin-right:10px;display:flex;align-items:center;justify-content:flex-start}.top-bar-buttons .top-bar-modal-button:hover{background-color:var(--top-left-bar-active-background-color);cursor:pointer}.help-wrapper{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--page-background-color)}.help{background-color:var(--page-background-color);height:100%;color:var(--main-text-color);overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.help *{max-width:100%}.help-content{margin:40px auto;padding:0 40px;max-width:1200px;width:100%}.help-header{text-align:center;margin-bottom:60px;padding:40px 20px;background:var(--secondary-background-color);border-radius:16px;box-shadow:0 2px 8px #0000001a}.help-header h1{display:flex;align-items:center;justify-content:center;gap:12px;font-size:42px;margin:0 0 16px;color:var(--main-text-color);font-weight:700}.help-header h1 .help-logo{width:48px;height:48px}.help-header h1 .material-symbols-outlined{font-size:48px;color:#4a9eff}.help-header .help-subtitle{font-size:18px;color:var(--secondary-text-color);margin:0;line-height:1.6}.first-time-banner{margin-bottom:40px;background:#667eea;border-radius:12px;padding:28px 32px;box-shadow:0 4px 16px #667eea40}.first-time-banner .first-time-content{display:flex;align-items:flex-start;gap:20px}.first-time-banner .first-time-content .wave-icon{font-size:40px;color:#fff;flex-shrink:0;animation:wave 2.5s ease-in-out infinite}.first-time-banner .first-time-content .first-time-text{flex:1}.first-time-banner .first-time-content .first-time-text h3{margin:0 0 12px;font-size:22px;font-weight:600;color:#fff}.first-time-banner .first-time-content .first-time-text p{margin:0;font-size:16px;line-height:1.6;color:#fffffff2}.first-time-banner .first-time-content .first-time-text p strong{font-weight:600;color:#fff}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-8deg)}50%{transform:rotate(0)}}.help-section{margin-bottom:50px}.help-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.help-section .section-header .material-symbols-outlined{font-size:32px;color:#4a9eff}.help-section .section-header h2{margin:0;font-size:28px;font-weight:600;color:var(--main-text-color)}.help-card{background:var(--secondary-background-color);border-radius:12px;padding:30px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease;display:flex;gap:24px}.help-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.help-card .card-icon{flex-shrink:0}.help-card .card-icon .material-symbols-outlined{font-size:48px;color:#4a9eff;background:#4a9eff1a;padding:16px;border-radius:12px;display:block}.help-card .card-content{flex:1}.help-card .card-content.full-width{width:100%}.help-card .card-content h3{margin:0 0 12px;font-size:22px;font-weight:600;color:var(--main-text-color)}.help-card .card-content h4{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--main-text-color)}.help-card .card-content p{margin:0 0 16px;line-height:1.6;color:var(--secondary-text-color);font-size:15px}.help-card .card-content ul{margin:16px 0;padding-left:24px}.help-card .card-content ul li{margin-bottom:12px;line-height:1.6;color:var(--secondary-text-color);font-size:15px}.help-card .card-content ul li strong{color:var(--main-text-color);font-weight:600}.help-card .card-content .styled-list{list-style:none;padding-left:0}.help-card .card-content .styled-list li{position:relative;padding-left:28px}.help-card .card-content .styled-list li:before{content:"→";position:absolute;left:0;color:#4a9eff;font-weight:700;font-size:18px}.inline-icon{font-size:18px!important;vertical-align:middle;color:#4a9eff}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:24px}.feature-grid .feature-item{text-align:center;padding:24px;background:var(--page-background-color);border-radius:12px;transition:transform .2s ease}.feature-grid .feature-item:hover{transform:translateY(-4px)}.feature-grid .feature-item .material-symbols-outlined{font-size:48px;color:#4a9eff;margin-bottom:16px;display:block}.feature-grid .feature-item h4{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--main-text-color)}.feature-grid .feature-item p{margin:0;font-size:14px;color:var(--secondary-text-color);line-height:1.5}.features-list{display:flex;flex-direction:column;gap:24px;margin-top:20px}.features-list .feature-detail{display:flex;gap:20px;align-items:flex-start}.features-list .feature-detail .material-symbols-outlined{font-size:36px;color:#4a9eff;flex-shrink:0;background:#4a9eff1a;padding:12px;border-radius:8px}.features-list .feature-detail div{flex:1}.features-list .feature-detail div h4{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--main-text-color)}.features-list .feature-detail div p{margin:0;line-height:1.5;color:var(--secondary-text-color);font-size:15px}.tips-card{background:linear-gradient(135deg,#4a9eff1a,#4a9eff0d);border-left:4px solid #4a9eff}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.tips-grid .tip-item{display:flex;align-items:flex-start;gap:12px}.tips-grid .tip-item .material-symbols-outlined{font-size:24px;color:#4a9eff;flex-shrink:0;margin-top:2px}.tips-grid .tip-item p{margin:0;font-size:15px;line-height:1.5;color:var(--secondary-text-color)}.contact-card{background:linear-gradient(135deg,#4a9eff0d,#8a2be20d);border:2px solid var(--border-color)}.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:24px}.contact-options .contact-option{display:flex;gap:16px;align-items:flex-start;padding:20px;background:var(--secondary-background-color);border-radius:8px;transition:transform .2s ease}.contact-options .contact-option:hover{transform:translateY(-2px)}.contact-options .contact-option .material-symbols-outlined{font-size:36px;color:#4a9eff;flex-shrink:0}.contact-options .contact-option div{flex:1}.contact-options .contact-option div h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--main-text-color)}.contact-options .contact-option div p{margin:0;font-size:14px;color:var(--secondary-text-color);line-height:1.4}@media (max-width: 768px){.help-content{padding:0 20px;margin:20px auto}.help-header{padding:24px 16px;margin-bottom:40px}.help-header h1{font-size:32px;flex-direction:column;gap:8px}.help-header h1 .material-symbols-outlined{font-size:40px}.help-header .help-subtitle{font-size:16px}.help-section .section-header h2{font-size:24px}.help-section .section-header .material-symbols-outlined{font-size:28px}.help-card{padding:20px;flex-direction:column}.help-card .card-icon .material-symbols-outlined{font-size:40px;padding:12px}.feature-grid,.tips-grid,.contact-options{grid-template-columns:1fr}.features-list .feature-detail{flex-direction:column;gap:12px}}.admin-badge{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px;margin-right:8px;vertical-align:middle;box-shadow:0 2px 4px #667eea4d}.admin-badge-small{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;border-radius:10px;text-transform:uppercase;letter-spacing:.3px;margin-left:6px;vertical-align:middle;box-shadow:0 1px 3px #667eea4d}.info-card{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.2);margin-bottom:20px}.info-banner{display:flex;align-items:flex-start;gap:16px;padding:4px}.info-banner .material-symbols-outlined{color:#667eea;font-size:32px;flex-shrink:0}.info-banner h4{margin:0 0 8px;font-size:18px;color:var(--main-text-color)}.info-banner p{margin:0;font-size:14px;line-height:1.6;color:var(--secondary-text-color)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-family:"Exo 2",sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--main-background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}