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}body{background:linear-gradient(120deg,#f8fafc,#e0e7ff);font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;min-height:100vh}.app{background:linear-gradient(120deg,#fff 80%,#e0e7ff);border-radius:24px;box-shadow:0 8px 40px #3c486421;margin:40px auto;max-width:800px;padding:40px 32px 32px;transition:box-shadow .3s,background .3s}header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}header h1{color:#4f46e5;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin:0 0 4px;text-shadow:0 2px 8px #e0e7ff}.user-info{align-items:center;background:#f1f5f9;border-radius:8px;box-shadow:0 1px 4px #3c48640a;color:#6366f1;display:flex;font-size:1.1rem;font-weight:500;gap:16px;padding:6px 18px}.user-info button{background:linear-gradient(90deg,#6366f1 60%,#818cf8);border:none;border-radius:8px;box-shadow:0 2px 8px #e0e7ff;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:7px 22px;transition:background .2s,box-shadow .2s}.user-info button:hover{background:linear-gradient(90deg,#4f46e5 60%,#6366f1);box-shadow:0 4px 16px #c7d2fe}main{display:flex;flex-direction:row;gap:32px}@media (max-width:800px){.app{max-width:98vw;padding:10px 2vw}main{flex-direction:column;gap:18px}}.login-container{align-items:center;background:#fff;border-radius:14px;box-shadow:0 2px 16px #3c48641a;display:flex;flex-direction:column;margin:80px auto;max-width:350px;padding:32px 24px}.login-container h2{color:#6366f1;margin-bottom:18px}.login-container input{border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;margin-bottom:16px;padding:10px 12px;width:100%}.login-container button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:10px 0;transition:background .2s;width:100%}.login-container button:hover{background:#4f46e5}.task-form{background:#f1f5f9;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:18px 16px}.task-form input,.task-form textarea{border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:8px 10px;resize:none}.task-form button{align-self:flex-end;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 18px;transition:background .2s}.task-form button:hover{background:#4f46e5}.task-filter{display:flex;gap:10px;margin-bottom:18px}.task-filter button{background:#e0e7ff;border:none;border-radius:6px;color:#6366f1;cursor:pointer;font-size:1rem;font-weight:500;padding:7px 18px;transition:background .2s,color .2s}.task-filter button.active,.task-filter button:hover{background:#6366f1;color:#fff}.task-list{display:flex;flex-direction:column;gap:20px;padding-bottom:10px}.task-item{align-items:flex-start;background:linear-gradient(90deg,#f9fafb 80%,#e0e7ff);border:1.5px solid #e0e7ff;border-radius:14px;box-shadow:0 2px 12px #3c486412;display:flex;gap:18px;padding:20px 18px;position:relative;transition:box-shadow .2s,background .2s}.task-item.completed{background:linear-gradient(90deg,#e0e7ff 80%,#f1f5f9);border:1.5px solid #6366f1;box-shadow:0 2px 16px #e0e7ff;filter:blur(.5px) brightness(1.04);opacity:.7;text-decoration:line-through}.task-item input[type=checkbox]{accent-color:#6366f1;border-radius:6px;box-shadow:0 1px 4px #e0e7ff;height:22px;margin-top:6px;width:22px}.task-content{flex:1 1}.task-content h3{color:#4f46e5;font-size:1.18rem;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.task-content p{color:#6366f1;font-size:1.01rem;font-weight:500;margin:0 0 6px}.task-content small{color:#a1a1aa}.task-actions{display:flex;flex-direction:column;gap:6px}.task-actions button{background:linear-gradient(90deg,#fff 60%,#e0e7ff);border:1.5px solid #6366f1;border-radius:8px;box-shadow:0 1px 4px #e0e7ff;color:#6366f1;cursor:pointer;font-size:1.01rem;font-weight:600;padding:6px 16px;transition:background .2s,color .2s,box-shadow .2s}.task-actions button:hover{background:linear-gradient(90deg,#6366f1 60%,#818cf8);box-shadow:0 2px 8px #c7d2fe;color:#fff}.edit-form{background:#f1f5f9;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:12px 10px}.edit-form input,.edit-form textarea{border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:8px 10px}.edit-form button{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:7px 16px;transition:background .2s}.edit-form button:hover{background:#4f46e5}@media (max-width:600px){.task-item{flex-direction:column;gap:8px}.task-actions{flex-direction:row;gap:10px}}
/*# sourceMappingURL=main.963e79fe.css.map*/