#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.header[data-v-c8e167e5]{background-color:#007bff;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-content[data-v-c8e167e5]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex-wrap:wrap;gap:20px}.header-content h1[data-v-c8e167e5]{margin:0;font-size:1.8rem;display:flex;align-items:center;gap:10px}.navigation[data-v-c8e167e5]{display:flex;gap:20px}.nav-link[data-v-c8e167e5]{color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;transition:background-color .3s}.nav-link[data-v-c8e167e5]:hover{background-color:#fff3}.nav-link.active[data-v-c8e167e5]{background-color:#ffffff4d}@media(max-width:768px){.header-content[data-v-c8e167e5]{flex-direction:column;text-align:center}.navigation[data-v-c8e167e5]{gap:10px}.nav-link[data-v-c8e167e5]{padding:6px 10px;font-size:.9rem}}.footer[data-v-cd780aee]{background-color:#343a40;color:#fff;padding:20px 0;margin-top:auto}.footer-content[data-v-cd780aee]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex-wrap:wrap;gap:20px}.social-links[data-v-cd780aee]{display:flex;gap:15px}.social-link[data-v-cd780aee]{color:#fff;font-size:1.2rem;transition:color .3s}.social-link[data-v-cd780aee]:hover{color:#007bff}@media(max-width:768px){.footer-content[data-v-cd780aee]{flex-direction:column;text-align:center}.social-links[data-v-cd780aee]{gap:10px}}.task-stats[data-v-815c654c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}.stat-card[data-v-815c654c]{background-color:#f8f9fa;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a}.stat-card.completed[data-v-815c654c]{background-color:#d4edda;border:1px solid #c3e6cb}.stat-card.pending[data-v-815c654c]{background-color:#fff3cd;border:1px solid #ffeaa7}.stat-card.priority-high[data-v-815c654c]{background-color:#f8d7da;border:1px solid #f5c6cb}.stat-card h3[data-v-815c654c]{margin:0 0 5px;font-size:1.5rem;color:#333}.stat-card p[data-v-815c654c]{margin:0;color:#666;font-size:.9rem}@media(max-width:768px){.task-stats[data-v-815c654c]{grid-template-columns:repeat(2,1fr)}}.category-filter[data-v-73d41830]{display:flex;align-items:center;gap:10px}.category-filter label[data-v-73d41830]{font-weight:700;color:#555}.category-filter select[data-v-73d41830]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.category-filter select[data-v-73d41830]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.priority-filter[data-v-72c0b3ff]{display:flex;align-items:center;gap:10px}.priority-filter label[data-v-72c0b3ff]{font-weight:700;color:#555}.priority-filter select[data-v-72c0b3ff]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.priority-filter select[data-v-72c0b3ff]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.task-form[data-v-702cf857]{max-width:600px;margin:0 auto 30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.task-form h2[data-v-702cf857]{margin-top:0;color:#333;text-align:center}.form-group[data-v-702cf857]{margin-bottom:15px}.form-group label[data-v-702cf857]{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input[data-v-702cf857],.form-group textarea[data-v-702cf857],.form-group select[data-v-702cf857]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.form-group input[data-v-702cf857]:focus,.form-group textarea[data-v-702cf857]:focus,.form-group select[data-v-702cf857]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-row[data-v-702cf857]{display:flex;gap:20px}.form-row .form-group[data-v-702cf857]{flex:1}.form-actions[data-v-702cf857]{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.submit-btn[data-v-702cf857],.reset-btn[data-v-702cf857],.cancel-btn[data-v-702cf857]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s}.submit-btn[data-v-702cf857]{background-color:#28a745;color:#fff}.submit-btn[data-v-702cf857]:hover{background-color:#218838}.reset-btn[data-v-702cf857]{background-color:#6c757d;color:#fff}.reset-btn[data-v-702cf857]:hover{background-color:#5a6268}.cancel-btn[data-v-702cf857]{background-color:#dc3545;color:#fff}.cancel-btn[data-v-702cf857]:hover{background-color:#c82333}@media(max-width:768px){.form-row[data-v-702cf857]{flex-direction:column;gap:0}.form-actions[data-v-702cf857]{flex-direction:column}.submit-btn[data-v-702cf857],.reset-btn[data-v-702cf857],.cancel-btn[data-v-702cf857]{width:100%}}.task-item[data-v-877c2dc0]{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;margin-bottom:10px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.task-item[data-v-877c2dc0]:hover{box-shadow:0 4px 8px #00000026}.task-item.completed[data-v-877c2dc0]{opacity:.7;background-color:#e9ecef}.task-content[data-v-877c2dc0]{display:flex;align-items:flex-start;flex-grow:1}.task-checkbox[data-v-877c2dc0]{margin-right:15px;margin-top:5px;transform:scale(1.2)}.task-details[data-v-877c2dc0]{flex-grow:1}.task-details h3[data-v-877c2dc0]{margin:0 0 10px;color:#333}.task-description[data-v-877c2dc0]{margin:0 0 10px;color:#666;line-height:1.4}.task-meta[data-v-877c2dc0]{display:flex;gap:10px;flex-wrap:wrap}.task-category[data-v-877c2dc0],.task-priority[data-v-877c2dc0],.task-due-date[data-v-877c2dc0]{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:700}.task-category[data-v-877c2dc0]{background-color:#007bff;color:#fff}.task-priority.high[data-v-877c2dc0]{background-color:#dc3545;color:#fff}.task-priority.medium[data-v-877c2dc0]{background-color:#ffc107;color:#212529}.task-priority.low[data-v-877c2dc0]{background-color:#28a745;color:#fff}.delete-btn[data-v-877c2dc0]{background-color:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.delete-btn[data-v-877c2dc0]:hover{background-color:#c82333}@media(max-width:768px){.task-item[data-v-877c2dc0]{flex-direction:column;align-items:stretch}.task-content[data-v-877c2dc0]{margin-bottom:10px}.delete-btn[data-v-877c2dc0]{align-self:flex-end}}.task-list[data-v-fafa57a1]{max-width:800px;margin:0 auto;padding:20px}.filters[data-v-fafa57a1]{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.task-stats[data-v-fafa57a1]{margin-bottom:20px}.tasks[data-v-fafa57a1]{list-style:none;padding:0}.no-tasks[data-v-fafa57a1]{text-align:center;color:#666;font-style:italic;margin-top:40px}.dashboard[data-v-fe474b36]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-fe474b36]{flex:1;padding:20px 0}.container[data-v-fe474b36]{max-width:1200px;margin:0 auto;padding:0 20px}.stats-container[data-v-fe474b36]{margin-bottom:30px}.filters-container[data-v-fe474b36]{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.task-form-container[data-v-fe474b36]{margin-bottom:30px}.task-list-container[data-v-fe474b36]{margin-top:20px}@media(max-width:768px){.filters-container[data-v-fe474b36]{flex-direction:column}}