.tasks-view{padding:1rem;border-radius:8px;font-family:Inter,sans-serif}.tasks-view h2{text-align:center;color:#fff}form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}input,select,button{padding:.5rem;font-size:1rem;border-radius:10px}input[type=text]{width:5%;font-family:Inter,sans-serif;color:#fff;background-color:#110e1a;box-sizing:border-box}input[type=text]:focus{outline:none}select,input[type=date]{background-color:#f0e3ec}button{background-size:cover;background-position:center;background-repeat:no-repeat;width:40px;height:40px;border:none;cursor:pointer;background-color:transparent;transition:transform .2s,box-shadow .2s;opacity:.7}button:hover{background-color:transparent;transform:translateY(-4px);opacity:1}.selection-list select,.input-form input{box-shadow:0 2px 8px #0003;transition:transform .2s,box-shadow .2s}.selection-list select:hover,.input-form input:hover{opacity:1;transform:translateY(-4px);box-shadow:0 0 5px 1px #fff,0 0 10px 5px var(--hover-glow)}.task-card button{opacity:0;pointer-events:none;transition:opacity .3s ease,transform .2s,box-shadow .2s}.task-card:hover button,.task-card-form:hover button{opacity:1;pointer-events:auto}.task-card-form .add-button,.task-card-form .buttonCheck,.task-card-form .buttonCancel{opacity:1}.task-cards-container{display:flex;flex-wrap:wrap;gap:1rem}.task-card,.task-card-form{flex:0 0 245px;max-width:245px;background-color:#1c1c2e;padding:1rem;border-radius:8px;color:#fff;box-shadow:0 2px 8px #0003;transition:transform .2s,box-shadow .2s;min-height:280px;max-height:500px;height:fixed;opacity:0;animation:fadeIn .5s ease forwards}.task-card,.task-card-form{transition:transform .3s ease,box-shadow .3s ease}.task-card:hover,.task-card-form:hover{opacity:1;transform:translateY(-4px);box-shadow:0 0 5px 1px #fff,0 0 8px 3px var(--hover-glow)}.task-card-enlarge{flex:0 0 500px;max-width:500px;min-height:500px;padding:1rem;border-radius:8px;color:#fff;box-shadow:0 0 50px 10px #fff,0 0 100px 50px var(--hover-glow);transition:transform .2s,box-shadow .2s}.task-card-enlarge:hover{opacity:1;transform:translateY(-4px);box-shadow:0 0 50px 10px #fff,0 0 100px 50px var(--hover-glow)}@media (max-width: 1200px){.task-card,.task-card-form{min-height:200px;height:280px;width:200px;min-width:200px;max-width:205px}.task-card-enlarge .task-card{height:475px;max-width:600px;width:250px}}@media (max-width: 768px){.task-cards-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;gap:1rem}.task-card,.task-card-form{min-height:200px;height:auto;width:200px;min-width:200px;max-width:205px}.center-task-only{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;margin:0 auto;padding:0;box-sizing:border-box}.center-task-only .task-card-form{height:auto;max-width:600px;width:250px;margin:0 0 150%}.tasks-view{width:100%;height:100%;display:flex;justify-content:center}.task-card-enlarge{display:flex;justify-content:center;align-items:center;height:auto;width:100%;margin:0 auto;padding:0;box-sizing:border-box}.task-card-enlarge .task-card{height:auto;max-width:600px;width:250px;margin:0 0 150px;box-sizing:border-box}}body{font-family:Inter,sans-serif}.sidebar-container{align-items:flex-start;background-color:#f0e3ec;border-radius:8px}.sidebar-container.collapsed{display:none;opacity:0}.sidebar-container{width:300px;flex-shrink:0;height:auto;align-self:stretch;overflow-y:auto;background-color:#f0e3ec;padding:1rem;box-sizing:border-box}.sidebar-container.collapsed{max-height:0;overflow:hidden;visibility:hidden!important;opacity:0}.sidebar-container.open{visibility:visible!important;opacity:0;animation:fadeIn .3s ease forwards}.sidebar{margin-right:1rem}.side-bar-buttons{margin-top:15px;display:flex;gap:5px;border-radius:800px}.error{position:fixed;top:90%;left:50%;transform:translate(-50%,-50%);width:fit-content;text-shadow:0 4px 12px rgba(71,26,88,.4);padding:1rem;background:#f0e3ec;border-radius:8px;box-shadow:0 4px 12px #b0f6;z-index:99999;color:#471a58;transition:transform .2s,box-shadow .2s;animation:fadeInOut 3s ease-out forwards;word-wrap:break-word;overflow-wrap:break-word;text-align:center}.sidebar-container h1{font-size:1.5rem;font-weight:700;position:sticky;margin-bottom:1rem;color:#1c1c2e}input[type=text]{width:100%;padding:10px 12px;font-family:Inter,sans-serif;color:#1c1c2e;background-color:#f0e3ec;border:none;border-radius:4px;margin-top:.5rem}.toggles{border-radius:999px;padding:.25rem;display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.toggleLabel{position:relative;cursor:pointer}.toggleLabel input[type=radio]{position:absolute;opacity:0;pointer-events:none}.toggleLabel span{display:inline-block;padding:.5rem 1rem;border-radius:20px;transition:background-color .3s,color .3s,transform .4s;background-color:#f0e3ec;color:#7e4a92;font-weight:600;box-shadow:0 2px 8px #0003}.toggleLabel input[type=radio]:hover+span:hover{box-shadow:0 2px 10px #0006;transform:translateY(-4px)}.toggleLabel input[type=radio]:checked+span{background-color:#7e4a92;color:#fff;box-shadow:0 2px 8px #0003}.toggles-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.headerToggle span{display:inline-block;padding:.5rem 2rem;border-radius:15px;transition:background-color .3s,color .3s,transform .2s;background-color:#f0e3ec;display:flex;justify-content:center;align-items:center;width:50px;height:30px;color:#471a58;font-weight:600;box-shadow:0 2px 8px #0003}.headerToggle input[type=radio]:checked+span{background-color:#471a58;color:#fff;box-shadow:0 2px 8px #0003}.headerToggle{position:relative;cursor:pointer}.headerToggle span:hover{transform:scale(1.05)}.headerToggle input[type=radio]{position:absolute;opacity:0;pointer-events:none}.side-bar-color{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.side-bar-color label{font-weight:700;margin-left:12px}.side-bar-color input[type=color]{width:60px;height:30px;border:2px solid #333;border-radius:8px;padding:0;cursor:pointer;margin-left:12px}.side-bar-color p{margin-left:12px}.side-bar-prompt-container{border:2px solid #471a58;padding:4px;border-radius:8px;opacity:.5;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:5px;box-shadow:0 2px 8px #0003}.side-bar-prompt-container:hover{opacity:1;background-color:transparent;transform:translateY(-4px);box-shadow:0 2px 10px #6a176766}.checkbox-item{color:#1c1c2e;box-shadow:0 2px 8px #0003;transition:transform .2s,box-shadow .2s;margin-bottom:.5rem;background-color:#f6e9f8;opacity:.8;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:8px 10px 10px}.checkbox-item .checkbox-icons{opacity:0;pointer-events:none;transition:opacity .3s ease,transform .2s,box-shadow .2s}.checkbox-item:hover .checkbox-icons{opacity:1;pointer-events:auto}.checkbox-icons button:hover{transform:none;transform:scale(1.2)}.checkbox-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000004d}input[type=checkbox]{accent-color:#471a58}.checkbox-content{display:flex;align-items:center;padding:0;margin:5px 0 0 8px}.side-bar-button-container{display:flex}.side-bar-button{background-color:#471a58;color:#fff;font:"Inter",sans-serif;padding:.5rem 2rem;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.side-bar-button:hover{background-color:#471a58;transform:translateY(-4px);box-shadow:0 4px 12px #0000004d}html,body{height:auto;margin:0;min-height:100vh}.task-view-layout{display:flex;align-items:stretch;min-height:100vh;position:relative}.tasks-view{flex:1;padding:1rem}.sidebar-container{width:300px;flex-shrink:0;height:auto;align-self:stretch;overflow-y:auto;background-color:#f0e3ec;padding:1rem;min-height:100%;box-sizing:border-box}.mobile-sidebar-toggle{position:fixed;display:none;top:1rem;left:1rem;color:#6c2d8f;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:2rem;z-index:10000}@media (max-width: 600px){.mobile-sidebar-toggle{display:block}.task-view-layout{flex-direction:row}.tasks-view{width:100%;padding:1rem}}.task-view-layout{display:flex;align-items:stretch;min-height:calc(100vh - 5rem);position:relative}h1{text-align:center;color:#fff;font-family:Inter,sans-serif}html,body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;background-color:#110e1a;font-family:Inter,sans-serif}body.no-scroll{overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none}.app-container{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.main-background,.login-background{flex:1;overflow-y:auto}.top-text{position:sticky;top:0;width:100%;height:5rem;z-index:9999;background:#110e1a;display:flex;justify-content:center;align-items:center}body,button,input,select,textarea,a,label,div{cursor:url(/Images/SquaredPointer_00001.png) 8 4,default}.login-background{background-image:url(/assets/LogInGridGrad-upXp0ObU.png)}.user-button{background-image:url(/Images/UserIcon.png);background-size:contain;background-repeat:no-repeat;width:40px;height:40px;border:none;background-color:transparent;cursor:pointer}.user-info{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background-color:#653dba;padding:5px 12px;border-radius:9px;z-index:999;display:grid;animation:fadeIn2 .5s ease forwards;opacity:0;min-width:120px;text-align:center}.user-options{position:fixed;top:1rem;right:8rem;z-index:1000}@media (max-width: 600px){.user-options{position:fixed;top:1rem;right:6rem;z-index:1000}}@media (max-width: 425px){.user-options{position:fixed;top:1.5rem;right:1rem;z-index:1000}.user-button{left:500%}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeIn2{to{opacity:1}}.task-view-layout{flex:1;overflow-y:auto;display:flex;height:calc(100vh - 5rem)}.main-background,.login-background{flex:1;overflow-y:auto;position:relative}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.sign-in-screen{position:relative;width:100vw;height:100vh;overflow:hidden}.sign-in-text{position:absolute;top:18%;left:50%;transform:translate(-50%,-50%) scale(2);transform-origin:center center;transition:transform .2s;z-index:4;width:200px}.sign-in-text:hover{transform:translate(-50%,-50%) scale(2) translateY(-4px)}.sign-in-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background-color:#fffc;padding:2rem;border-radius:1rem;width:90%;width:400px;font-size:1.2rem}.sign-in-form input{width:100%;font-size:1.4rem;margin-bottom:1rem;border:1px solid #aaa;background-color:#fff;width:90%;width:400px;border-radius:1rem}.sign-in-buttons button{font-size:1.1rem;background-color:#471a58;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:1rem;white-space:nowrap;display:inline-block;width:auto;height:auto}.sign-in-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.sign-in-message{position:fixed;top:90%;left:50%;transform:translate(-50%,-50%);max-width:80vw;width:fit-content;text-align:center;text-shadow:0 4px 12px rgba(71,26,88,.4);padding:1rem;background:#f0e3ec;border-radius:8px;box-shadow:0 4px 12px #b0f6;z-index:999;color:#471a58;transition:transform .2s,box-shadow .2s;animation:fadeInOut 3s ease-out forwards}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width: 600px){.sign-in-form{padding:2rem;font-size:1rem;width:50%;width:300px}.sign-in-form input{width:80%;font-size:.5rem}.sign-in-text{width:175px}}@media (max-width: 400px){.sign-in-form{padding:2rem;font-size:1rem;width:50%;width:250px}.sign-in-form input{width:90%;font-size:1rem}.sign-in-text{width:150px}}