.login-page{align-items:center;background:linear-gradient(145deg,#0a84c6,#3ccdff);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow:hidden;position:relative}.login-page:before{animation:bubbleFloat 20s linear infinite;background-image:radial-gradient(circle at 50% 50%,#ffffff1a 10%,#0000 10.5%),radial-gradient(circle at 80% 20%,#ffffff1a 5%,#0000 5.5%),radial-gradient(circle at 20% 70%,#ffffff1a 7%,#0000 7.5%);background-size:120px 120px,80px 80px,60px 60px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.register-page{align-items:center;background:linear-gradient(145deg,#0a84c6,#3ccdff);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;margin:0;min-height:100vh;overflow:hidden;position:relative}.register-page:before{animation:bubbleFloat 20s linear infinite;background-image:radial-gradient(circle at 50% 50%,#ffffff1a 10%,#0000 10.5%),radial-gradient(circle at 80% 20%,#ffffff1a 5%,#0000 5.5%),radial-gradient(circle at 20% 70%,#ffffff1a 7%,#0000 7.5%);background-size:120px 120px,80px 80px,60px 60px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff40;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 12px 30px #0003,0 0 20px #ffffff4d;margin:auto;max-width:450px;overflow:hidden;padding:3rem;position:relative;width:100%;z-index:2}.card:after{animation:ripple 8s ease-in-out infinite;background:radial-gradient(ellipse at center,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;width:200%;z-index:-1}.title{color:#fff;font-size:2.8rem;font-weight:700;margin-bottom:1rem;position:relative;text-shadow:0 0 15px #0096ff80}.title:after{animation:wave 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);bottom:-10px;content:"";height:5px;left:0;position:absolute;width:100%}.subtitle{color:#ffffffe6;font-size:1.25rem;font-weight:300;margin-top:.5rem}.form{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.label{font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.input,.label{color:#fff;font-size:1rem}.input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border:1px solid #ffffff4d;border-radius:12px;box-sizing:border-box;padding:1rem;transition:all .3s ease;width:100%}.input:focus{background-color:#ffffff4d;border-color:#fff;box-shadow:0 0 15px #ffffff80;outline:none}.input.error{background-color:#ff525233;border-color:#ff5252}.input::placeholder{color:#fff9;font-style:italic}.error-message{color:#ff5252;font-size:.9rem;font-weight:600;margin-top:.5rem;text-shadow:0 0 10px #ff52524d}.button{background:linear-gradient(135deg,#0ecffe,#07a6f1);border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.button:before{background:radial-gradient(circle,#ffffff4d 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .5s ease-out;width:200%}.button:hover:before{transform:scale(1)}.button:disabled{background:linear-gradient(135deg,#8dc5e3,#a9d4e9);cursor:not-allowed}.button:hover:not(:disabled){box-shadow:0 7px 15px #0003;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.footer{margin-top:2rem;text-align:center}.footer-text{color:#ffffffb3;font-size:1rem}.footer-link{color:#00e676;font-weight:700;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:after{background-color:#00e676;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.footer-link:hover{color:#69f0ae;text-shadow:0 0 10px #00e67680}.footer-link:hover:after{transform:scaleX(1);transform-origin:left}.dashboard-page{background:linear-gradient(145deg,#0a84c6,#3ccdff);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;overflow:hidden;position:relative}.dashboard-page:before{animation:bubbleFloat 20s linear infinite;background-image:radial-gradient(circle at 50% 50%,#ffffff1a 10%,#0000 10.5%),radial-gradient(circle at 80% 20%,#ffffff1a 5%,#0000 5.5%),radial-gradient(circle at 20% 70%,#ffffff1a 7%,#0000 7.5%);background-size:120px 120px,80px 80px,60px 60px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes bubbleFloat{0%{background-position:0 0,0 0,0 0}to{background-position:200px -200px,100px -100px,-100px 100px}}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border-right:1px solid #ffffff4d;box-shadow:0 0 20px #0000001a;height:100vh;left:0;overflow-y:auto;padding:1.5rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:10}.sidebar.show{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #ffffff4d;margin-bottom:2rem;padding-bottom:1rem}.sidebar-header h2{color:#fff;font-size:1.5rem;margin:0;text-shadow:0 0 10px #0096ff4d}.sidebar-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.sidebar-button{align-items:center;background-color:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.sidebar-button:hover{background-color:#ffffff4d;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.create-button{background-color:#0096ff99}.create-button:hover{background-color:#0096ffcc}.join-button{background-color:#ffffff40}.groups-list{margin-top:2rem}.groups-list h3{color:#fff;font-size:1.2rem;margin-bottom:1rem;text-shadow:0 0 10px #0096ff4d}.groups-list ul{list-style-type:none;margin:0;padding:0}.groups-list li{background-color:#ffffff26;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease}.groups-list li:hover{background-color:#ffffff4d;transform:translateX(5px)}.main-content{flex:1 1;padding:2rem;transition:margin-left .3s ease;width:100%}.main-content.shifted{margin-left:280px}.dashboard-title{color:#fff;font-size:2.8rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-shadow:0 0 15px #0096ff80;z-index:2}.dashboard-title:after{animation:wave 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);bottom:-10px;content:"";height:5px;left:0;position:absolute;width:60%}@keyframes wave{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.dashboard-container{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:2}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:992px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff40;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 12px 30px #0003,0 0 20px #ffffff4d;min-height:150px;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:80%;z-index:2}.dashboard-card:after{animation:ripple 8s ease-in-out infinite;background:radial-gradient(ellipse at center,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;width:200%;z-index:-1}.dashboard-card:hover{box-shadow:0 15px 35px #0000004d,0 0 25px #fff6;transform:translateY(-5px)}@keyframes ripple{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.1;transform:scale(1)}}.card-header{align-items:center;border-bottom:1px solid #fff3;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.card-title{color:#fff;font-size:1.5rem;font-weight:600;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px #0096ff4d;white-space:nowrap}.card-icon{color:#fffc;flex-shrink:0;font-size:1.5rem}.card-content{padding-top:.5rem}.value-text{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.subtext{color:#ffffffb3;font-size:.875rem}.username-container{background-color:#0003;border-radius:20px;font-size:1.2rem;font-weight:700;padding:.5rem 1rem;position:absolute;right:10px;top:10px}.sidebar-toggle,.username-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}.sidebar-toggle{align-items:center;background-color:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:fixed;top:20px;transition:background-color .3s ease;width:40px;z-index:100}.sidebar-toggle:hover{background-color:#ffffff4d}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fffffff2;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:2rem;position:relative;width:90%}.close-button{background:none;border:none;color:#555;cursor:pointer;position:absolute;right:15px;top:15px;transition:color .2s ease}.close-button:hover{color:#000}.modal-content h2{color:#0a84c6;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.form-group{margin-bottom:1.5rem;width:95%}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#0a84c6;outline:none}.submit-button{background-color:#0a84c6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease;width:100%}.submit-button:hover{background-color:#0970a6}@media (max-width:768px){.main-content{padding:1rem}.main-content.shifted{margin-left:0}.dashboard-title{font-size:2.2rem;margin-top:2.5rem}.card-title{font-size:1.2rem}.value-text{font-size:1.5rem}.sidebar{width:240px}}@media (min-width:769px){.sidebar-toggle{display:none}.sidebar{transform:translateX(0)}.main-content{margin-left:280px}}@media (min-width:768px) and (max-width:991px){.dashboard-grid{grid-template-columns:1fr}}.custom-dropdown{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:1px solid #fff6;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;outline:none;padding:.5rem 1rem;position:relative;text-shadow:0 0 5px #0096ff66;transition:all .3s ease;width:9%}.custom-dropdown:hover{background-color:#ffffff4d;box-shadow:0 6px 18px #00000026,0 0 10px #ffffff4d;transform:translateY(-2px)}.custom-dropdown:focus{border-color:#0096ff99;box-shadow:0 0 10px #0096ff80}.custom-dropdown option{background-color:#0a84c6;border-radius:8px;color:#fff;font-weight:500;padding:.5rem}.task-list{cursor:pointer;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.task-item{background-color:#fff3;border-radius:8px;color:#fff;font-size:.9rem;margin-bottom:6px;padding:6px 8px}.task-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.task-card{background:linear-gradient(145deg,#1e80ab,#268eb8);border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:600px;padding:2rem;width:90%;z-index:1001}.task-card:hover{box-shadow:0 8px 25px #00000040;transform:translateY(-5px)}.task-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.task-details{color:#f0f0f0;font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.task-status{background-color:#ffffff26;border-radius:6px;color:#d1f7ff;display:inline-block;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.3rem .6rem;text-transform:uppercase}.task-header{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:1px 1px 2px #0000004d}.task-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#72727200;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}
/*# sourceMappingURL=main.4d2730c1.css.map*/