*{padding:0;margin:0;box-sizing:border-box;position:relative;scroll-behavior:smooth;outline-color:transparent}@font-face{font-family:Inter;src:url(https://join-5-1183.developerakademie.net/angular-projects/join/font/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html{--font-size-sm: clamp(.83rem, .02vw + .83rem, .84rem);--font-size-base: clamp(1rem, .19vw + .96rem, 1.13rem);--font-size-md: clamp(1.2rem, .45vw + 1.09rem, 1.5rem);--font-size-lg: clamp(1.44rem, .84vw + 1.24rem, 2rem);--font-size-xl: clamp(1.73rem, 1.41vw + 1.4rem, 2.66rem);--font-size-2xl: clamp(2.07rem, 2.22vw + 1.55rem, 3.55rem);--font-size-3xl: clamp(2.49rem, 3.38vw + 1.7rem, 4.73rem);--font-size-4xl: clamp(2.99rem, 5vw + 1.82rem, 6.31rem);--font-size-base:1rem}a{color:#29abe2;text-decoration:none}a:hover{color:#6e52ff}h1{font-size:var(--font-size-2xl)}h2,h3,h4{font-weight:400}h3{color:#2a3647;font-size:var(--font-size-xl)}@media (width < 527px){h3{font-size:var(--font-size-md)}}a:hover,button:hover{cursor:pointer}.overlay{position:fixed;top:0;left:0;height:100svh;width:100%;background-color:#242424b6;z-index:9999;display:flex;justify-content:center;align-items:center;overflow-y:auto;overscroll-behavior:contain}.card{border-radius:.625rem;padding:1rem;box-shadow:0 5px 6px #00000012;background:#fff;gap:clamp(.75rem,.7143rem + .1786vw,.875rem);margin:clamp(.75rem,.7143rem + .1786vw,.875rem) 0}.small-card-padding{padding:clamp(1rem,.9643rem + .1786vw,1.125rem)}.big-card-padding{padding:clamp(1.2rem,1.1411rem + .2946vw,1.4063rem)}@media (width < 767px){.big-card-padding{padding:0}}.section-overlay{position:fixed;top:0;left:0;width:100svw;height:100svh;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:999;animation:slideInFromRight .3s ease-out forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:0 3rem}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.circle-size-big{width:6rem;height:6rem;border-radius:50%;border:3px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);margin-right:clamp(1rem,.9643rem + .1786vw,1.125rem);flex-shrink:0;box-shadow:0 5px 5px #0000000d;text-shadow:0 5px 6px rgba(0,0,0,.07)}.close-btn{position:absolute;top:30px;right:1.25rem;cursor:pointer;z-index:998}.line-separator{position:relative;margin:0 clamp(.5rem,.4821rem + .0893vw,.5625rem);height:100%;min-height:40px}.line-separator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:60%;width:3px;background-color:#29abe2;border-radius:2px}@media (width < 873px){.line-separator:after{background-color:transparent}}.underline{position:relative;display:inline-block}.underline:before{content:"";position:absolute;bottom:-6px;left:0;width:35%;height:3px;background-color:#29abe2;border-radius:2px;display:none}@media (width < 873px){.underline:before{display:block}}.circle{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:clamp(1rem,.9643rem + .1786vw,1.125rem);flex-shrink:0;box-shadow:0 5px 5px #0000000d;text-shadow:0 5px 6px rgba(0,0,0,.07)}.circle-section{display:flex;gap:clamp(1.2rem,1.1411rem + .2946vw,1.4063rem);align-items:center}.circle-help,.circle-user{border-radius:50%;background-color:transparent}.circle-user{border:2px #2a3647 solid;width:35px;height:35px;text-align:center;margin-right:2rem;color:#a8a8a8}.circle-user:hover{background:#f6f7f8}.circle-help{border:2px #CDCDCD solid;width:19px;height:19px;text-align:center;font-size:var(--font-size-base);cursor:pointer}.primary{background:#2a3647;color:#fff}.primary:hover{background-color:#29abe2;border-color:transparent;box-shadow:0 5px 6px #00000012}@media (width < 767px){.ai-center{align-items:center}.jc-center{justify-content:center}.basic-gap{gap:clamp(1rem,.9643rem + .1786vw,1.125rem)}.small-gap{gap:clamp(.75rem,.7143rem + .1786vw,.875rem)}.rounded-submenu{display:flex;position:sticky;top:86%;left:90%;z-index:9998}.search-container button{display:none}}@media (width > 767px){.rounded-submenu{display:none}.subheadline{position:relative;display:inline-block}.subheadline:before{content:"";position:absolute;bottom:-8px;left:0;width:25%;border-bottom:3px solid #29abe2}}.flex{display:flex}.flex-1{flex:1}.column{flex-direction:column}.row{flex-direction:row}.space-between{justify-content:space-between}.center{display:flex;justify-content:center;align-items:center}.center-column{display:flex;justify-content:center;align-items:center;flex-direction:column}.center-row{display:flex;flex-direction:row;justify-content:center;align-items:center}.small-padding{padding:clamp(.5rem,.4821rem + .0893vw,.5625rem) clamp(.75rem,.7143rem + .1786vw,.875rem)}.grid-col-span-2{grid-column:span 2}.margin-bottom{margin-bottom:clamp(2.0736rem,1.8813rem + .9614vw,2.7466rem)}.margin-bottom-large{margin-bottom:clamp(3rem,3rem + .5357vw,4rem)}.justify-center{justify-content:center}.grid-3-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-2xs)}@media (width < 520px){.grid-3-col{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}}.grid-2-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(162px,1fr));gap:var(--spacing-2xs)}.container{margin:var(--spacing-3xl);display:flex;justify-content:center;flex-direction:column;max-width:1440px;padding:4%}@media (width < 960px){.container{max-width:97svw}}.margin-top{margin-top:clamp(1rem,.9643rem + .1786vw,1.125rem)}.margin-top-big{margin-top:clamp(2rem,1.9286rem + .3571vw,2.25rem)}.hover-scale-btn:hover{transform:scale(1.1);transform-origin:center;transition:all .15s ease-in-out}.progress-bar-container{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:clamp(.5rem,.4821rem + .0893vw,.5625rem)}.progress-bar{height:100%;background-color:#29abe2;border-radius:4px;transition:width .3s ease}.priority-btn{padding:10px;width:100%;border:1px solid #d2cfcf;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-base);position:relative;display:flex;align-items:center;justify-content:center}.priority-btn span{height:21px}.priority-btn.urgent svg{fill:red}.priority-btn.urgent.selected,.priority-btn.urgent:hover{background-color:red;color:#fff;border-color:red}.priority-btn.urgent.selected svg,.priority-btn.urgent:hover svg{fill:#fff}.priority-btn.medium svg{fill:#ffa800}.priority-btn.medium.selected,.priority-btn.medium:hover{background-color:#ffa800;color:#fff;border-color:#ffa800}.priority-btn.medium.selected svg,.priority-btn.medium:hover svg{fill:#fff}.priority-btn.low svg{fill:#7ae229}.priority-btn.low.selected,.priority-btn.low:hover{background-color:#7ae229;color:#fff;border-color:#7ae229}.priority-btn.low.selected svg,.priority-btn.low:hover svg{fill:#fff}.priority-buttons{display:flex;gap:1rem}@media (width < 435px){.priority-buttons{flex-direction:column}}.add-task-container{width:100%;margin:0;border-radius:clamp(.75rem,.7143rem + .1786vw,.875rem);display:flex;padding:4%;flex-direction:column;overflow-y:auto;height:100%}.add-task-heading{font-weight:700;color:#000;margin-bottom:1.5rem}.card-wrapper{max-width:90svw;max-height:99svh;overflow-y:auto}.justify-start{justify-content:flex-start}.validation-message{color:#ff3d00;font-size:var(--font-size-base);margin-top:4px}.big-card{max-width:37.5rem;display:flex;flex-direction:column;justify-content:center;overflow:auto;box-shadow:0 5px 6px #00000012;background:#fff;gap:clamp(.75rem,.7143rem + .1786vw,.875rem);margin:clamp(.75rem,.7143rem + .1786vw,.875rem) 0;border-radius:clamp(2rem,1.9286rem + .3571vw,2.25rem)}@media (width < 860px){.big-card{width:85svw}}.big-card h1{text-align:center}.big-border-radius{border-radius:clamp(2rem,1.9286rem + .3571vw,2.25rem)}.btn{border-radius:.625rem;padding:.5rem 1rem;font-size:var(--font-size-base);border-color:transparent;cursor:pointer;transition:all .2s ease}.button-group{display:flex;gap:1.25rem;justify-content:center;margin-bottom:1rem}@media (width < 336px){.button-group{flex-direction:column}}.button-group button{border-radius:.625rem;font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease}.button-group button.cancel-btn{background-color:#fff;color:#2a3647;border:1px solid #2a3647}.button-group button.cancel-btn:hover{box-shadow:0 5px 6px #00000012;color:#29abe2;border:1px solid #29abe2}.button-group button.create-btn{background-color:#2a3647;color:#fff;border:1px solid #2a3647}.button-group button.create-btn:hover{background-color:#29abe2;border-color:#29abe2;box-shadow:0 5px 6px #00000012}.close-btn{position:absolute;top:30px;right:1.25rem;cursor:pointer;padding:clamp(.5rem,.4821rem + .0893vw,.5625rem) clamp(.75rem,.7143rem + .1786vw,.875rem);z-index:998}.close-btn:hover{background:#d2cfcf;opacity:.5;border-radius:50%}.close-btn img{width:24px;height:24px}.delete-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-dialog{background:#2a3647;padding:2rem;border-radius:8px;max-width:320px;box-shadow:0 4px 16px #0000004d;text-align:center;color:#fff}.button-row{display:flex;justify-content:space-between;margin-top:1.5rem}.btn.cancel{background:#d2cfcf}.btn.delete{background:#e53935;color:#fff}.priority-icon{margin-left:clamp(.75rem,.7143rem + .1786vw,.875rem);padding-top:2px}.submit-btn{padding:12px 24px;background-color:#2a3647;color:#fff;border:none;border-radius:8px;font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease}.submit-btn:hover{background-color:#1f2a3c8e;box-shadow:0 5px 6px #00000012}.delete-dialog p{margin-bottom:clamp(1.44rem,1.3492rem + .454vw,1.7578rem)}.category-user-story{background-color:#0038ff}.category-technical-task{background-color:#a8a8a8}.category-default{background-color:#2a3647}.user-story-clr{background:#0038ff}.technical-clr{background:#a8a8a8}.form-content{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.flex-required{padding-bottom:calc(clamp(2rem,1.9286rem + .3571vw,2.25rem) + env(safe-area-inset-bottom))}.priority{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:0rem}.form-group{display:flex;flex-direction:column;width:100%}.form-group label{font-size:var(--font-size-base);color:#000;width:100%;margin-bottom:clamp(.5rem,.4821rem + .0893vw,.5625rem)}.form-group-height{min-height:96px}.input-group{display:block;width:100%;margin-bottom:.5rem;display:flex;align-items:center}.input-group label{display:block}.input-groupselect{display:block;width:400px}.input-group img{position:absolute;width:1.25rem;height:1.25rem;margin-right:clamp(1rem,.9643rem + .1786vw,1.125rem)}.input-border-radius{border:1px #d2cfcf solid;border-radius:clamp(.5rem,.4821rem + .0893vw,.5625rem);padding:3px}.input-group.column{flex-direction:column;align-items:stretch}.justify-space-between{justify-content:space-between}.ghost-btn{background:transparent;border:1px solid #2a3647;color:#2a3647}.ghost-btn:hover{box-shadow:0 5px 6px #00000012;color:#29abe2;border:1px solid #29abe2}.textarea-form-group{margin-bottom:clamp(1.44rem,1.3492rem + .454vw,1.7578rem)}input,textarea,select{width:100%;padding:clamp(.5rem,.4821rem + .0893vw,.5625rem) clamp(2rem,1.9286rem + .3571vw,2.25rem) clamp(.5rem,.4821rem + .0893vw,.5625rem) clamp(.5rem,.4821rem + .0893vw,.5625rem);border:1px solid #d2cfcf;border-radius:clamp(.5rem,.4821rem + .0893vw,.5625rem);font-size:var(--font-size-base);font-family:Inter,sans-serif}input:focus,textarea:focus,select:focus{outline:none;border-color:#29abe2}input.valid-field,textarea.valid-field,select.valid-field{border-color:#4caf50;background-color:#4caf500d}input.invalid-field,textarea.invalid-field,select.invalid-field{border-color:red;background-color:#f443360d}.validation-error{color:red;font-size:.85rem;margin-top:clamp(.25rem,.2321rem + .0893vw,.3125rem);display:block;text-align:left}.add-icon{border-radius:.625rem;padding:clamp(.25rem,.2321rem + .0893vw,.3125rem) clamp(.5rem,.4821rem + .0893vw,.5625rem);border:2px solid #2a3647;background:transparent;cursor:pointer}.search-container button{display:flex}.justify-end{justify-content:flex-end}.iconsbefore{display:flex;gap:clamp(.5rem,.4821rem + .0893vw,.5625rem);height:clamp(1rem,.9643rem + .1786vw,1.125rem)}.iconsbefore:hover{color:#29abe2}.iconsbefore svg{fill:#2a3647;transition:fill .3s}.iconsbefore:hover svg{fill:#29abe2}.check svg{fill:#fff}.check.selected,.check:hover{background-color:#7ae229;color:#fff;border-color:#7ae229}.check.selected svg,.check:hover svg{fill:#fff}.custom-select-wrapper{position:relative;width:100%}.custom-select-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(.5rem,.4821rem + .0893vw,.5625rem) clamp(.75rem,.7143rem + .1786vw,.875rem);border:1px solid #d2cfcf;border-radius:clamp(.5rem,.4821rem + .0893vw,.5625rem);background:#fff;cursor:pointer;font-size:var(--font-size-base);transition:border-color .2s ease}.custom-select-header:hover{border-color:#a8a8a8}.custom-select-header.open{border-color:#2a3647}.custom-select-header.open .dropdown-arrow{transform:rotate(180deg);color:#2a3647}.custom-select-header .placeholder{flex:1;color:#000}.custom-select-header .dropdown-arrow{color:#a8a8a8;transition:all .2s ease;display:flex;align-items:center}.custom-select-header .dropdown-arrow svg{width:14px;height:8px}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d2cfcf;border-top:none;border-radius:0 0 clamp(.5rem,.4821rem + .0893vw,.5625rem) clamp(.5rem,.4821rem + .0893vw,.5625rem);max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 8px #0000001a}.contact-option,.category-option{display:flex;justify-content:space-between;align-items:center;padding:clamp(.5rem,.4821rem + .0893vw,.5625rem) clamp(1rem,.9643rem + .1786vw,1.125rem);cursor:pointer;transition:background-color .2s ease}.contact-option:hover,.category-option:hover{background-color:#2a3647;color:#fff}.contact-option:hover .contact-name,.category-option:hover .contact-name{color:#fff}.contact-option:hover .checkbox-indicator,.category-option:hover .checkbox-indicator{color:#fff;border-color:#fff}.contact-option.selected,.category-option.selected{background-color:#2a3647;color:#fff}.contact-option.selected .contact-name,.category-option.selected .contact-name{color:#fff}.contact-option.selected .checkbox-indicator,.category-option.selected .checkbox-indicator{color:#fff;border-color:#fff}.contact-option-content{display:flex;align-items:center;gap:clamp(.5rem,.4821rem + .0893vw,.5625rem);flex:1}.circle-small{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:10px;flex-shrink:0;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.checkbox-indicator{color:#2a3647;font-weight:700;font-size:16px;width:20px;height:20px;border:1px solid #2a3647;border-radius:3px;display:flex;align-items:center;justify-content:center}.horizontal-line{border-right:1px solid #d2cfcf;margin:0 20px}@media (width <= 1287px){.horizontal-line{margin:0 10px}}@media (width <= 850px){.horizontal-line{display:none}}.custom-select-header.invalid-field{border-color:red;background-color:#f443360d}body{font-family:Inter,sans-serif;font-weight:400;background:#f6f7f8;text-wrap:balance}.mat-mdc-progress-bar,.mat-typography{font-family:Inter,sans-serif!important}a:hover{cursor:pointer}