@import"https://unpkg.com/open-props";@import"https://unpkg.com/open-props/normalize.min.css";body{font-family:var(--font-system-ui);font-size:var(--font-size-3);margin:0;padding:20px;min-height:100vh;display:grid;place-content:start center}body.file-loaded .upload-container{display:none}.upload-container{background-color:var(--surface-3);border:2px dashed #d1d5db;border-radius:8px;padding:2rem;max-width:500px;box-shadow:var(--shadow-4);transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-container.drag-over{border-color:var(--blue-5);background-color:#f0f9ff;transform:scale(1.02)}.upload-icon{width:48px;height:48px;margin:0 auto 20px}.upload-title{font-size:24px;font-weight:700;margin:0 0 12px;max-inline-size:100%}.upload-instructions{font-size:16px;margin:0 0 24px;line-height:1.5}.file-input-wrapper{position:relative;display:inline-block}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.choose-file-button{background-color:var(--blue-5);border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s}.choose-file-button:hover{background-color:#2563eb}.button-icon{width:20px;height:20px}.cloud-icon{fill:currentColor}.main-container{width:100%;max-width:1200px;margin:0 auto}.filter-section{background-color:var(--surface-1);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-5)}.filter-title{font-size:18px;font-weight:600;margin:0 0 16px}.filter-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:14px;font-weight:500}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:var(--surface-1);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--blue-5);box-shadow:0 0 0 3px #3b82f61a}.cards-container{display:flex;flex-direction:column;gap:16px}.task-card{background-color:var(--surface-1);border-radius:8px;padding:20px;box-shadow:var(--shadow-5);border-left:4px solid #e5e7eb;transition:all .2s ease}.task-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.task-card.parent-task{border-left-color:#3b82f6;background-color:var(--surface-1)}.task-card.child-task{border-left-color:#10b981;margin-left:24px;background-color:var(--surface-2)}.task-card:nth-child(2n){background-color:var(--surface-2)}.task-card:nth-child(2n) .child-task{background-color:var(--surface-1)}.task-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:12px}.task-title{font-size:16px;font-weight:600;margin:0;flex:1}.task-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.task-status.completed{background-color:#d1fae5;color:#059669}.task-status.open{background-color:#fee2e2;color:#dc2626}.task-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.meta-item{display:flex;flex-direction:column}.meta-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.meta-value{font-size:14px}.task-notes{background-color:var(--surface-2);border-radius:6px;padding:12px;margin-top:12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.child-tasks-container{margin-top:16px;padding-left:16px;border-left:2px solid #e5e7eb}.child-tasks-header{font-size:14px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.child-tasks-count{background-color:var(--surface-2);padding:2px 8px;border-radius:12px;font-size:12px}.child-tasks{display:flex;flex-direction:column;gap:8px}.child-task{border-left-color:var(--teal-5);margin-left:0;padding:1rem;background-color:var(--teal-1)}.hidden{display:none!important}.empty-state{text-align:center;padding:40px}.empty-state-icon{width:48px;height:48px;margin:0 auto 16px}@media(prefers-color-scheme:dark){.filter-section{border:2px solid var(--gray-4)}}