body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #fff3;box-shadow:0 2px 15px #0000001a;height:60px;left:0;padding:8px 0;position:fixed;top:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:1000}.header.scrolled{background:#fffffffa;box-shadow:0 3px 15px #0000001a;padding:6px 0}.container{justify-content:space-between}.container,.logo{align-items:center;display:flex;height:100%}.logo{transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-img{border:2px solid #667eea;box-shadow:0 3px 10px #667eea4d;height:35px;margin-right:10px;transition:all .3s ease;width:35px}.logo:hover .logo-img{box-shadow:0 4px 15px #667eea66;transform:rotate(10deg)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700;transition:all .3s ease}.logo:hover .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#764ba2,#667eea);-webkit-background-clip:text;background-clip:text}.nav{gap:15px}.user-welcome{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;display:flex;gap:10px;padding:6px 12px}.user-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:30px;object-fit:cover;transition:transform .3s ease;width:30px}.user-welcome:hover .user-avatar{transform:rotate(15deg)}.welcome-text{color:#fff;font-size:.85rem;font-weight:500}.user-name{font-weight:700;text-shadow:0 1px 3px #0000004d}.logout-btn{align-items:center;background:linear-gradient(135deg,#ff758c,#ff7eb3);border:none;border-radius:20px;box-shadow:0 3px 10px #ff758c4d;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 5px 15px #ff758c66;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.logout-icon{font-size:1rem;transition:transform .3s ease}.logout-btn:hover .logout-icon{transform:translateX(3px)}.nav-link{align-items:center;border-radius:18px;color:#4a5568;display:flex;font-size:.9rem;font-weight:600;gap:6px;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.register-link{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 3px 10px #4facfe4d;color:#fff}.register-link:hover{background:linear-gradient(135deg,#00f2fe,#4facfe);box-shadow:0 5px 15px #4facfe66}.link-icon{font-size:1rem;transition:transform .3s ease}.nav-link:hover .link-icon{transform:scale(1.2)}.menu-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;display:none;flex-direction:column;height:36px;justify-content:center;padding:0;width:36px}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#fff;border-radius:2px;height:2px;transition:all .3s ease;width:22px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{transform:translateY(-7px)}.hamburger:after{transform:translateY(7px)}.hamburger.open{background:#0000}.hamburger.open:before{transform:rotate(45deg)}.hamburger.open:after{transform:rotate(-45deg)}.header-decoration{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.decoration-circle{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.circle-1{height:60px;left:10%;top:15%;width:60px}.circle-2{height:40px;right:15%;top:55%;width:40px}.circle-3{height:25px;left:20%;width:25px}@media (max-width:768px){.container{padding:0 15px}.menu-toggle{display:flex}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 5px 20px #00000026;flex-direction:column;gap:10px;left:0;opacity:0;padding:15px;position:absolute;top:100%;transform:translateY(-100%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);visibility:hidden;width:100%}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.user-welcome{flex-direction:column;padding:10px;text-align:center}.logo-text{font-size:1.2rem}.header-decoration{display:none}}@media (max-width:480px){.header{height:55px;padding:6px 0}body{padding-top:55px}.logo-img{height:30px;width:30px}.logo-text{font-size:1.1rem}.welcome-text{font-size:.8rem}.logout-btn,.nav-link{font-size:.85rem;padding:6px 12px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.shape{background:#ffffff1a}.shape-1{animation:float 15s ease-in-out infinite;height:300px;left:-100px;top:-100px;width:300px}.shape-2{animation:float 12s ease-in-out infinite reverse;bottom:-50px;height:200px;right:100px;width:200px}.shape-3{animation:float 10s ease-in-out infinite;height:150px;right:-50px;top:50%;width:150px}.login-card{animation:slideUp .8s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;display:flex;height:550px;overflow:hidden;width:900px;z-index:1}.login-illustration{background:linear-gradient(135deg,#4facfe,#00f2fe);flex:1 1;overflow:hidden;position:relative}.illustration-img{opacity:.9}.login-form-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.login-header{margin-bottom:30px;text-align:center}.logo-img{border:3px solid #f0f0f0}.login-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 10px}.login-header p{color:#718096;font-size:.95rem;margin:0}.login-form{margin-bottom:25px}.login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 20px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:15px;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 15px 25px #667eea66;transform:translateY(-3px)}.login-btn:active:not(:disabled){transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-btn.loading{background:linear-gradient(135deg,#a0aec0,#718096);gap:10px;justify-content:center}.login-btn:hover:not(:disabled) .btn-arrow{transform:translateX(5px)}.login-footer{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.login-footer p{color:#718096;font-size:.9rem;margin:0}@media (max-width:950px){.login-card{flex-direction:column;height:auto;max-width:500px;width:100%}.login-illustration{height:200px}.illustration-overlay{padding:15px}.illustration-overlay h3{font-size:1.2rem}.illustration-overlay p{font-size:.8rem}}@media (max-width:480px){.login-container{padding:10px}.login-form-section{padding:30px 20px}.login-header h2{font-size:1.5rem}}.register-container{align-items:center;background:linear-gradient(135deg,#ff758c,#ff7eb3);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.register-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.shape{background:#ffffff26;border-radius:50%;position:absolute}.shape-1{animation:float 18s ease-in-out infinite;height:250px;left:-80px;top:-80px;width:250px}.shape-2{animation:float 15s ease-in-out infinite reverse;bottom:-40px;height:180px;right:120px;width:180px}.shape-3{animation:float 12s ease-in-out infinite;height:120px;right:-40px;top:30%;width:120px}.shape-4{animation:float 10s ease-in-out infinite reverse;bottom:20%;height:100px;left:5%;width:100px}.register-card{animation:slideUp .8s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:20px;box-shadow:0 25px 50px #0003;display:flex;height:600px;overflow:hidden;width:950px;z-index:1}.register-illustration{background:linear-gradient(135deg,#ff758c,#ff7eb3);flex:1 1;overflow:hidden;position:relative}.illustration-img{height:100%;object-fit:cover;opacity:.85;transition:transform .5s ease;width:100%}.register-illustration:hover .illustration-img{transform:scale(1.05)}.illustration-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:30px;position:absolute;right:0;text-align:center}.illustration-overlay h3{font-size:1.5rem;font-weight:600;margin:0 0 10px}.illustration-overlay p{font-size:.9rem;line-height:1.5;margin:0;opacity:.9}.register-form-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:40px}.register-header{margin-bottom:30px;text-align:center}.logo-img{border:3px solid #f8f9fa;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:60px;margin-bottom:15px;object-fit:cover;width:60px}.register-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 10px}.register-header p{color:#718096;font-size:.95rem;margin:0}.register-form{margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.input-container{position:relative}.input-field{border-radius:12px;box-sizing:border-box;padding:15px 15px 15px 45px}.input-field:focus{border-color:#ff758c;box-shadow:0 0 0 3px #ff758c1a;transform:translateY(-2px)}.input-icon{font-size:1.1rem;left:15px;transform:translateY(-50%)}.password-strength{align-items:center;display:flex;gap:10px;margin-top:8px}.strength-bar{background:#e2e8f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden;transition:all .3s ease}.strength-bar.active{background:#ff758c}.strength-bar.strong{background:#48bb78}.strength-text{color:#a0aec0;font-size:.8rem;font-weight:500}.strength-bar.strong~.strength-text{color:#48bb78}.password-mismatch{color:#e53e3e}.password-match,.password-mismatch{font-size:.8rem;font-weight:500;margin-top:5px}.password-match{color:#48bb78}.register-btn{align-items:center;background:linear-gradient(135deg,#ff758c,#ff7eb3);border:none;border-radius:12px;box-shadow:0 10px 20px #ff758c4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.register-btn:hover:not(:disabled){box-shadow:0 15px 25px #ff758c66;transform:translateY(-3px)}.register-btn:active:not(:disabled){transform:translateY(-1px)}.register-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.register-btn.loading{background:linear-gradient(135deg,#a0aec0,#718096);gap:10px;justify-content:center}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.register-btn:hover:not(:disabled) .btn-arrow{transform:translateX(5px)}.error-message{gap:10px}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.register-footer{border-top:1px solid #e2e8f0;padding-top:20px;text-align:center}.register-footer p{color:#718096;font-size:.9rem;margin:0}.auth-link{color:#ff758c;transition:all .3s ease}.auth-link:hover{color:#ff7eb3}@media (max-width:1000px){.register-card{flex-direction:column;height:auto;max-width:500px;width:100%}.register-illustration{height:200px}.illustration-overlay{padding:15px}.illustration-overlay h3{font-size:1.2rem}.illustration-overlay p{font-size:.8rem}}@media (max-width:480px){.register-container{padding:10px}.register-form-section{padding:30px 20px}.register-header h2{font-size:1.5rem}.input-field{padding:12px 12px 12px 40px}.input-icon{font-size:1rem;left:12px}}.task-form-container{margin-bottom:40px;position:relative}.form-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.form-bubble{animation:floatBubble 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.bubble-1{height:60px;left:5%;top:20%;width:60px}.bubble-2{height:40px;right:10%;width:40px}.bubble-3{height:30px;left:15%;width:30px}.task-form-card{animation:slideInUp .8s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:30px;position:relative;z-index:1}.form-header{align-items:center;border-bottom:2px solid #f1f3f4;display:flex;margin-bottom:30px;padding-bottom:20px}.form-header-image{border-radius:15px;box-shadow:0 8px 20px #0000001a;height:60px;margin-right:20px;object-fit:cover;transition:transform .3s ease;width:60px}.form-header:hover .form-header-image{transform:rotate(5deg) scale(1.05)}.form-header-content h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0 0 5px}.form-header-content p{color:#718096;font-size:1rem;margin:0}.task-form{margin-bottom:20px}.form-group{margin-bottom:25px}.input-container,.textarea-container{position:relative}.input-icon,.textarea-icon{font-size:1.2rem;left:15px;position:absolute;top:15px;transition:transform .3s ease;z-index:1}.description-textarea,.title-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;font-size:1rem;padding:15px 15px 15px 50px;position:relative;transition:all .3s ease;width:100%;z-index:2}.description-textarea{min-height:100px;padding-top:15px;resize:vertical}.description-textarea:focus,.title-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.description-textarea:focus+.textarea-underline,.title-input:focus+.input-underline{transform:scaleX(1)}.input-underline,.textarea-underline{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;height:2px;left:50px;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease;z-index:3}.description-textarea:focus~.textarea-icon,.title-input:focus~.input-icon{color:#667eea;transform:scale(1.2)}.form-actions{align-items:center;gap:15px}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 5px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:10px;justify-content:center;padding:15px 25px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.btn-icon{font-size:1.1rem}.submit-btn:hover .btn-icon{transform:scale(1.2)}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.submit-btn:hover .btn-arrow{transform:translateX(5px)}.cancel-btn{align-items:center;background:linear-gradient(135deg,#ff758c,#ff7eb3);border:none;border-radius:15px;box-shadow:0 5px 15px #ff758c4d;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:15px 20px;transition:all .3s ease}.cancel-btn:hover{box-shadow:0 8px 20px #ff758c66;transform:translateY(-3px)}.cancel-btn:active{transform:translateY(-1px)}.cancel-btn:hover .btn-icon{transform:scale(1.2)}.form-footer{border-top:2px solid #f1f3f4;margin-top:30px;padding-top:20px}.form-decoration{text-align:center}.form-decoration-image{border-radius:50%;height:80px;object-fit:cover;opacity:.7;transition:all .3s ease;width:80px}.form-decoration:hover .form-decoration-image{opacity:1;transform:rotate(10deg) scale(1.1)}.char-counter{bottom:10px;color:#a0aec0;font-size:.8rem;position:absolute;right:15px;transition:color .3s ease}.description-textarea:focus~.char-counter{color:#667eea}@media (max-width:768px){.task-form-card{padding:25px 20px}.form-header{flex-direction:column;gap:15px;text-align:center}.form-header-image{margin-right:0}.form-header-content h2{font-size:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.task-form-card{border-radius:15px;padding:20px 15px}.form-header-content h2{font-size:1.3rem}.description-textarea,.title-input{font-size:.9rem;padding:12px 12px 12px 45px}.input-icon,.textarea-icon{font-size:1.1rem;left:12px;top:12px}.input-underline,.textarea-underline{left:45px}.cancel-btn,.submit-btn{font-size:.9rem;padding:12px 20px}}@keyframes formPulse{0%{box-shadow:0 20px 40px #0000001a}50%{box-shadow:0 20px 40px #667eea33}to{box-shadow:0 20px 40px #0000001a}}.task-form-card{animation:formPulse 3s infinite}.task-list-container{padding:20px;position:relative}.task-list-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.task-bubble{animation:floatBubble 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.bubble-1{animation-delay:0s;height:80px;right:5%;top:10%;width:80px}.bubble-2{animation-delay:2s;height:50px;left:8%;top:60%;width:50px}.bubble-3{animation-delay:4s;bottom:20%;height:40px;right:15%;width:40px}@keyframes floatBubble{0%,to{transform:translateY(0) rotate(0deg) scale(1)}50%{transform:translateY(-20px) rotate(15deg) scale(1.1)}}.task-list-header{align-items:center;animation:slideInDown .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.task-list-header h2{align-items:center;display:flex;font-size:2rem;gap:15px;margin:0}.header-icon{animation:bounce 2s infinite;font-size:2.5rem}.task-count{background:#fff3;border-radius:20px;font-size:1rem;margin-left:10px;padding:5px 15px}.header-image{border-radius:15px;box-shadow:0 8px 20px #0003;height:60px;object-fit:cover;transition:transform .3s ease;width:60px}.header-image:hover{transform:rotate(5deg) scale(1.1)}.task-list{grid-gap:20px;display:grid;gap:20px;margin-bottom:40px}.task-item{grid-gap:20px;align-items:start;animation:slideInUp .6s ease-out both;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:grid;gap:20px;grid-template-columns:auto 1fr auto;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.task-item:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.task-item.completed{background:linear-gradient(135deg,#f8f9fa,#e9ecef);opacity:.8}.task-item.completed .task-title{color:#6c757d;text-decoration:line-through}.status-dot,.task-status-indicator{align-items:center;display:flex;justify-content:center}.status-dot{animation:pulse 2s infinite;border-radius:50%;font-size:1.5rem;height:50px;width:50px}.status-dot.pending{background:linear-gradient(135deg,#ffd89b,#19547b)}.status-dot.completed{background:linear-gradient(135deg,#4facfe,#00f2fe)}.task-content{flex:1 1}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.task-title{font-size:1.4rem;line-height:1.4;margin:0 0 10px}.task-priority,.task-title{color:#2d3748;font-weight:600}.task-priority{align-items:center;background:#ffeaa7;border-radius:15px;display:flex;font-size:.8rem;gap:5px;padding:5px 12px}.priority-dot{animation:blink 2s infinite;background:#fdcb6e;border-radius:50%;height:8px;width:8px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.task-description{color:#718096;font-size:1rem;line-height:1.6;margin:0 0 20px}.task-meta{align-items:center;flex-wrap:wrap;gap:15px}.meta-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;font-size:.85rem;gap:5px;padding:8px 12px}.meta-icon{font-size:.9rem}.meta-text{color:#6c757d;font-weight:500}.status-badge{border-radius:15px;font-size:.8rem;font-weight:600;padding:8px 15px;text-transform:uppercase}.status-badge.pending{background:linear-gradient(135deg,#ff758c,#ff7eb3);color:#fff}.status-badge.completed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.task-actions{flex-direction:column;gap:10px;min-width:120px}.delete-btn,.edit-btn,.status-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 15px;transition:all .3s ease}.status-btn{background:linear-gradient(135deg,#4facfe,#00f2fe)}.status-btn:hover{box-shadow:0 5px 15px #4facfe4d;transform:translateY(-2px)}.edit-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.edit-btn:hover{box-shadow:0 5px 15px #f5576c4d;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#ff758c,#ff7eb3)}.delete-btn:hover{box-shadow:0 5px 15px #ff758c4d;transform:translateY(-2px)}.btn-icon{font-size:1rem;transition:transform .3s ease}.delete-btn:hover .btn-icon,.edit-btn:hover .btn-icon,.status-btn:hover .btn-icon{transform:scale(1.2)}.task-card-decoration{background:linear-gradient(135deg,#667eea,#764ba2);height:4px;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.task-item:hover .task-card-decoration{transform:scaleX(1)}.tasks-progress{animation:fadeIn 1s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.progress-header h3{color:#2d3748;font-size:1.5rem;margin:0}.progress-image{border-radius:12px;height:50px;object-fit:cover;width:50px}.progress-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.progress-stat{background:#f8f9fa;border-radius:15px;padding:15px;text-align:center;transition:transform .3s ease}.progress-stat:hover{transform:translateY(-3px)}.stat-number{color:#667eea;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#6c757d;font-size:.9rem;font-weight:600}.task-list-empty{padding:60px 20px;text-align:center}.empty-image{animation:float 3s ease-in-out infinite}.empty-state h2{margin-bottom:15px}.empty-state p{margin-bottom:30px}.empty-decoration{display:flex;gap:30px;justify-content:center;margin-top:40px}.floating-icon{animation:float 3s ease-in-out infinite;font-size:2.5rem}.floating-icon:nth-child(2){animation-delay:1s}.floating-icon:nth-child(3){animation-delay:2s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.task-item{grid-template-columns:1fr;text-align:center}.task-header{flex-direction:column;gap:10px}.task-actions{flex-direction:row;justify-content:center}.progress-stats{grid-template-columns:1fr}.task-list-header{flex-direction:column;gap:15px;text-align:center}}@media (max-width:480px){.task-item{padding:20px}.task-actions{flex-direction:column}.delete-btn,.edit-btn,.status-btn{justify-content:center;width:100%}.task-meta{align-items:center;flex-direction:column}}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative}.dashboard-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-circle{animation:float 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:120px;left:5%;top:10%;width:120px}.circle-2{animation-delay:2s;height:80px;right:8%;top:60%;width:80px}.circle-3{animation-delay:4s;bottom:15%;height:60px;left:15%;width:60px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg) scale(1)}50%{transform:translateY(-20px) rotate(10deg) scale(1.05)}}.container{position:relative;z-index:1}.dashboard-header{animation:slideInDown .8s ease-out;margin-bottom:40px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-content{margin-bottom:30px;text-align:center}.dashboard-title{align-items:center;color:#2d3748;display:flex;font-size:3rem;font-weight:700;gap:15px;justify-content:center;margin-bottom:10px}.title-icon{animation:bounce 2s infinite;font-size:2.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.dashboard-subtitle{color:#718096;font-size:1.2rem;margin:0}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.stat-card{align-items:center;animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.stat-icon{align-items:center;animation:pulse 2s infinite;border-radius:50%;display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.completed{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.pending{background:linear-gradient(135deg,#ff758c,#ff7eb3)}.stat-info h3{color:#2d3748;font-size:2.2rem;font-weight:700;margin:0}.stat-info p{color:#718096;font-weight:500;margin:5px 0 0}.empty-state{animation:fadeIn 1s ease-out;padding:60px 20px;text-align:center}.empty-image{border-radius:20px;box-shadow:0 15px 35px #0000001a;height:200px;margin-bottom:30px;object-fit:cover;transition:transform .3s ease;width:200px}.empty-image:hover{transform:scale(1.05)}.empty-state h2{color:#2d3748;font-size:2rem;margin-bottom:10px}.empty-state p{color:#718096;font-size:1.1rem}.dashboard-loading{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh}.loading-container{animation:fadeIn .5s ease-out;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 20px;width:60px}.loading-container h2{color:#2d3748;margin-bottom:10px}.loading-container p{color:#718096}.dashboard-error{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh}.error-container{animation:shake .5s ease-in-out;text-align:center}.error-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:20px}.error-container h2{color:#2d3748;margin-bottom:20px}.error-message{border-radius:12px;margin-bottom:20px;padding:15px}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 5px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.dashboard{padding:30px 15px}.dashboard-title{font-size:2.2rem}.title-icon{font-size:2rem}.stats-container{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-icon{font-size:2rem;height:60px;width:60px}.stat-info h3{font-size:1.8rem}.empty-image{height:150px;width:150px}}@media (max-width:480px){.dashboard-title{flex-direction:column;font-size:1.8rem;gap:10px}.dashboard-subtitle{font-size:1rem}.stat-card{flex-direction:column;gap:15px;text-align:center}.bg-circle{display:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{background-color:#2c3e50;color:#fff;padding:1rem 0}.header .container{align-items:center;display:flex;justify-content:space-between}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav{align-items:center;display:flex;gap:1rem}.nav a{border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.nav a:hover{background-color:#ffffff1a}.logout-btn{background:none;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s}.logout-btn:hover{background-color:#ffffff1a}.auth-container{min-height:calc(100vh - 80px);padding:2rem 0}.auth-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-form h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.auth-btn{background-color:#3498db;border-radius:4px;padding:.75rem;transition:background-color .3s}.auth-btn:hover{background-color:#2980b9}.auth-btn:disabled{background-color:#bdc3c7}.auth-link{margin-top:1rem;text-align:center}.auth-link a{color:#3498db;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{background-color:#ffe6e6;border-radius:4px;color:#c0392b;margin-bottom:1rem;padding:.75rem;text-align:center}.dashboard{padding:2rem 0}.dashboard h1{color:#2c3e50;margin-bottom:2rem;text-align:center}.task-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.task-form h2{color:#2c3e50;margin-bottom:1.5rem}.form-actions{display:flex;gap:1rem}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.form-actions button[type=submit]{background-color:#2ecc71;color:#fff}.form-actions button[type=submit]:hover{background-color:#27ae60}.cancel-btn{background-color:#e74c3c;color:#fff}.cancel-btn:hover{background-color:#c0392b}.task-list{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.task-item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.task-item:last-child{border-bottom:none}.task-item.completed{opacity:.7}.task-item.completed .task-content h3{text-decoration:line-through}.task-content h3{color:#2c3e50;margin-bottom:.5rem}.task-content p{color:#7f8c8d;margin-bottom:1rem}.task-meta{color:#95a5a6;display:flex;font-size:.9rem;gap:1rem}.status{font-weight:500;text-transform:capitalize}.status.pending{color:#e67e22}.status.completed{color:#27ae60}.task-actions{display:flex;gap:.5rem}.task-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s}.status-btn{background-color:#3498db;color:#fff}.status-btn:hover{background-color:#2980b9}.edit-btn{background-color:#f39c12;color:#fff}.edit-btn:hover{background-color:#d35400}.delete-btn{background-color:#e74c3c;color:#fff}.delete-btn:hover{background-color:#c0392b}@media (max-width:768px){.task-item{flex-direction:column;gap:1rem}.task-actions{align-self:flex-end}.form-actions{flex-direction:column}.form-actions button{width:100%}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:420px;padding:2.5rem;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#718096;font-size:1rem}.auth-form,.form-group{margin-bottom:1.5rem}.form-group{position:relative}.form-group label{color:#4a5568;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.input-field{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:1rem 1rem 1rem 2.8rem;transition:all .3s ease;width:100%}.input-field:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-icon{color:#a0aec0;left:1rem;position:absolute;top:50%;transform:translateY(10%)}.auth-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.auth-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-btn.loading{background:linear-gradient(135deg,#a0aec0,#718096)}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background:linear-gradient(135deg,#fed7d7,#feb2b2);border-left:4px solid #e53e3e;border-radius:10px;color:#c53030;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.auth-footer{border-top:1px solid #e2e8f0;padding-top:1.5rem;text-align:center}.auth-footer p{color:#718096;margin:0}.auth-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-header h2{font-size:1.5rem}}body{padding-top:60px}@media (max-width:480px){body{padding-top:55px}}
/*# sourceMappingURL=main.4782e69a.css.map*/