:root{--accent:#3b82f6;--accent-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--accent-hover:#1d4ed8;--overdue:#ef4444;--soon:#eab308;--success:#22c55e;--active:#3b82f6;--muted:#6b7280;--bg:#f3f4f6;--card-bg:#fff;--text-main:#111827;--radius:16px;--shadow:0 6px 20px #00000014;--transition:0.3s ease;--input-bg:#f9fafb}body{background:#f3f4f6;background:var(--bg);color:#111827;color:var(--text-main);font-family:Inter,Plus Jakarta Sans,Segoe UI,sans-serif;line-height:1.7;margin:0;padding:0}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--accent-gradient);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0 0 1.25rem}.app{background:#fff;background:var(--card-bg);border-radius:16px;border-radius:var(--radius);box-shadow:0 48px 100px 0 #adadad26;margin:3rem auto;padding:3rem;width:min(900px,90%)}.header-right{float:right}.add-task{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.add-task input[type=date],.add-task input[type=text],.add-task select,.add-task textarea{background:#f9fafb;background:var(--input-bg);border:1.5px solid #e5e7eb;border-radius:16px;border-radius:var(--radius);display:block;flex:1 1;height:1rem;min-width:160px;padding:1rem 1.2rem;transition:border .3s ease,box-shadow .3s ease;transition:border var(--transition),box-shadow var(--transition)}.add-task input:focus,.add-task select:focus{background:#fff;border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1f}.add-task button{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--accent-gradient);border:none;border-radius:16px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:1rem 1.6rem;transition:all .3s ease;transition:all var(--transition)}.add-task button:hover{box-shadow:0 8px 20px #3b82f640;transform:translateY(-3px) scale(1.03)}.add-task button:active{transform:scale(.98)}.task-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between;margin-bottom:1.5rem}.filters{display:flex;gap:4px;overflow-x:auto;width:100%}.filters button{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;border-radius:var(--radius);cursor:pointer;font-size:.95rem;padding:.75rem 1.2rem;transition:all .3s ease;transition:all var(--transition)}.filters button:hover{background:#f3f4f6;transform:translateY(-2px)}.filters button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--accent-gradient);border-color:#0000;box-shadow:0 4px 10px #3b82f640;color:#fff}.search{background:#f9fafb;background:var(--input-bg);border:1.5px solid #e5e7eb;border-radius:16px;border-radius:var(--radius);padding:.8rem 1.2rem;transition:border .3s ease,box-shadow .3s ease;transition:border var(--transition),box-shadow var(--transition);width:280px}.search:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.task-item{border:1px solid #f3f4f6;border-radius:16px;border-radius:var(--radius);gap:1.2rem;justify-content:space-between;margin-bottom:1rem;padding:1.2rem 1.4rem;transition:all .3s ease;transition:all var(--transition)}.task-item:hover{background:#f9fafb;transform:translateY(-3px)}.title{font-size:1.1rem}.meta,.title.completed{color:#6b7280;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.6rem}.meta,.status-indicator{font-size:.9rem}.status-dot.active{background:var(--active)}.status-dot.completed{background:var(--success)}.status-dot.overdue{background:var(--overdue)}.priority{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:700;padding:.25rem .6rem;text-transform:capitalize}#priority{height:3rem}.priority.high{background:#ef44441f;border:1px solid #ef44442e;color:#ef4444;color:var(--overdue)}.priority.medium{background:#eab3081f;border:1px solid #eab3082e;color:#eab308;color:var(--soon)}.priority.low{background:#22c55e14;border:1px solid #22c55e1f;color:#22c55e;color:var(--success)}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;transition:opacity var(--transition)}.modal.active{opacity:1;pointer-events:auto}.modal-content{animation:fadeIn .3s ease;animation:fadeIn var(--transition);background:#fff;background:var(--card-bg);border-radius:16px;border-radius:var(--radius);box-shadow:0 6px 20px #00000014;box-shadow:var(--shadow);max-width:500px;padding:2rem;width:90%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.app{margin:10px}}@media (max-width:768px){.add-task{align-items:center}.add-task,.task-controls{flex-direction:column;width:100%}.field{width:100%}.add-task button,.add-task input,.add-task select,.add-task textarea{width:90%}.search{width:100%}.task-item{align-items:flex-start;flex-direction:column}}@media (max-width:480px){body{font-size:.95rem}.app{padding:1.5rem}.add-task button,.add-task input,.add-task select,.add-task textarea{width:80%}}.task-card{background:#fff;border-radius:16px;box-shadow:0 6px 24px #0000000d;margin-bottom:1.5rem;padding:10px 1.3rem;transition:all .3s ease}.task-card:hover{box-shadow:0 10px 32px #0000001a;transform:translateY(-5px)}.title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.checkbox{accent-color:#2563eb;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.checkbox:hover{transform:scale(1.1)}.title-container{align-items:center;display:flex;gap:.5rem}.title{color:#111827;font-size:1.2rem;font-weight:600;transition:color .3s ease}.title.completed{color:#9ca3af;text-decoration:line-through}.editable-title{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:1.05rem;padding:.7rem 1rem;width:100%}.content{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:.2rem}.task-details{align-items:center;display:flex;gap:14px;justify-content:flex-end}.textarea.editable-text{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.95rem;padding:.8rem;resize:vertical;transition:all .3s ease}.textarea.editable-text:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.description-text{color:#6b7280;font-size:.95rem}.date-input{border:1.5px solid #e5e7eb;border-radius:10px;max-width:200px;padding:.6rem 1rem;transition:all .3s ease}.date-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.due{color:#eab308;font-weight:600}.btn-icon{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:.4rem;transition:all .3s ease}.btn-icon:hover{background:#2563eb1a;color:#2563eb;transform:scale(1.15)}.edit{color:#2563eb}.save{color:#22c55e}.hover-scale:hover{transform:scale(1.1)}.hover-rotate:hover{transform:rotate(10deg) scale(1.1)}.notif-bell{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;padding:.4rem;position:relative;transition:all .3s ease}.notif-bell:hover{background:#2563eb1a;transform:scale(1.1)}.delete{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.delete:hover{color:#ef4444;transform:rotate(10deg) scale(1.2)}.status-indicator{align-items:center;display:inline-flex;font-weight:600;gap:.5rem;text-transform:capitalize}.status-dot{border-radius:50%;height:12px;width:12px}.status-dot.active{background:#3b82f6}.status-dot.completed{background:#22c55e}.status-dot.overdue{background:#ef4444}@media (max-width:768px){.task-card{padding:1.3rem}.btn-icon{font-size:1.1rem}.textarea.editable-text{font-size:.9rem}}
/*# sourceMappingURL=main.91abb6b5.css.map*/