:root{font-family: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:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sidebar{width:240px;inset:10px;border-radius:18px;padding:16px 10px 10px;flex-shrink:0;position:sticky;color:#fff;display:flex;flex-direction:column;transition:width .3s ease}.sidebar-minimised{width:75px}.sidebar-maximised{width:240px}.sidebar-header{padding:0 16px;margin-bottom:16px}.sidebar .MuiListItemButton-root{color:#fff;border-radius:10%}.sidebar .MuiListItemButton-root:hover{background-color:#34495e}.sidebar-footer{margin-top:auto}.sidebar-list-element{height:48px}.project-button-container{display:flex;flex-direction:column;gap:8px;background:#5a5a64bf;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:0 8px 20px #0000004d,0 0 25px #ffffff1a;border-radius:18px;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.project-button-container button{width:100%;padding:20px;border:none;border-radius:12px;transition:background-color .2s ease,transform .1s ease;text-align:left;display:flex;flex-direction:row;gap:16px}.project-button-container button:hover{background-color:#0056b3;transform:translateY(-1px)}.project-button-container .new-project-button{outline:rgba(0,0,0,.15) dashed 2px}.project-button-container-content{display:flex;flex-direction:column}.project-button-container .project-header{color:#fff;font-size:18px;cursor:pointer;font-weight:600;text-transform:none;line-height:100%}.project-button-container .project-subheader{color:#ddd;font-size:12px;cursor:pointer;font-weight:400;text-transform:none}.project-button-container .project-role{color:#bbb;font-size:12px;cursor:pointer;font-weight:400;text-transform:capitalize}.project-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .3s ease}.project-icon:hover{transform:scale(1.05);box-shadow:0 6px 14px #00000040}.project-list-container{display:flex;flex-direction:column;gap:8px;background:#5a5a64bf;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:0 8px 20px #0000004d,0 0 25px #ffffff1a;padding:8px;border-radius:18px;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.project-list-container button{width:100%;padding:12px;border:none;border-radius:12px;transition:background-color .2s ease,transform .1s ease;text-align:left;display:flex;flex-direction:row;gap:16px;outline:rgba(0,0,0,.15) solid 2px}.project-list-container button:hover{background-color:#0056b3;transform:translateY(-1px)}.project-list-container .new-project-button{outline:rgba(0,0,0,.15) dashed 2px}.project-list-button-content{display:flex;flex-direction:column}.project-list-container .project-header{color:#fff;font-size:18px;cursor:pointer;font-weight:600;text-transform:none;line-height:100%}.project-list-container .project-subheader{color:#ddd;font-size:12px;cursor:pointer;font-weight:400;text-transform:none}.project-list-container .project-role{color:#bbb;font-size:12px;cursor:pointer;font-weight:400;text-transform:capitalize}.project-list-container{background:#32323cd9!important;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-radius:18px!important;color:#fff!important;min-width:320px;padding:16px;box-shadow:0 8px 20px #00000059,0 0 25px #ffffff0d}.project-list-container .MuiMenuItem-root{padding:0;border-radius:12px;display:flex;align-items:center;gap:12px;transition:background-color .2s ease,transform .1s ease}.project-list-container .MuiMenuItem-root:hover{background-color:#ffffff14;transform:translateY(-1px)}.project-list-button-content{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;overflow:hidden}.project-header{font-size:1rem;font-weight:600;color:#fff;margin-bottom:2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-subheader{font-size:.85rem;color:#ccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-role{font-size:.75rem;color:#aaa;text-transform:uppercase}.new-project-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0;background-color:#5a5a6466;border:1px dashed rgba(255,255,255,.2);border-radius:12px;color:#fff;transition:background-color .2s ease,transform .1s ease}.new-project-button:hover{background-color:#ffffff1a;transform:translateY(-1px)}.project-list-container .MuiSvgIcon-root{color:#4caf50;margin-left:auto}html,body,#root{height:100vh;width:100vw!important;min-width:100vw;margin:0;padding:0}.app-container{display:flex;width:100vw;height:100vh;background:#b8f4ff;background:linear-gradient(135deg,#b8f4ff,#e8bdff 18%,#ff94c1 41%,#ff70ba 67%,#c861ff 83%,#6060e2);background:-moz-linear-gradient(135deg,hsla(189,100%,86%,1) 0%,hsla(279,100%,87%,1) 18%,hsla(335,100%,79%,1) 41%,hsla(329,100%,72%,1) 67%,hsla(279,100%,69%,1) 83%,hsla(240,69%,63%,1) 100%);background:-webkit-linear-gradient(135deg,hsla(189,100%,86%,1) 0%,hsla(279,100%,87%,1) 18%,hsla(335,100%,79%,1) 41%,hsla(329,100%,72%,1) 67%,hsla(279,100%,69%,1) 83%,hsla(240,69%,63%,1) 100%);color:#fff}.app-main{flex-grow:1;padding-top:36px;min-height:100vh;padding-bottom:8px;padding-right:8px}.sidebar-container{height:100vh;box-sizing:border-box;display:flex}.page-container{flex-grow:1;flex-shrink:1;flex-basis:0;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;padding:5px 12px 12px 5px;gap:5px;box-sizing:border-box;box-shadow:-4px -24px 4px #01010133}.ticket-page{margin-top:16px;margin-left:32px;margin-right:32px}.page-container{width:auto;inset:10px;background:#5a5a64bf;background-filter:blur(10px) saturate(150%);-webkit-background-filter:blur(10px) saturate(150%);box-shadow:0 8px 20px #0000004d,0 0 25px #ffffff1a;border-radius:18px;padding:16px 10px 10px;flex-shrink:0;position:sticky;color:#fff;display:flex;flex-direction:column}.tickets-container{display:flex;flex-direction:column;gap:16px}.ticket-card{border-radius:8px;box-shadow:0 2px 6px #0000001a}.ticket-card-content{display:flex;flex-direction:row;gap:4px}.ticket-header{display:flex;justify-content:space-between;align-items:center}.scrollable-container{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;padding-right:8px}.home-container{display:flex;flex-direction:column;gap:16px;padding:24px}.todo-list .MuiListItem-root{padding-left:0}.login-container{padding:40px 60px;margin:12px;width:400px;max-width:90%;text-align:center;background:#5a5a64bf;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:0 8px 20px #0000004d,0 0 25px #ffffff1a;border-radius:18px;flex-shrink:0;position:sticky;color:#fff;display:flex;flex-direction:column;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.login-container:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000059,0 0 30px #ffffff1a}.login-container h2{font-size:2.4rem;margin-bottom:16px;font-weight:600;color:#fff;margin-block-start:0}.login-container h3{font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:24px;text-align:center;letter-spacing:.5px;margin-block-start:0}.login-container input[type=email],.login-container input[type=password],.login-container input[type=text]{width:100%;padding:6px 20px;margin-bottom:20px;border-radius:12px;border:none;font-size:18px;outline:none;background:#ffffff1a;color:#fff;transition:background .2s ease,box-shadow .2s ease}.login-container input[type=email]:focus,.login-container input[type=password]:focus,.login-container input[type=text]:focus{background:#fff3;box-shadow:0 0 8px #ffffff4d}.login-container button{width:100%;padding:18px;border:none;border-radius:12px;background-color:#007bff;color:#fff;font-size:18px;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .1s ease}.login-container button:hover{background-color:#0056b3;transform:translateY(-1px)}.login-container a{display:inline-block;margin-top:15px;color:#a0cfff;text-decoration:none;font-size:14px}.login-container a:hover{text-decoration:underline}.error-box{background-color:#ff4d4f;color:#fff;padding:12px 20px;border-radius:10px;margin-bottom:16px;margin-left:32px;margin-right:32px;font-weight:500;box-shadow:0 4px 10px #0003}.login-heading.fade-out{opacity:0;transform:translateY(-10px)}.login-heading.fade-in{opacity:1;transform:translateY(0)}.login-tabs{display:flex;justify-content:center;margin:16px 0;border-radius:12px;overflow:hidden;background:#ffffff1a;box-shadow:inset 0 0 5px #0003;min-height:48px}.login-tab{flex:1;padding:12px 0;text-align:center;font-weight:600;color:#fff;cursor:pointer;transition:background .2s,color .2s}.login-tab.active{background:#ffffff40;color:#000}.login-tab:not(.active):hover{background:#ffffff26}.settings-field-row{display:flex;align-items:center;gap:12px;width:100%}.settings-field-label{width:120px;font-weight:600;font-size:1rem;color:#fff;flex-shrink:0}.settings-field-input{flex-grow:1;max-width:350px}.settings-field-input input,.settings-field-input textarea{background:#ffffff1a;color:#fff}.settings-field-button{flex-shrink:0;text-transform:none;font-weight:600;border-radius:10px;padding:6px 16px}.project-user-email{color:#fff;font-size:18px;font-weight:600;line-height:100%}.project-user-container{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:4px;background-color:#5a5a6480;border-radius:12px;box-shadow:0 2px 5px #0003;width:350px}.user-details-wrapper{display:flex;align-items:center;gap:8px}.project-user-role{color:#bbb;font-size:14px;font-weight:400;text-transform:capitalize}