.tp-filterbar{border-bottom:1px solid var(--wh-border-light,#e5e7eb);flex-direction:column;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.tp-search{background:var(--wh-bg,#f3f4f6);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.tp-search:focus-within{border-color:var(--wh-primary,#2563eb);background:var(--wh-surface,#fff)}.tp-search-input{font:inherit;font-family:var(--wh-font);color:var(--wh-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.tp-search-input::placeholder{color:var(--wh-text-muted,#9ca3af)}.tp-search-clear{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tp-cat-chips{flex-wrap:wrap;gap:6px;display:flex}.tp-cat-chip{border:1px solid var(--wh-border-light,#e5e7eb);background:var(--wh-surface,#fff);color:var(--wh-text-secondary,#4b5563);font-family:var(--wh-font);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.tp-cat-chip:hover{border-color:var(--wh-primary,#2563eb);color:var(--wh-text,#111)}.tp-cat-chip.active{border-color:var(--wh-primary,#2563eb);background:var(--wh-primary,#2563eb);color:#fff}.tp-cat-chip-count{background:var(--wh-bg,#f3f4f6);color:var(--wh-text-muted,#6b7280);font-size:10px;font-weight:700;font-family:var(--wh-font,"Open Sans",sans-serif);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 5px;display:inline-flex}.tp-cat-chip.active .tp-cat-chip-count{color:#fff;background:#ffffff38}.tp-loading{flex-direction:column;gap:8px;padding:6px 0;display:flex}.tp-skeleton-card{border:1px solid var(--wh-border);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.tp-categories{flex-direction:column;gap:18px;padding:3px 0;display:flex}.tp-category-label{text-transform:uppercase;letter-spacing:.06em;color:var(--wh-text-muted);font-size:10px;font-weight:700;font-family:var(--wh-font);align-items:center;gap:6px;margin-bottom:8px;display:inline-flex}.tp-category-count{background:var(--wh-bg,#f3f4f6);color:var(--wh-text-muted);font-size:10px;font-family:var(--wh-font,"Open Sans",sans-serif);letter-spacing:0;text-transform:none;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:2px;padding:0 5px;display:inline-flex}.tp-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width<=560px){.tp-grid{grid-template-columns:1fr}}.tp-card{border:1px solid var(--wh-border);background:var(--wh-surface);font-family:var(--wh-font);border-radius:12px;transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s;display:flex;position:relative}.tp-card:hover{border-color:var(--wh-primary,#2563eb);transform:translateY(-1px);box-shadow:0 6px 18px -4px #2563eb2e}.tp-card:has(.tp-card-main:active){transform:translateY(0)}.tp-card-deleting{opacity:.5;pointer-events:none}.tp-card-main{cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;border:none;border-radius:12px;flex:1;align-items:flex-start;gap:12px;min-width:0;padding:14px 14px 12px;display:flex}.tp-card-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:1px;display:inline-flex}.tp-card-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tp-card-headline{align-items:center;gap:8px;min-width:0;display:flex}.tp-card-title{letter-spacing:-.005em;color:var(--wh-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.tp-card-pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--wh-border-light,#e5e7eb);background:var(--wh-bg,#f3f4f6);color:var(--wh-text-secondary,#4b5563);border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.tp-card-pill-system{color:var(--wh-indigo,#4f46e5);background:#6366f114;border-color:#6366f13d}.tp-card-pill-custom{color:#16a34a;background:#16a34a14;border-color:#16a34a3d}.tp-card-desc{color:var(--wh-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.tp-card-stats{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:6px;display:flex}.tp-card-stat{color:var(--wh-text-muted,#6b7280);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.tp-card-stat-primary{color:var(--wh-text,#111)}.tp-card-stat-dot{border-radius:999px;flex-shrink:0;width:6px;height:6px}.tp-card-delete{color:var(--wh-text-muted,#6b7280);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s,opacity .15s;display:inline-flex;position:absolute;top:6px;right:6px}.tp-card:hover .tp-card-delete,.tp-card:focus-within .tp-card-delete{opacity:1;pointer-events:auto}.tp-card-delete:hover:not(:disabled){background:var(--wh-error-light,#e5484d14);color:var(--wh-error,#e5484d)}.tp-save-form{flex-direction:column;gap:14px;display:flex}.tp-save-summary{color:var(--wh-text-secondary,#4b5563);font-family:var(--wh-font);background:#6366f10f;border:1px solid #6366f12e;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;line-height:1.5;display:inline-flex}.tp-save-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}[data-theme=dark] .tp-card{background:var(--wh-surface,#1e1e1e)}[data-theme=dark] .tp-card:hover{box-shadow:0 4px 14px -2px #2563eb52}[data-theme=dark] .tp-card-pill{background:#ffffff0d;border-color:#ffffff14}@media (prefers-reduced-motion:reduce){.tp-card,.tp-cat-chip{transition-duration:.01ms!important}}