@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in-up{opacity:0;animation:.8s ease-out forwards fade-in-up}.animate-fade-in{animation:.6s ease-out forwards fade-in}.animate-float{animation:3s ease-in-out infinite float}.animate-gradient{background-size:200% 200%;animation:4s infinite gradient}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s}.bg-grid-slate-100{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(226 232 240 / 0.5)'%3e%3cpath d='m0 .5h31.5m-32 16h32m-32 15h32'/%3e%3c/svg%3e")}.dark .bg-grid-slate-800\/30{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(30 41 59 / 0.3)'%3e%3cpath d='m0 .5h31.5m-32 16h32m-32 15h32'/%3e%3c/svg%3e")}.expand-enter-active[data-v-de110a15],.expand-leave-active[data-v-de110a15]{transition:all .3s}.expand-enter-from[data-v-de110a15],.expand-leave-to[data-v-de110a15]{opacity:0;max-height:0;overflow:hidden}.expand-enter-to[data-v-de110a15],.expand-leave-from[data-v-de110a15]{opacity:1;max-height:1000px}[data-v-f95ce096]:root{--primary:#3b82f6;--primary-dark:#1d4ed8}.main-header[data-v-f95ce096]{text-align:center;margin-bottom:1rem}.brand-section[data-v-f95ce096]{margin-bottom:.75rem}.brand-badge[data-v-f95ce096]{background:#3b82f61a;border:1px solid #3b82f633;border-radius:16px;align-items:center;gap:.375rem;margin-bottom:.5rem;padding:.25rem .625rem;display:inline-flex}.brand-badge-dot[data-v-f95ce096]{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-f95ce096}.brand-badge-text[data-v-f95ce096]{color:var(--primary);font-size:.75rem;font-weight:600}.taskzen-logo[data-v-f95ce096]{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.5rem;font-weight:900}.hero-title[data-v-f95ce096]{background:linear-gradient(135deg,#1e293b,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.375rem;font-size:1.5rem;font-weight:800;line-height:1.2}.hero-subtitle[data-v-f95ce096]{color:#64748b;max-width:500px;margin:0 auto;font-size:.8125rem;line-height:1.4}.matrix-grid[data-v-f95ce096]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.75rem;min-height:600px;display:grid}.quadrant[data-v-f95ce096]{background:#fff;border:2px solid;border-radius:12px;flex-direction:column;height:600px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.quadrant[data-v-f95ce096]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.quadrant-urgent-important[data-v-f95ce096]{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.quadrant-important[data-v-f95ce096]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.quadrant-urgent[data-v-f95ce096]{background:linear-gradient(135deg,#fffbeb,#fed7aa);border-color:#f59e0b}.quadrant-other[data-v-f95ce096]{background:linear-gradient(135deg,#ecfdf5,#bbf7d0);border-color:#10b981}.quadrant-header[data-v-f95ce096]{border-bottom:2px solid;padding:.75rem 1rem;font-weight:700}.quadrant-urgent-important .quadrant-header[data-v-f95ce096]{color:#fff;background:#ef4444;border-bottom-color:#dc2626}.quadrant-important .quadrant-header[data-v-f95ce096]{color:#fff;background:#3b82f6;border-bottom-color:#2563eb}.quadrant-urgent .quadrant-header[data-v-f95ce096]{color:#fff;background:#f59e0b;border-bottom-color:#d97706}.quadrant-other .quadrant-header[data-v-f95ce096]{color:#fff;background:#10b981;border-bottom-color:#059669}.quadrant-title[data-v-f95ce096]{margin:0;font-size:.875rem;font-weight:700}.quadrant-count[data-v-f95ce096]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.tasks-container[data-v-f95ce096]{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;max-height:calc(100% - 3rem);padding:.75rem;overflow-y:auto}.tasks-container[data-v-f95ce096]:hover{scrollbar-color:#0000004d transparent}.tasks-container[data-v-f95ce096]:hover::-webkit-scrollbar-thumb{background:#0000004d}.tasks-container.scroll-enabled[data-v-f95ce096]{max-height:calc(100% - 3rem)}.tasks-container.scroll-enabled[data-v-f95ce096]::-webkit-scrollbar{width:6px}.tasks-container.scroll-enabled[data-v-f95ce096]::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.tasks-container.scroll-enabled[data-v-f95ce096]::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.tasks-container.scroll-enabled[data-v-f95ce096]::-webkit-scrollbar-thumb:hover{background:#00000080}.task-item[data-v-f95ce096]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000001a;border-radius:8px;margin-bottom:.5rem;padding:.5rem;transition:all .2s}.task-item[data-v-f95ce096]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.task-item.compact[data-v-f95ce096]{margin-bottom:.375rem;padding:.5rem}.task-content[data-v-f95ce096]{align-items:flex-start;gap:.5rem;min-height:auto;display:flex}.task-checkbox[data-v-f95ce096]{flex-shrink:0;width:16px;height:16px;margin-top:.125rem}.task-text[data-v-f95ce096]{flex:1;min-width:0}.tasks-container.scroll-enabled[data-v-f95ce096]{max-height:calc(100% - 3rem);overflow-y:auto}.task-title[data-v-f95ce096]{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.task-comment[data-v-f95ce096]{color:#64748b;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.6em;margin-top:.125rem;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.task-meta[data-v-f95ce096]{border-top:1px solid #0000001a;justify-content:space-between;align-items:center;margin-top:.375rem;padding-top:.25rem;display:flex}.task-age[data-v-f95ce096]{color:#64748b;font-size:.6875rem}.task-actions-wrapper[data-v-f95ce096]{opacity:0;pointer-events:none;gap:.25rem;transition:opacity .2s;display:flex}.task-item:hover .task-actions-wrapper[data-v-f95ce096]{opacity:1;pointer-events:auto}.menu-options-btn[data-v-f95ce096]{color:#64748b;cursor:pointer;opacity:.6;background:#0000000d;border:1px solid #0000001a;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600;transition:all .2s}.menu-options-btn[data-v-f95ce096]:hover{opacity:1;background:#00000014}.menu-actions[data-v-f95ce096]{opacity:1;pointer-events:auto;z-index:50;gap:.25rem;margin-right:.5rem;transition:opacity .2s;display:flex;position:absolute;right:100%}.task-actions-wrapper:hover .menu-actions[data-v-f95ce096]{opacity:1;pointer-events:auto}.menu-action-btn[data-v-f95ce096]{cursor:pointer;background:#0000000d;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex}.menu-action-btn[data-v-f95ce096]:hover{background:#0000001a;transform:scale(1.1)}.menu-action-danger[data-v-f95ce096]:hover{background:#fee2e2}.empty-state[data-v-f95ce096]{text-align:center;padding:2rem .5rem}.empty-icon[data-v-f95ce096]{opacity:.5;margin-bottom:.5rem;font-size:2rem}.empty-text[data-v-f95ce096]{color:#64748b;font-size:.8125rem}.action-buttons[data-v-f95ce096]{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.action-btn[data-v-f95ce096]{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00000026}.action-btn.primary[data-v-f95ce096]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:2px solid var(--primary-dark)}.action-btn.secondary[data-v-f95ce096]{color:#475569;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1}.action-btn.tracking-btn[data-v-f95ce096]{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #7c3aed}.action-btn.my-day-btn[data-v-f95ce096]{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #d97706}.action-btn[data-v-f95ce096]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.action-btn.primary[data-v-f95ce096]:hover{background:linear-gradient(135deg,var(--primary-dark),#1e40af)}.action-btn.secondary[data-v-f95ce096]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.action-btn.tracking-btn[data-v-f95ce096]:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.action-btn.my-day-btn[data-v-f95ce096]:hover{background:linear-gradient(135deg,#d97706,#b45309)}@keyframes pulse-f95ce096{0%,to{opacity:1}50%{opacity:.5}}.tasks-container[data-v-f95ce096]::-webkit-scrollbar{width:6px}.tasks-container[data-v-f95ce096]::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.tasks-container[data-v-f95ce096]::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.tasks-container[data-v-f95ce096]::-webkit-scrollbar-thumb:hover{background:#00000080}.deadline-indicator[data-v-f95ce096]{opacity:.8;background:#ef4444;border-radius:2px;height:3px;margin-top:.375rem}@media (prefers-color-scheme:dark){.quadrant[data-v-f95ce096]{background:#1e293b}.quadrant-urgent-important[data-v-f95ce096]{background:linear-gradient(135deg,#2a0f0f,#4c1d1d);border-color:#dc2626}.quadrant-important[data-v-f95ce096]{background:linear-gradient(135deg,#0f1a3d,#1e3a8a);border-color:#2563eb}.quadrant-urgent[data-v-f95ce096]{background:linear-gradient(135deg,#422006,#78350f);border-color:#d97706}.quadrant-other[data-v-f95ce096]{background:linear-gradient(135deg,#034732,#065f46);border-color:#059669}.task-item[data-v-f95ce096]{background:#ffffff1a;border-color:#fff3}.task-title[data-v-f95ce096]{color:#f1f5f9}.task-comment[data-v-f95ce096]{color:#94a3b8}.task-meta[data-v-f95ce096]{border-top-color:#fff3}.menu-options-btn[data-v-f95ce096]{color:#94a3b8;background:#ffffff1a;border-color:#ffffff26}.menu-options-btn[data-v-f95ce096]:hover{background:#ffffff26}.menu-action-btn[data-v-f95ce096]{background:#ffffff1a}.menu-action-btn[data-v-f95ce096]:hover{background:#fff3}.action-btn.secondary[data-v-f95ce096]{color:#cbd5e1;background:linear-gradient(135deg,#334155,#475569);border-color:#64748b}.action-btn.secondary[data-v-f95ce096]:hover{background:linear-gradient(135deg,#475569,#64748b)}}@media (max-width:1024px){.matrix-grid[data-v-f95ce096]{gap:.5rem}.quadrant-header[data-v-f95ce096]{padding:.5rem .75rem}}@media (max-width:768px){.matrix-grid[data-v-f95ce096]{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;min-height:800px}.hero-title[data-v-f95ce096],.taskzen-logo[data-v-f95ce096]{font-size:1.25rem}.action-buttons[data-v-f95ce096]{flex-direction:column;align-items:center}.action-btn[data-v-f95ce096]{width:100%;max-width:250px}}.menu-actions[data-v-f95ce096],.menu-options-btn[data-v-f95ce096]{pointer-events:auto!important}.priority-indicator[data-v-f95ce096]{border-radius:.75rem;margin-top:.25rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.priority-5[data-v-f95ce096]{color:#dc2626;background:#ef444433}.priority-4[data-v-f95ce096]{color:#ea580c;background:#f9731633}.priority-3[data-v-f95ce096]{color:#ca8a04;background:#eab30833}.priority-2[data-v-f95ce096]{color:#16a34a;background:#22c55e33}.priority-1[data-v-f95ce096]{color:#64748b;background:#64748b33}.material-symbols-outlined[data-v-f95ce096]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.menu-action-btn .material-symbols-outlined[data-v-f95ce096]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;font-size:16px}.action-btn .material-symbols-outlined[data-v-f95ce096]{font-size:18px}@media (max-width:768px){.menu-action-btn .material-symbols-outlined[data-v-f95ce096]{font-size:14px}.action-btn .material-symbols-outlined[data-v-f95ce096]{font-size:16px}}.fade-enter-active[data-v-f95ce096],.fade-leave-active[data-v-f95ce096]{transition:opacity .3s}.fade-enter-from[data-v-f95ce096],.fade-leave-to[data-v-f95ce096]{opacity:0}.scale-enter-active[data-v-f95ce096]{transition:all .3s}.scale-enter-from[data-v-f95ce096]{opacity:0;transform:scale(.9)}.scale-leave-active[data-v-f95ce096]{transition:all .2s}.scale-leave-to[data-v-f95ce096]{opacity:0;transform:scale(.95)}.progress-bar{transition:width .7s cubic-bezier(.4,0,.2,1)}
