#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}#root:has(>.pip){padding:0}#root:has(>.pip)~.swal2-container{display:none}.pip{display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.pip .app-title{gap:10px}.pip .app-title h1{font-size:2em;margin:0}.pip .app-title img{width:40px;height:40px}.pip p{margin:0}.root-project{display:flex;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;gap:50px}.app-page{flex-grow:1}.app-title{gap:20px;display:flex;align-items:center;justify-content:center}.participants{display:flex;flex-direction:column;position:fixed;right:30px;top:30px}.task-button-row{margin:15px}.textbox{box-sizing:border-box;border:1px;border-radius:4px;padding:12px;margin:12.5px 0;width:100%;font-size:16px;color:#fff;font-family:inherit}.textbox::placeholder{color:#959595}.loading-project-modal{min-height:400px;display:flex;justify-content:center;align-items:center}.project-modal{overflow-x:hidden}.project-select{margin-bottom:25px}.project-back-button{position:fixed;top:4vh;left:3.5vw;color:#fff;background-color:#dc143c;border-radius:50px;align-self:end;z-index:2}.project-top{margin-top:100px}.choice-buttons{display:"inline-block";font-weight:bolder;margin:5px 0;padding:12px 24px;border-radius:0}.choice-buttons:first-child{border-radius:4px 0 0 4px}.choice-buttons:last-child{border-radius:0 4px 4px 0}img{width:60px;height:60px}.dev{position:absolute;bottom:0;right:0;background-color:#3a3a3a;padding:3px 10px;border-top-left-radius:10px}li,ul{list-style-type:none}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;padding:16px}.grid-item{display:flex;flex-direction:column;font-family:Roboto,sans-serif;background:#181818;color:#fff;padding:20px;border-radius:8px;transition:ease-in-out .2s;align-items:center;justify-content:space-between;gap:10px}.grid-item:hover{padding:20px}.grid-item-title{font-size:20px}.grid-container .grid-item p{margin:0;overflow-wrap:break-word}.grid-container .grid-item p.id{font-size:clamp(.1rem,2.5vw,.5rem);text-align:center}.task-container{padding:1rem;margin-top:1rem;margin-bottom:1rem;box-shadow:10px 5px 5px #000;border:2px solid black;display:flex;align-items:center;justify-content:center;text-align:center}.avatar{border-radius:5rem;margin:7px .2rem;transition:.2s}.avatar:hover{transform:scale(1.15)}.avatars-view{display:grid;justify-content:center;align-items:center;text-align:center;position:fixed;z-index:1}.avatars-view:hover:before{display:block}.avatar-container{display:inline-block;position:relative}.tooltip{position:absolute;font-size:medium;transition:visibility .25s,opacity .25s linear;opacity:0;visibility:hidden;background:#000;color:#fff;border-radius:5px;left:50%;transform:translate(-50%);padding:.35rem .5rem;white-space:nowrap;justify-content:center;margin-top:2px;margin-bottom:5rem;z-index:1000}.tooltip-left{transform:translate(-100%,-160%);left:-10px}.avatar:hover+.tooltip{transition:opacity .25s linear;opacity:1;visibility:visible}.table{border-radius:5px;margin:auto;max-width:1000px}.full-table{min-height:50vh}.table-cell{display:flex;flex-wrap:nowrap}.task-count{font-weight:700;font-size:20px}.rdt_TableRow{padding:5px}.rdt_Table,.rdt_TableHeadRow{border-radius:5px 5px 0 0}.rdt_Pagination{border-radius:0 0 5px 5px}.top-blur{position:fixed;width:100%;top:0;left:0;height:100px;z-index:1;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent)}.project-page-switcher{position:fixed;left:0;right:0;top:4vh;z-index:2}.description{white-space:pre-line;text-align:left;margin:30px 0;font-size:15px}.task-modal{padding:20px}.label{margin-bottom:7.5px}.error{color:red;margin-bottom:10px}.container{display:flex;flex-direction:row;gap:8px;justify-content:space-between;margin-top:20px;margin-bottom:20px}.left-column{background-color:#141516;border-radius:10px;width:50%;padding-left:30px;padding-right:30px}.right-column{background-color:#141516;border-radius:10px;flex:1;width:27%;margin-left:20px;justify-content:center;vertical-align:middle}.modal{padding:20px}.name-textbox{margin-bottom:2.5px}.description-textbox{margin-bottom:2.5px;height:125px;min-height:125px;resize:vertical}.task-name{margin:0;font-size:40px}.margin-text,.status-text{margin-top:30px;margin-bottom:30px}.deadline-text{margin-top:30px;margin-bottom:30px;color:#f54}.assign-header{margin-top:30px;margin-bottom:4px}.assignee-avatars{margin:5px 0 30px}.assignees-container{display:flex;flex-wrap:nowrap;align-items:center}.remaining-text{padding:7px;font-size:15px;color:gray;white-space:nowrap}.mini-assignees{font-size:14px}.row-name{font-weight:700;text-align:left}.row-status{font-weight:bolder}.table-empty{margin:25px}.rdt_TableCell span{pointer-events:none}body{overflow-x:hidden}.dashboard-container{display:flex;flex-direction:row;justify-content:space-between;color:#fff;height:auto;width:auto;flex-wrap:wrap;box-sizing:border-box}.no-tasks{height:50vh;display:flex;flex-direction:column;justify-content:space-evenly}.pie-chart-container{flex:1;max-width:100%;margin-right:20px;background-color:#3a3a3a;border-radius:10px;padding:20px;box-shadow:0 4px 8px #00000080}.doughnut-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:50vh;height:100%}.empty-tasks-message{justify-content:center;align-items:center;text-align:center;border-radius:10px;padding:20px;margin:20px;background-color:#4a4a4a;box-shadow:0 4px 8px #0000001a}.task-list-container{flex:1;max-width:50%;padding:20px;background-color:#3a3a3a;border-radius:10px;box-shadow:0 4px 8px #00000080;overflow-x:hidden;justify-content:center}.task-list-container .rdt_TableHeader,.task-list-container .rdt_Table,.task-list-container .rdt_TableHeadRow,.task-list-container .rdt_TableBody>*{background:none}.task-list-container h2{margin-top:.25em}.project-title{font-size:36px;font-weight:700;color:#fff;text-align:center;margin:5vw 0;margin-bottom:20px;font-family:Helvetica Neue,Arial,sans-serif;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.dashboard-container{flex-direction:column}.pie-chart-container{margin:0;padding:20px 0 0;width:100%}.task-list-container{margin:0;padding:0;min-width:100%}.empty-tasks-message,.doughnut-wrapper{height:50vh}}.card-view{display:flex;font-weight:100;flex-direction:row;min-height:50vh}.card-column{border-radius:10px;border-width:3px;margin:10px}.card-column h2{margin:12px}.task-card{font-weight:500;margin:10px;border-radius:10px;background:#121212;position:relative;border:2px solid transparent}.task-card:hover{border-color:#242424}.task-card .name{margin:3px;padding:3px}.task-card .assignees{margin:5px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:3px solid transparent;padding:.8em 1.5em;margin:4px;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border:3px solid #646cff}button:active{transition:background-color .25s}button:focus,button:focus-visible{border-color:transparent}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}