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}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-attachment:fixed;background-image:url(/static/media/login_bg.cccd09c3af28f986a42f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#333;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.app{animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffd9,#fffffff2);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:600px;padding:2.5rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{background:linear-gradient(45deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.2rem;font-weight:600;margin-bottom:2.5rem;text-align:center;text-shadow:1px 1px 2px #0000001a}.search-container{margin-bottom:2rem;position:relative}.search-container:before{color:#3498db99;content:"🔍";font-size:1.2rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.search-input{background:linear-gradient(135deg,#f8f9fae6,#fffffff2);border:2px solid #3498db4d;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.search-input:focus{background:linear-gradient(135deg,#fffffff2,#fff);border-color:#3498dbcc;box-shadow:0 0 0 3px #3498db1a,0 4px 8px #0000001a;outline:none}.search-input:focus+.search-container:before{color:#3498dbcc;transform:translateY(-50%) scale(1.1)}.search-input::placeholder{color:#6c757d}.task-form{gap:1.2rem;margin-bottom:2.5rem}.input-group,.task-form{display:flex;flex-direction:column}.input-group{gap:.8rem}.description-input,.task-input{background:linear-gradient(135deg,#f8f9fae6,#fffffff2);border:2px solid #3498db4d;border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:1rem;padding:1rem;transition:all .3s ease}.description-input:focus,.task-input:focus{background:linear-gradient(135deg,#fffffff2,#fff);border-color:#3498dbcc;box-shadow:0 0 0 3px #3498db1a,0 4px 8px #0000001a;outline:none}.add-button{align-self:flex-end;background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.add-button:hover{background:linear-gradient(45deg,#2980b9,#3498db);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.add-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.task-list{list-style:none}.task-item{align-items:flex-start;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f8f9fae6,#fffffff2);border:1px solid #3498db33;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.2rem;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.task-item:hover{background:linear-gradient(135deg,#fffffff2,#f8f9fae6);border-color:#3498db66;box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.task-content{flex:1 1;margin-right:1.2rem}.task-header{align-items:center;display:flex;gap:.8rem}.task-checkbox{accent-color:#3498db;border-radius:4px;cursor:pointer;height:1.4rem;transition:all .3s ease;width:1.4rem}.task-checkbox:hover{transform:scale(1.1)}.task-text{color:#2c3e50;font-size:1.1rem;font-weight:500;transition:all .3s ease}.task-description{color:#6c757d;font-size:.95rem;line-height:1.5;margin-top:.8rem;padding-left:2.2rem;transition:all .3s ease}.task-item.completed .task-description,.task-item.completed .task-text{color:#95a5a6;text-decoration:line-through}.task-actions{display:flex;gap:.8rem}.delete-button,.edit-button,.save-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.edit-button{background:linear-gradient(45deg,#6c757d,#5a6268);color:#fff}.edit-button:hover{background:linear-gradient(45deg,#5a6268,#6c757d);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.delete-button{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff}.delete-button:hover{background:linear-gradient(45deg,#c82333,#dc3545);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.save-button{background:linear-gradient(45deg,#28a745,#218838);color:#fff}.save-button:hover{background:linear-gradient(45deg,#218838,#28a745);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.edit-form{animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#f8f9fae6,#fffffff2);border:1px solid #3498db33;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;width:100%}.edit-description,.edit-input{background:linear-gradient(135deg,#fffffff2,#fff);border:2px solid #3498db4d;border-radius:8px;font-size:1rem;padding:.8rem;transition:all .3s ease}.edit-description:focus,.edit-input:focus{border-color:#3498dbcc;box-shadow:0 0 0 3px #3498db1a,0 4px 8px #0000001a;outline:none}@media (max-width:480px){.app{margin:1rem;padding:1.5rem}h1{font-size:1.8rem;margin-bottom:2rem}.task-actions,.task-form{flex-direction:column}.delete-button,.edit-button,.save-button{text-align:center;width:100%}}
/*# sourceMappingURL=main.c8170563.css.map*/