.sr-only[data-v-c6df5b37]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.task-form[data-v-c6df5b37]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-c6df5b37]{display:flex;flex-direction:column;gap:.75rem}.form-label[data-v-c6df5b37]{color:#374151;font-weight:600;font-size:.875rem;letter-spacing:-.01em}.input-row[data-v-c6df5b37]{display:flex;gap:1rem;align-items:stretch}.form-input[data-v-c6df5b37]{flex:1;padding:1rem 1.25rem;background-color:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#0f172a;font-size:1rem;font-weight:400;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.form-input[data-v-c6df5b37]::placeholder{color:#6b7280;font-weight:400}.form-input[data-v-c6df5b37]:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 6px -1px #0000001a;transform:translateY(-1px)}.form-input[data-v-c6df5b37]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.form-input[data-v-c6df5b37]:valid{border-color:#10b981}.submit-button[data-v-c6df5b37]{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:1rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:600;font-size:1rem;letter-spacing:-.01em;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden;white-space:nowrap}.submit-button[data-v-c6df5b37]:hover:not(:disabled){background:linear-gradient(135deg,#1e293b,#334155);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-button[data-v-c6df5b37]:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-button[data-v-c6df5b37]:focus{outline:3px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 1px #fff,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-button[data-v-c6df5b37]:focus-visible{outline:3px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 1px #fff,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-button[data-v-c6df5b37]:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.submit-button[data-v-c6df5b37]:disabled:focus{outline:2px solid #94a3b8;outline-offset:2px}.button-text[data-v-c6df5b37]{position:relative;z-index:1}@media (max-width: 640px){.input-row[data-v-c6df5b37]{flex-direction:column;gap:.75rem}.form-input[data-v-c6df5b37]{padding:.875rem 1rem}.submit-button[data-v-c6df5b37]{padding:.875rem 1.75rem}}.task-item[data-v-2c665b28]{background:#fffc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;transition:all .2s ease}.task-item[data-v-2c665b28]:hover{background:#fffffff2;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.task-content[data-v-2c665b28]{display:flex;align-items:center;gap:.75rem}.task-text-container[data-v-2c665b28],.task-edit-container[data-v-2c665b28]{flex:1}.task-edit-input[data-v-2c665b28]{width:100%;padding:.5rem;border:2px solid #3b82f6;border-radius:.25rem;font-size:1rem;font-weight:500;color:#1e293b;background:#fff}.task-edit-input[data-v-2c665b28]:focus{outline:2px solid #3b82f6;outline-offset:2px}.task-actions[data-v-2c665b28]{display:flex;gap:.5rem;align-items:center}.task-action-btn[data-v-2c665b28]{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:500}.edit-btn[data-v-2c665b28]{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.edit-btn[data-v-2c665b28]:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.delete-btn[data-v-2c665b28]{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.delete-btn[data-v-2c665b28]:hover{background:#ef4444;color:#fff;border-color:#ef4444}.save-btn[data-v-2c665b28]{background:#10b981;color:#fff;border:1px solid #10b981;padding:.5rem .75rem}.save-btn[data-v-2c665b28]:hover{background:#059669;border-color:#059669}.cancel-btn[data-v-2c665b28]{background:#6b7280;color:#fff;border:1px solid #6b7280;padding:.5rem .75rem}.cancel-btn[data-v-2c665b28]:hover{background:#4b5563;border-color:#4b5563}.task-action-btn[data-v-2c665b28]:focus{outline:2px solid #3b82f6;outline-offset:2px}.task-checkbox[data-v-2c665b28]{width:1.25rem;height:1.25rem;border:2px solid #cbd5e1;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.task-checkbox[data-v-2c665b28]:checked{background-color:#3b82f6;border-color:#3b82f6}.task-checkbox[data-v-2c665b28]:focus{outline:2px solid #3b82f6;outline-offset:2px}.task-label[data-v-2c665b28]{flex:1;font-size:1rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s ease}.task-checkbox:checked+.task-text-container .task-label[data-v-2c665b28]{text-decoration:line-through;color:#64748b}.tasks-placeholder[data-v-29b7c881]{display:flex;align-items:center;justify-content:center;height:15rem}.empty-state[data-v-29b7c881]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.empty-icon[data-v-29b7c881]{color:#cbd5e1;opacity:.8}.empty-title[data-v-29b7c881]{color:#64748b;font-size:1.25rem;font-weight:600;margin:0;letter-spacing:-.025em}.empty-description[data-v-29b7c881]{color:#64748b;font-size:.875rem;font-weight:400;margin:0;max-width:20rem;line-height:1.5}@media (max-width: 1024px) and (min-width: 769px){.tasks-placeholder[data-v-29b7c881]{height:13rem}}@media (max-width: 768px){.tasks-placeholder[data-v-29b7c881]{height:12rem}}@media (max-width: 480px){.tasks-placeholder[data-v-29b7c881]{height:10rem}}.sr-only[data-v-23dc5eb5]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link[data-v-23dc5eb5]{position:absolute;top:-40px;left:6px;background:#0f172a;color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:600;font-size:.875rem;z-index:1000;transition:top .3s}.skip-link[data-v-23dc5eb5]:focus{top:6px;outline:2px solid #ffffff;outline-offset:2px}.app-container[data-v-23dc5eb5]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.main-content[data-v-23dc5eb5]{flex:1;padding:2rem;position:relative}.content-wrapper[data-v-23dc5eb5]{width:100%;max-width:64rem;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.app-header[data-v-23dc5eb5]{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:3rem 2rem 2rem;text-align:center;position:relative}.header-content[data-v-23dc5eb5]{max-width:48rem;margin:0 auto}.app-title[data-v-23dc5eb5]{color:#0f172a;font-size:3rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.05em;line-height:1.1}.app-subtitle[data-v-23dc5eb5]{color:#64748b;font-size:1.125rem;font-weight:400;margin:0;letter-spacing:-.025em}.app-footer[data-v-23dc5eb5]{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#64748b;text-align:center;padding:2rem;font-size:.875rem;border-top:1px solid #e2e8f0}.footer-content[data-v-23dc5eb5]{max-width:48rem;margin:0 auto}.footer-content p[data-v-23dc5eb5]{margin:0;font-weight:500}.form-section[data-v-23dc5eb5],.tasks-section[data-v-23dc5eb5]{width:100%}.tasks-header[data-v-23dc5eb5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.tasks-title[data-v-23dc5eb5]{font-size:1.5rem;font-weight:600;color:#0f172a;margin:0;letter-spacing:-.025em}.tasks-count[data-v-23dc5eb5]{background:#f8fafc;color:#64748b;padding:.5rem 1rem;border:1px solid #e2e8f0;font-size:.875rem;font-weight:600}.tasks-container[data-v-23dc5eb5]{background:#fff;background-image:radial-gradient(circle,#cbd5e1 1.5px,transparent 1.5px);background-size:16px 16px;border:2px solid #e2e8f0;border-radius:.75rem;min-height:18rem;padding:1.5rem;position:relative}@media (max-width: 1024px) and (min-width: 769px){.content-wrapper[data-v-23dc5eb5]{max-width:56rem;gap:2rem}.main-content[data-v-23dc5eb5]{padding:1.5rem}.tasks-container[data-v-23dc5eb5]{min-height:16rem;padding:1.25rem}.tasks-placeholder[data-v-23dc5eb5]{height:13rem}}@media (max-width: 768px){.app-title[data-v-23dc5eb5]{font-size:2.25rem}.app-subtitle[data-v-23dc5eb5]{font-size:1rem}.main-content[data-v-23dc5eb5]{padding:1rem}.app-header[data-v-23dc5eb5]{padding:2rem 1rem 1.5rem}.content-wrapper[data-v-23dc5eb5]{max-width:100%;gap:1.5rem}.tasks-title[data-v-23dc5eb5]{font-size:1.25rem}.tasks-header[data-v-23dc5eb5]{flex-direction:column;align-items:flex-start;gap:.5rem}.tasks-container[data-v-23dc5eb5]{min-height:14rem;padding:1rem}.tasks-placeholder[data-v-23dc5eb5]{height:12rem}}@media (max-width: 480px){.app-title[data-v-23dc5eb5]{font-size:2rem}.content-wrapper[data-v-23dc5eb5]{gap:1rem}.tasks-container[data-v-23dc5eb5]{min-height:12rem;padding:.75rem}.tasks-placeholder[data-v-23dc5eb5]{height:10rem}}