@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.bg-gray-100{background-color:#f7fafc}.bg-white{background-color:#fff}.p-6{padding:1.5rem}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px #0000001a}.w-full{width:100%}.max-w-md{max-width:28rem}.mb-4{margin-bottom:1rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.text-center{text-align:center}.text-gray-700{color:#4a5568}.border{border-width:1px}.rounded{border-radius:.25rem}.p-2{padding:.5rem}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 3px #3b82f680}.focus\:ring-blue-500:focus{--tw-ring-color:#3b82f680}.bg-blue-500{background-color:#3b82f6}.text-white{color:#fff}.hover\:bg-blue-600:hover{background-color:#2563eb}.transition{transition-duration:.2s;transition-property:background-color}.text-red-500{color:#f87171}.flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.space-y-4>*+*{margin-top:1rem}.md\:space-y-0{margin-top:0}.md\:space-x-4>*+*{margin-left:1rem}.justify-around{justify-content:space-around}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.bg-gray-200{background-color:#e5e7eb}body{background-color:#fef3c7;color:#3f3f46}.app-container{background:linear-gradient(135deg,#fef3c7,#ffedd5);padding:2rem}.header{margin-bottom:2rem;max-width:1000px}.app-title{color:#f9a8d4;font-size:2.25rem;letter-spacing:-.015em}.logout-button{padding:.75rem 1.5rem}.logout-button:hover{box-shadow:0 6px 16px #f871714d;transform:translateY(-3px)}.logout-button:active{box-shadow:0 2px 8px #f8717133}.logout-button:focus{box-shadow:0 0 0 4px #f871714d}.auth-container,.login-container,.register-container{background:linear-gradient(135deg,#fef3c7,#ffedd5)}.auth-card,.login-form,.register-form,.task-form{background:#fff7ed;box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a;margin:0 auto 2rem}.auth-card:hover,.login-form:hover,.register-form:hover,.task-form:hover{box-shadow:0 12px 32px #0000001f,0 6px 16px #0000000f;transform:translateY(-6px)}.auth-tabs{background:#fff1e6}.tab-button{transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.tab-active{background:linear-gradient(45deg,#f9a8d4,#f472b6);box-shadow:0 2px 8px #f9a8d44d}.tab-inactive{color:#71717a}.tab-button:hover{box-shadow:0 4px 12px #f9a8d433;transform:translateY(-2px)}.tab-button:active{transform:translateY(0)}.tab-button:focus{box-shadow:0 0 0 4px #f9a8d44d}.auth-title,.login-title,.register-title{color:#3f3f46;font-size:1.875rem;letter-spacing:-.01em}.error-message{background:#fef2f2;border:1px solid #fee2e2}.form-label{color:#71717a;letter-spacing:.02em}.form-input,.form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#3f3f46;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#f9a8d4;box-shadow:0 0 0 3px #f9a8d433;transform:scale(1.01)}.form-select{background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border:1px solid #e5e7eb;border-radius:12px;color:#3f3f46;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}.auth-button,.login-button,.register-button,.task-button{background:linear-gradient(45deg,#f9a8d4,#f472b6);border-radius:12px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.auth-button:hover,.login-button:hover,.register-button:hover,.task-button:hover{background:linear-gradient(45deg,#f472b6,#ec4899);box-shadow:0 6px 16px #f9a8d44d;transform:translateY(-3px)}.auth-button:active,.login-button:active,.register-button:active,.task-button:active{box-shadow:0 2px 8px #f9a8d433;transform:translateY(0)}.auth-button:focus,.login-button:focus,.register-button:focus,.task-button:focus{box-shadow:0 0 0 4px #f9a8d44d}.filter-container{background:#fff7ed;box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a}.task-list-title{color:#3f3f46;font-size:2rem;letter-spacing:-.01em;margin-bottom:1.5rem}.no-tasks-message{color:#71717a}.task-item{background:#fff7ed;box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a}.task-item:hover{box-shadow:0 12px 32px #0000001f,0 6px 16px #0000000f}.task-title{color:#3f3f46}.task-description,.task-meta{color:#71717a}.toggle-status-button{transition:transform .3s ease,box-shadow .3s ease}.toggle-completed{background:linear-gradient(45deg,#34d399,#22c55e)}.toggle-status-button:hover{box-shadow:0 4px 12px #0003}.toggle-status-button:focus{box-shadow:0 0 0 4px #0003}.edit-button{background:linear-gradient(45deg,#f9a8d4,#f472b6);transition:transform .3s ease,box-shadow .3s ease}.edit-button:hover{background:linear-gradient(45deg,#f472b6,#ec4899);box-shadow:0 4px 12px #f9a8d44d}.edit-button:focus{box-shadow:0 0 0 4px #f9a8d44d}.delete-button{transition:transform .3s ease,box-shadow .3s ease}.delete-button:hover{box-shadow:0 4px 12px #f871714d}.delete-button:focus{box-shadow:0 0 0 4px #f871714d}.dashboard{background:#fff7ed;box-shadow:0 8px 24px #00000014,0 4px 12px #0000000a}.dashboard-title{color:#3f3f46;letter-spacing:-.01em}.dashboard-card{background:#fff;box-shadow:0 4px 12px #0000000f}.dashboard-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.total-tasks{background:#f9a8d4}.pending-tasks{background:#fef9c3}.completed-tasks{background:#d1fae5}.dashboard-card-title{color:#3f3f46}.dashboard-card-value{color:#f9a8d4}@media (max-width:480px){.app-container{padding:1.5rem}.app-title{font-size:1.75rem}.auth-card,.login-form,.register-form,.task-form{max-width:90%;padding:2rem}.auth-title,.login-title,.register-title,.task-list-title{font-size:1.5rem}.dashboard{max-width:90%;padding:1.5rem}.dashboard-title{font-size:1.5rem}.dashboard-card-title{font-size:1rem}.dashboard-card-value{font-size:1.5rem}.filter-container,.task-list-container{max-width:90%;padding:1.5rem}.task-item{align-items:flex-start;flex-direction:column;gap:1rem}.task-actions{justify-content:flex-end;width:100%}.auth-button,.delete-button,.edit-button,.form-input,.form-select,.form-textarea,.login-button,.logout-button,.register-button,.tab-button,.task-button,.toggle-status-button{font-size:.875rem}.tab-button{padding:.5rem}}@media (min-width:768px){.filter-container{flex-direction:row;gap:1rem}}@media (max-width:480px){.login-form,.register-form,.task-form{max-width:90%;padding:1.5rem}.login-title,.register-title{font-size:1.5rem}.delete-button,.edit-button,.form-input,.form-select,.form-textarea,.login-button,.register-button,.task-button,.toggle-status-button{font-size:.875rem}.filter-container{max-width:90%;padding:1rem}.task-list-container{max-width:90%;padding:.5rem}.task-list-title{font-size:1.5rem}.task-item{align-items:flex-start;flex-direction:column;gap:.5rem}.task-actions{justify-content:flex-end;width:100%}}body{color:#f1f5f9}.app-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.app-title{color:#ec4899;letter-spacing:-.02em;text-shadow:0 2px 4px #ec48994d}.logout-button{background:linear-gradient(45deg,#f87171,#ef4444);border-radius:10px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.logout-button:hover{background:linear-gradient(45deg,#ef4444,#dc2626);box-shadow:0 4px 12px #f8717180}.logout-button:focus{box-shadow:0 0 0 4px #f8717166}.auth-container,.login-container,.register-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card,.login-form,.register-form,.task-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bd9;border:1px solid #ffffff1a;border-radius:16px;max-width:420px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.auth-card:hover,.login-form:hover,.register-form:hover,.task-form:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.auth-tabs{background:#0f172ae6;border-radius:10px;margin-bottom:1.5rem}.tab-button{font-size:1rem;padding:.75rem;transition:background .3s ease,transform .2s ease,box-shadow .2s ease}.tab-active{background:linear-gradient(45deg,#ec4899,#a855f7);box-shadow:0 2px 8px #ec489966;color:#fff}.tab-inactive{background:#0000}.tab-button:hover{box-shadow:0 4px 12px #ec48994d}.tab-button:focus{box-shadow:0 0 0 4px #ec489966}.auth-title,.login-title,.register-title{color:#f1f5f9;font-size:2rem;font-weight:700;letter-spacing:-.015em;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0003}.error-message{background:#7f1d1d66;border:1px solid #f871714d}.form-group{margin-bottom:1.5rem}.form-label{letter-spacing:.05em}.form-input,.form-textarea{color:#f1f5f9}.form-textarea{min-height:120px}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 4px #ec48994d}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:#f1f5f9}.auth-button,.login-button,.register-button,.task-button{background:linear-gradient(45deg,#ec4899,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;width:100%}.auth-button:hover,.login-button:hover,.register-button:hover,.task-button:hover{background:linear-gradient(45deg,#db2777,#9333ea);box-shadow:0 4px 12px #ec489980;transform:scale(1.05)}.auth-button:active,.login-button:active,.register-button:active,.task-button:active{box-shadow:none;transform:scale(.95)}.auth-button:focus,.login-button:focus,.register-button:focus,.task-button:focus{box-shadow:0 0 0 4px #ec489966;outline:none}.filter-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bd9;gap:1.5rem;margin-bottom:2rem;max-width:960px;padding:2rem}.task-list-container{max-width:960px}.task-list-title{color:#f1f5f9;letter-spacing:-.015em;text-shadow:0 2px 4px #0003}.task-list{gap:1.5rem}.task-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bd9;padding:1.5rem}.task-item:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.task-title{color:#f1f5f9;font-size:1.25rem}.task-description,.task-meta{margin-top:.5rem}.task-actions{gap:.75rem}.toggle-status-button{padding:.5rem 1rem;transition:transform .2s ease,box-shadow .3s ease}.toggle-completed{background:linear-gradient(45deg,#4ade80,#22c55e)}.toggle-pending{background:linear-gradient(45deg,#facc15,#eab308)}.toggle-status-button:hover{box-shadow:0 4px 12px #0000004d}.toggle-status-button:focus{box-shadow:0 0 0 4px #0000004d}.edit-button{background:linear-gradient(45deg,#ec4899,#a855f7);padding:.5rem 1rem;transition:transform .2s ease,box-shadow .3s ease}.edit-button:hover{background:linear-gradient(45deg,#db2777,#9333ea);box-shadow:0 4px 12px #ec489980}.edit-button:focus{box-shadow:0 0 0 4px #ec489966}.delete-button{background:linear-gradient(45deg,#f87171,#ef4444);padding:.5rem 1rem;transition:transform .2s ease,box-shadow .3s ease}.delete-button:hover{background:linear-gradient(45deg,#ef4444,#dc2626)}.delete-button:focus{box-shadow:0 0 0 4px #f8717166}.dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bd9;margin-bottom:2rem;max-width:960px;padding:2rem}.dashboard-title{color:#f1f5f9;font-weight:700;letter-spacing:-.015em;margin-bottom:1.5rem}.dashboard-grid{grid-gap:1.5rem;gap:1.5rem}.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem}.dashboard-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-5px)}.total-tasks{background:#ec489933}.dashboard-card-title{color:#f1f5f9;margin-bottom:.5rem}.dashboard-card-value{color:#ec4899;font-size:1.75rem}@media (min-width:768px){.filter-container{flex-direction:row;gap:1.5rem}.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.app-container{padding:1.5rem}.app-title{font-size:2rem}.auth-card,.login-form,.register-form,.task-form{max-width:90%;padding:2rem}.auth-title,.login-title,.register-title,.task-list-title{font-size:1.75rem}.dashboard{max-width:90%;padding:1.5rem}.dashboard-title{font-size:1.5rem}.dashboard-card-title{font-size:1rem}.dashboard-card-value{font-size:1.5rem}.filter-container,.task-list-container{max-width:90%;padding:1.5rem}.task-item{align-items:flex-start;flex-direction:column;gap:1rem}.task-actions{justify-content:flex-end;width:100%}.auth-button,.delete-button,.edit-button,.form-input,.form-select,.form-textarea,.login-button,.logout-button,.register-button,.tab-button,.task-button,.toggle-status-button{font-size:.875rem}.tab-button{padding:.5rem}}body{background-color:#0f172a;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.app-container{background:radial-gradient(circle at top left,#1e293b 0,#0f172a 100%);padding:2.5rem}.header{margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:1100px}.app-title{color:#f472b6;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;text-transform:uppercase}.logout-button{background-color:#1e293b;border-radius:12px;box-shadow:inset 0 2px 4px #0006,0 2px 4px #0003;color:#f87171;padding:.75rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.logout-button:hover{background-color:#f87171;box-shadow:0 4px 12px #f8717166;color:#0f172a;transform:scale(1.05)}.logout-button:active{box-shadow:inset 0 2px 4px #0006;transform:scale(.95)}.logout-button:focus{box-shadow:0 0 0 4px #f8717180;outline:none}.auth-container{align-items:center;background:radial-gradient(circle at top left,#1e293b 0,#0f172a 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;max-width:460px;padding:3rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.auth-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-6px)}.auth-tabs{background:#0f172acc;border-radius:12px;display:flex;justify-content:center;margin-bottom:2rem;padding:.5rem}.tab-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:.75rem 1rem;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease}.tab-active{background-color:#f472b6;box-shadow:inset 0 2px 4px #0000004d;color:#0f172a}.tab-inactive{background-color:initial;color:#94a3b8}.tab-button:hover{transform:scale(1.05)}.tab-button:active{transform:scale(.95)}.tab-button:focus{box-shadow:0 0 0 4px #f472b680;outline:none}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-title{color:#e2e8f0;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;text-align:center}.auth-button{background-color:#f472b6;border:none;border-radius:12px;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003;color:#0f172a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.auth-button:hover{background-color:#ec4899;box-shadow:0 4px 12px #f472b680;transform:scale(1.05)}.auth-button:active{box-shadow:inset 0 2px 4px #0006;transform:scale(.95)}.auth-button:focus{box-shadow:0 0 0 4px #f472b680;outline:none}.login-form,.register-form,.task-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;margin:0 auto 2.5rem;max-width:460px;padding:3rem}.login-form:hover,.register-form:hover,.task-form:hover{box-shadow:0 8px 24px #0006;transform:translateY(-6px)}.login-title,.register-title{color:#e2e8f0;font-size:2rem;font-weight:800;letter-spacing:-.02em}.error-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7f1d1d4d;border:1px solid #f8717166;color:#f87171}.form-group{margin-bottom:1.75rem}.form-label{color:#d1d5db;margin-bottom:.75rem;text-transform:uppercase}.form-input,.form-textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#374151b3;border:none;color:#e2e8f0;padding:.875rem;transition:box-shadow .3s ease,transform .2s ease}.form-textarea{min-height:140px}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 4px #f472b666;transform:scale(1.02)}.form-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#374151b3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:none;color:#e2e8f0;padding:.875rem;transition:box-shadow .3s ease,transform .2s ease}.login-button,.register-button,.task-button{background-color:#f472b6;border-radius:12px;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003;color:#0f172a;font-size:1.1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.login-button:hover,.register-button:hover,.task-button:hover{background-color:#ec4899;box-shadow:0 4px 12px #f472b680;transform:scale(1.05)}.login-button:active,.register-button:active,.task-button:active{box-shadow:inset 0 2px 4px #0006;transform:scale(.95)}.login-button:focus,.register-button:focus,.task-button:focus{box-shadow:0 0 0 4px #f472b680;outline:none}.filter-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;gap:2rem;margin-bottom:2.5rem;max-width:1000px;padding:2.5rem}.task-list-container{max-width:1000px;padding:2rem}.task-list-title{color:#e2e8f0;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2rem}.no-tasks-message{color:#94a3b8;font-size:1.1rem;font-style:italic;text-align:center}.task-list{gap:2rem}.task-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.task-item:hover{box-shadow:0 8px 24px #0006;transform:translateY(-6px)}.task-title{color:#e2e8f0;font-size:1.5rem}.task-description,.task-meta{color:#94a3b8;margin-top:.75rem}.task-meta{font-style:italic}.task-actions{gap:1rem}.toggle-status-button{color:#0f172a;font-weight:600;padding:.75rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.toggle-completed{background-color:#4ade80}.toggle-pending{background-color:#facc15}.toggle-status-button:hover{box-shadow:0 4px 12px #0006;transform:scale(1.05)}.toggle-status-button:active{box-shadow:inset 0 2px 4px #0006;transform:scale(.95)}.toggle-status-button:focus{box-shadow:0 0 0 4px #0006;outline:none}.edit-button{background-color:#f472b6;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003;color:#0f172a;font-weight:600;padding:.75rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.edit-button:hover{background-color:#ec4899;box-shadow:0 4px 12px #f472b680;transform:scale(1.05)}.edit-button:active{box-shadow:inset 0 2px 4px #0006;transform:scale(.95)}.edit-button:focus{box-shadow:0 0 0 4px #f472b680;outline:none}.delete-button{background-color:#f87171;box-shadow:inset 0 2px 4px #0000004d,0 2px 4px #0003;color:#0f172a;font-weight:600;padding:.75rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.delete-button:hover{background-color:#ef4444;box-shadow:0 4px 12px #f8717180;transform:scale(1.05)}.delete-button:active{box-shadow:inset 0 2px 4px #0006;transform:scale(.95)}.delete-button:focus{box-shadow:0 0 0 4px #f8717180;outline:none}.dashboard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2.5rem;max-width:1000px;padding:2.5rem}.dashboard-title{color:#e2e8f0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2rem}.dashboard-grid{grid-gap:2rem;gap:2rem}.dashboard-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#374151b3;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-6px)}.total-tasks{background:#4f46e533}.pending-tasks{background:#facc1533}.completed-tasks{background:#4ade8033}.dashboard-card-title{color:#e2e8f0;font-size:1.25rem;margin-bottom:.75rem}.dashboard-card-value{color:#f472b6;font-size:2rem;font-weight:800}@media (min-width:768px){.filter-container{flex-direction:row;gap:2rem}.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.app-container{padding:1.5rem}.app-title{font-size:2rem}.auth-card,.login-form,.register-form,.task-form{max-width:90%;padding:2rem}.auth-title,.login-title,.register-title,.task-list-title{font-size:1.75rem}.dashboard{max-width:90%;padding:2rem}.dashboard-title{font-size:1.5rem}.dashboard-card-title{font-size:1.1rem}.dashboard-card-value{font-size:1.75rem}.filter-container{max-width:90%;padding:2rem}.task-list-container{max-width:90%;padding:1.5rem}.task-item{align-items:flex-start;flex-direction:column;gap:1.5rem}.task-actions{justify-content:flex-end;width:100%}.auth-button,.delete-button,.edit-button,.form-input,.form-select,.form-textarea,.login-button,.logout-button,.register-button,.tab-button,.task-button,.toggle-status-button{font-size:.875rem}.tab-button{padding:.5rem}}body{background-color:#f3f4f6;font-family:Inter,sans-serif;margin:0}.app-container{background:linear-gradient(135deg,#e5e7eb,#d1d5db);min-height:100vh;padding:1rem}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.app-title{color:#1f2937;font-size:2rem;font-weight:700}.logout-button{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease}.logout-button:hover{background-color:#dc2626;transform:translateY(-2px)}.logout-button:active{transform:translateY(0)}.login-container,.register-container{align-items:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-form,.register-form,.task-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto 1.5rem;max-width:400px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-form:hover,.register-form:hover,.task-form:hover{box-shadow:0 6px 24px #00000026;transform:translateY(-5px)}.login-title,.register-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.error-message{background-color:#fee2e2;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-label{color:#4b5563;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.form-select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.login-button,.register-button,.task-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease,transform .2s ease;width:100%}.login-button:hover,.register-button:hover,.task-button:hover{background-color:#2563eb;transform:translateY(-2px)}.login-button:active,.register-button:active,.task-button:active{transform:translateY(0)}.filter-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:800px;padding:1.5rem}.filter-group{flex:1 1}.task-list-container{margin:0 auto;max-width:800px;padding:1rem}.task-list-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.no-tasks-message{color:#6b7280;font-size:1rem}.task-list{display:flex;flex-direction:column;gap:1rem}.task-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.task-item:hover{box-shadow:0 6px 24px #00000026;transform:translateY(-3px)}.task-details{flex:1 1}.task-title{color:#1f2937;font-size:1.125rem;font-weight:600}.task-description{color:#4b5563;font-size:.875rem;margin-top:.25rem}.task-meta{color:#6b7280;font-size:.75rem;margin-top:.25rem}.task-actions{display:flex;gap:.5rem}.toggle-status-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:background-color .3s ease,transform .2s ease}.toggle-completed{background-color:#22c55e}.toggle-pending{background-color:#eab308}.toggle-status-button:hover{filter:brightness(90%);transform:translateY(-2px)}.toggle-status-button:active{transform:translateY(0)}.edit-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:background-color .3s ease,transform .2s ease}.edit-button:hover{background-color:#2563eb;transform:translateY(-2px)}.edit-button:active{transform:translateY(0)}.delete-button{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:background-color .3s ease,transform .2s ease}.delete-button:hover{background-color:#dc2626;transform:translateY(-2px)}.delete-button:active{transform:translateY(0)}.dashboard{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:800px;padding:1.5rem}.dashboard-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.dashboard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.dashboard-card{border-radius:8px;padding:1rem;text-align:center}.total-tasks{background-color:#dbeafe}.pending-tasks{background-color:#fef9c3}.completed-tasks{background-color:#dcfce7}.dashboard-card-title{color:#1f2937;font-size:1.125rem;font-weight:600}.dashboard-card-value{color:#1f2937;font-size:1.5rem;font-weight:700}@media (min-width:768px){.filter-container{flex-direction:row;gap:1rem}.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.login-form,.register-form,.task-form{max-width:90%;padding:1.5rem}.login-title,.register-title{font-size:1.5rem}.delete-button,.edit-button,.form-input,.form-select,.form-textarea,.login-button,.logout-button,.register-button,.task-button,.toggle-status-button{font-size:.875rem}.filter-container{max-width:90%;padding:1rem}.task-list-container{max-width:90%;padding:.5rem}.task-list-title{font-size:1.5rem}.task-item{align-items:flex-start;flex-direction:column;gap:.5rem}.task-actions{justify-content:flex-end;width:100%}.app-container{padding:.5rem}.app-title{font-size:1.5rem}.dashboard{max-width:90%;padding:1rem}.dashboard-title{font-size:1.125rem}.dashboard-card-title{font-size:1rem}.dashboard-card-value{font-size:1.25rem}}
/*# sourceMappingURL=main.88a76809.css.map*/