.task-card[data-v-4ad99090]{background:#fff;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.task-card[data-v-4ad99090]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.task-card.archived[data-v-4ad99090]{opacity:.7;background:#f5f5f5}.task-header[data-v-4ad99090]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.task-name[data-v-4ad99090]{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.badge[data-v-4ad99090]{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.badge.pending[data-v-4ad99090]{color:#d97706;background:#fff7ed}.badge.archived[data-v-4ad99090]{color:#059669;background:#d1fae5}.task-body[data-v-4ad99090]{margin-bottom:16px}.task-info[data-v-4ad99090]{margin-bottom:8px;display:flex}.task-info .label[data-v-4ad99090]{color:#6b7280;min-width:80px;font-weight:500}.task-info .value[data-v-4ad99090]{color:#374151}.task-description[data-v-4ad99090]{color:#64748b;background:#f9fafb;border-radius:6px;padding:12px;line-height:1.6}.task-footer[data-v-4ad99090]{justify-content:flex-end;align-items:center;display:flex}.archive-btn[data-v-4ad99090]{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.archive-btn[data-v-4ad99090]:hover{background:#2563eb;transform:scale(1.05)}.archived-info[data-v-4ad99090]{color:#6b7280;font-size:12px}.task-list[data-v-f2cccfe2]{max-width:800px;margin:0 auto;padding:20px}.list-header[data-v-f2cccfe2]{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.list-header h2[data-v-f2cccfe2]{color:#1a1a1a;margin:0;font-size:24px}.stats[data-v-f2cccfe2]{gap:20px;display:flex}.stat-item[data-v-f2cccfe2]{color:#6b7280;font-size:14px}.stat-item strong[data-v-f2cccfe2]{color:#1a1a1a;font-size:16px}.filter-section[data-v-f2cccfe2]{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.filter-label[data-v-f2cccfe2]{color:#374151;white-space:nowrap;font-weight:500}.filter-select[data-v-f2cccfe2]{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.filter-select[data-v-f2cccfe2]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.loading[data-v-f2cccfe2],.error[data-v-f2cccfe2],.empty[data-v-f2cccfe2]{text-align:center;padding:40px;font-size:16px}.error[data-v-f2cccfe2]{color:#dc2626;background:#fef2f2;border-radius:6px}.empty[data-v-f2cccfe2]{color:#6b7280}.task-cards[data-v-f2cccfe2]{gap:16px;display:grid}.archived-section[data-v-f2cccfe2]{margin-top:32px}.archived-section h3[data-v-f2cccfe2]{color:#6b7280;margin-bottom:16px}.actions[data-v-f2cccfe2]{border-top:1px solid #e5e7eb;justify-content:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.btn[data-v-f2cccfe2]{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn[data-v-f2cccfe2]:disabled{opacity:.5;cursor:not-allowed}.refresh-btn[data-v-f2cccfe2]{color:#fff;background:#3b82f6}.refresh-btn[data-v-f2cccfe2]:hover:not(:disabled){background:#2563eb}.toggle-btn[data-v-f2cccfe2]{color:#374151;background:#e5e7eb}.toggle-btn[data-v-f2cccfe2]:hover:not(:disabled){background:#d1d5db}.reset-btn[data-v-f2cccfe2]{color:#6b7280;background:0 0;border:1px solid #d1d5db;padding:6px 12px;font-size:13px}.reset-btn[data-v-f2cccfe2]:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}@media (width<=768px){.list-header[data-v-f2cccfe2]{flex-direction:column;align-items:flex-start;gap:16px}.stats[data-v-f2cccfe2]{flex-direction:column;gap:8px}.filter-section[data-v-f2cccfe2]{flex-direction:column;align-items:stretch}.filter-select[data-v-f2cccfe2]{width:100%}}#app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:40px 20px;box-shadow:0 2px 10px #0000001a}.app-header h1{letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700}.app-header .subtitle{opacity:.9;margin-top:8px;font-size:16px}main{flex:1;padding:20px 0}.app-footer{color:#9ca3af;text-align:center;background:#1a1a1a;padding:20px;font-size:14px}.app-footer p{margin:0}@media (width<=768px){.app-header{padding:30px 15px}.app-header h1{font-size:24px}.app-header .subtitle{font-size:14px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#374151;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#app{min-height:100vh}