#tasks-container{display:flex;flex-direction:column;gap:var(--layout-spacing)}#tasks-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}#tasks-toolbar select{padding:.5rem .75rem;border:1px solid var(--draw-color-primary);border-radius:.25rem;background:var(--background-color-surface);color:var(--draw-color-primary);font-size:.875rem;cursor:pointer}#tasks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}#tasks-empty{text-align:center;padding:2rem;color:var(--text-color-secondary)}#tasks-empty.hidden{display:none}.task-card{border:1px solid var(--draw-color-surface);border-radius:.5rem;padding:1rem;background:var(--background-color-surface);display:flex;flex-direction:column;gap:.5rem}.task-header{display:flex;justify-content:space-between;align-items:center}.task-type{font-weight:700;font-size:1.1rem}.task-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-color-secondary)}.task-id{font-family:monospace}.task-dates{font-size:.8rem;color:var(--text-color-secondary)}.task-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.badge{padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase}.badge-warning{background:var(--color-warning);color:var(--background-color-ground)}.badge-info{background:var(--color-info);color:var(--background-color-ground)}.badge-success{background:var(--color-success);color:var(--background-color-ground)}.badge-error{background:var(--color-danger);color:var(--background-color-ground)}.badge-default{background:var(--draw-color-surface);color:var(--text-color-surface)}dialog#task-dialog{border:1px solid var(--draw-color-surface);border-radius:.5rem;padding:1.5rem;background:var(--background-color-ground);color:var(--text-color-surface);min-width:400px;max-width:90vw}dialog#task-dialog::backdrop{background:rgba(0,0,0,.5)}dialog#task-dialog h3{margin:0 0 1rem;color:var(--text-color-primary)}dialog#task-dialog label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}dialog#task-dialog input,dialog#task-dialog textarea{padding:.5rem;border:1px solid var(--draw-color-surface);border-radius:.25rem;background:var(--background-color-surface);color:var(--text-color-surface)}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}dialog#payload-dialog{border:1px solid var(--draw-color-surface);border-radius:.5rem;padding:1.5rem;background:var(--background-color-ground);color:var(--text-color-surface);min-width:400px;max-width:90vw}dialog#payload-dialog::backdrop{background:rgba(0,0,0,.5)}dialog#payload-dialog h3{margin:0 0 1rem;color:var(--text-color-primary)}dialog#payload-dialog pre{padding:1rem;background:var(--background-color-surface);border-radius:.25rem;overflow-x:auto;font-family:monospace;font-size:.875rem;margin:0}.error{color:var(--color-danger);padding:1rem;text-align:center}