:root{background-color:#f8fafc;color:#1e293b}body{margin:0;padding:0;display:block;min-height:100vh;width:100%}#app{max-width:1200px;margin:0 auto;padding:2rem;display:block}*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.task-card[data-v-2061f6ca]{width:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border-left:2px solid #cbd5e1;padding:20px;transition:transform .2s,box-shadow .2s}.task-card[data-v-2061f6ca]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.task-card.high[data-v-2061f6ca]{border-left-color:#ef4444}.task-card.medium[data-v-2061f6ca]{border-left-color:#f59e0b}.task-card.low[data-v-2061f6ca]{border-left-color:#10b981}.card-content[data-v-2061f6ca]{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}.task-details[data-v-2061f6ca]{flex:1;min-width:0}.task-details h3[data-v-2061f6ca]{margin:8px 0;font-size:1.25rem;color:#1e293b;font-weight:700;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.priority-label[data-v-2061f6ca]{font-size:.7rem;font-weight:800;color:#64748b;display:flex;align-items:center;gap:6px;letter-spacing:.05em}.dot[data-v-2061f6ca]{height:8px;width:8px;border-radius:50%;background:currentColor}.due-date[data-v-2061f6ca]{font-size:.85rem;color:#64748b;margin-bottom:8px}.status-badge[data-v-2061f6ca]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#f1f5f9;color:#475569}.card-actions[data-v-2061f6ca]{text-align:right;min-width:120px}.action-label[data-v-2061f6ca]{font-size:.65rem;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;font-weight:700}.btn-edit[data-v-2061f6ca]{background:#f8fafc;color:#475569;border-color:#e2e8f0!important;margin-bottom:8px}.btn-edit[data-v-2061f6ca]:hover{background:#f1f5f9;color:#1e293b}.card-actions button[data-v-2061f6ca]{width:100%;padding:10px;border-radius:8px;cursor:pointer;font-weight:600;border:1px solid transparent;transition:all .2s;display:block}.btn-start[data-v-2061f6ca]{background:#eff6ff;color:#2563eb;border-color:#dbeafe!important}.btn-start[data-v-2061f6ca]:hover{background:#dbeafe}.btn-done[data-v-2061f6ca]{background:#f0fdf4;color:#16a34a;border-color:#dcfce7!important}.btn-done[data-v-2061f6ca]:hover{background:#dcfce7}.btn-delete[data-v-2061f6ca]{background:#fef2f2;color:#dc2626;border-color:#fee2e2!important}.btn-delete[data-v-2061f6ca]:hover{background:#fee2e2}@media(max-width:600px){.task-card[data-v-2061f6ca]{padding:12px}.card-content[data-v-2061f6ca]{flex-direction:column;align-items:flex-start;gap:10px}.task-details h3[data-v-2061f6ca]{font-size:1rem}.card-actions[data-v-2061f6ca]{width:100%;text-align:left;margin-top:15px;border-top:1px inset #f1f5f9;padding-top:15px}.card-actions button[data-v-2061f6ca]{display:inline-block;width:auto;margin-right:8px;padding:8px 16px}}.empty-state[data-v-70347277]{text-align:center;color:#94a3b8;grid-column:1 / -1;padding:40px}.task-list[data-v-70347277]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;width:100%;max-width:1400px;margin:0 auto}@media(min-width:768px){.task-list[data-v-70347277]{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}}.modal-overlay[data-v-f1b3026a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-f1b3026a]{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}h2[data-v-f1b3026a]{margin-top:0;color:#1e293b;margin-bottom:20px}.form-group[data-v-f1b3026a]{margin-bottom:20px;display:flex;flex-direction:column}.form-group label[data-v-f1b3026a]{font-size:.9rem;font-weight:600;margin-bottom:6px;color:#475569}input[data-v-f1b3026a],select[data-v-f1b3026a]{padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;transition:border-color .2s}input[data-v-f1b3026a]:focus,select[data-v-f1b3026a]:focus{outline:none;border-color:#3b82f6;ring:2px solid #bfdbfe}.modal-actions[data-v-f1b3026a]{display:flex;gap:12px;margin-top:10px}.btn-save[data-v-f1b3026a]{background:#10b981;color:#fff;flex:2;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.btn-save[data-v-f1b3026a]:hover{background:#059669}.btn-cancel[data-v-f1b3026a]{background:#f1f5f9;color:#64748b;flex:1;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel[data-v-f1b3026a]:hover{background:#e2e8f0}.modal-overlay[data-v-9599a64d]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-9599a64d]{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}h2[data-v-9599a64d]{margin-top:0;color:#1e293b;margin-bottom:20px}.form-group[data-v-9599a64d]{margin-bottom:20px;display:flex;flex-direction:column}.form-group label[data-v-9599a64d]{font-size:.9rem;font-weight:600;margin-bottom:6px;color:#475569}input[data-v-9599a64d],select[data-v-9599a64d]{padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}input[data-v-9599a64d]:focus,select[data-v-9599a64d]:focus{outline:none;border-color:#3b82f6}.modal-actions[data-v-9599a64d]{display:flex;gap:12px;margin-top:10px}.btn-save[data-v-9599a64d]{background:#10b981;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.btn-save[data-v-9599a64d]:hover{background:#059669}.btn-cancel[data-v-9599a64d]{background:#f1f5f9;color:#64748b;flex:1;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.report-modal[data-v-2a38ffb8]{max-width:500px}.report-table[data-v-2a38ffb8]{width:100%;border-collapse:collapse;margin-top:20px}.report-table th[data-v-2a38ffb8],.report-table td[data-v-2a38ffb8]{border:1px solid #e2e8f0;padding:10px;text-align:center}.report-table th[data-v-2a38ffb8]{background:#f8fafc}.capitalize[data-v-2a38ffb8]{text-transform:capitalize;font-weight:700}.btn-close[data-v-2a38ffb8]{margin-top:20px;width:100%;padding:10px;background:#64748b;color:#fff;border:none;border-radius:8px;cursor:pointer}.dashboard-container{width:100%;min-height:100vh;background-color:#f8fafc;color:#1e293b;display:flex;flex-direction:column;align-items:center;padding-top:10px}.main-header{width:90%;max-width:1000px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions{display:flex;gap:12px}.report-btn{background-color:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.report-btn:hover{background-color:#e2e8f0;color:#1e293b}h1{color:#0f172a;font-size:2rem;font-weight:800}.add-task-btn{background-color:#10b981;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.status-menu{width:90%;max-width:1000px;display:flex;gap:40px;border-bottom:2px solid #e2e8f0;margin-bottom:30px}.status-menu button{padding:15px 10px;font-size:1.1rem;color:#64748b;background:none;border:none;cursor:pointer;border-bottom:3px solid transparent}.status-menu button.active{color:#2563eb;border-bottom:3px solid #2563eb}.footer-content{width:90%;max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.main-footer{width:100%;background-color:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:20px 0}@media(max-width:768px){.main-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{display:flex;flex-direction:row;gap:10px;width:100%}.header-actions button{flex:1;padding:10px 5px;font-size:.85rem;white-space:nowrap;display:flex;justify-content:center;align-items:center}.add-task-btn span{display:none}.status-menu{gap:10px;justify-content:space-between;overflow-x:auto;white-space:nowrap;padding-bottom:5px}.status-menu button{font-size:.9rem;padding:10px 5px}}