:root{--font:'Manrope','Segoe UI',sans-serif;--bg:#f7f8fa;--panel:#ffffff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#111827;--brand-deep:#000000;--done:#15803d;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--bg);padding:20px}.todo-shell{max-width:840px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 28px rgba(15,23,42,.08)}.todo-header h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.todo-header p{margin:5px 0 12px;color:var(--muted);font-size:.92rem}.quick-add{display:grid;grid-template-columns:1fr 120px 140px auto;gap:8px;margin-bottom:12px}.btn,.quick-add input,.quick-add select{border-radius:8px;border:1px solid var(--line);padding:10px 11px;font:inherit}.quick-add input:focus,.quick-add select:focus{outline:0;border-color:#9ca3af;box-shadow:0 0 0 3px rgba(156,163,175,.2)}.todo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.filters{display:flex;gap:6px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font:inherit;font-size:.84rem;cursor:pointer}.chip.active{background:#f3f4f6;border-color:#d1d5db;color:#111827;font-weight:700}.stats{display:flex;gap:10px;color:var(--muted);font-size:.84rem}.todo-list{list-style:none;padding:0;margin:0;min-height:210px}.todo-item{border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px;margin-bottom:8px}.todo-check{margin-top:3px;width:18px;height:18px;accent-color:var(--done)}.todo-main{min-width:0}.todo-title{margin:0;font-size:.95rem;line-height:1.35;word-break:break-word}.todo-meta{margin-top:4px;font-size:.78rem;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap}.badge{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.badge.low{background:#eff6ff;color:#1d4ed8}.badge.medium{background:#f3f4f6;color:#374151}.badge.high{background:#fee2e2;color:#991b1b}.todo-actions{display:flex;gap:6px}.todo-item.completed .todo-title{text-decoration:line-through;color:#9ca3af}.todo-item.completed{background:#f9fafb;border-color:#e5e7eb}.empty-state{border:1px dashed #d1d5db;border-radius:10px;color:var(--muted);text-align:center;padding:22px;background:#fafafa}.todo-footer{margin-top:10px;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:flex-end;gap:8px}.btn{background:#fff;color:var(--ink);cursor:pointer}.btn:hover{border-color:#9ca3af}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#991b1b;border-color:#991b1b}.icon-btn{padding:6px 8px;font-size:.76rem}@media (max-width:780px){.quick-add{grid-template-columns:1fr}.todo-controls{align-items:flex-start;flex-direction:column}.stats{width:100%;justify-content:space-between}.todo-item{grid-template-columns:auto 1fr}.todo-actions{grid-column:2;justify-content:flex-start}}