.attr-pill{letter-spacing:.01em;white-space:nowrap;border-radius:9999px;align-items:center;gap:.25rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.attr-pill--sm{padding:.1875rem .5rem;font-size:.6875rem}.attr-pill--md{padding:.3125rem .75rem;font-size:.8125rem}.attr-pill .attr-pill-remove{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:.125rem;padding:0;line-height:1;transition:opacity .15s,background-color .15s;display:inline-flex}.attr-pill .attr-pill-remove:hover{opacity:1;background-color:#0000001a}.attr-overflow{background-color:var(--border);color:var(--text-secondary);cursor:pointer;border-radius:9999px;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.attr-overflow:hover{background-color:var(--border-hover)}.attr-pills-container{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.attr-pills-empty{color:var(--text-muted);font-size:.75rem}.attr-tag-input{flex-direction:column;gap:.5rem;display:flex}.attr-tag-input-label{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.attr-tag-input-label svg{color:var(--text-secondary)}.attr-tag-input-box{border:1.5px solid var(--border);background-color:var(--card);cursor:text;border-radius:.625rem;flex-wrap:wrap;align-items:center;gap:.375rem;min-height:2.75rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;display:flex}.attr-tag-input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.attr-tag-input-box.disabled{background-color:var(--background);cursor:not-allowed;opacity:.65}.attr-tag-input-field{min-width:6rem;color:var(--text-primary);background:0 0;border:none;flex:8rem;padding:.125rem 0;font-size:.875rem}.attr-tag-input-field::placeholder{color:var(--text-muted)}.attr-tag-input-field:disabled{cursor:not-allowed}.attr-suggestions-wrapper{position:relative}.attr-suggestions{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:.625rem;max-height:12rem;padding:.25rem;position:absolute;top:0;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.attr-suggestions-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:600;display:flex}.attr-suggestion-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;transition:background-color .1s;display:flex}.attr-suggestion-item:hover,.attr-suggestion-item.highlighted{background-color:var(--primary-light);color:var(--primary-hover)}.attr-suggestion-item .suggestion-new-badge{background-color:var(--primary-soft);color:var(--primary);text-transform:uppercase;letter-spacing:.04em;border-radius:.25rem;padding:.0625rem .375rem;font-size:.625rem;font-weight:700}.attr-tag-hint{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.attr-tag-limit{color:var(--danger);font-size:.6875rem;font-weight:500}.attr-tag-duplicate{color:var(--warning);padding:.125rem 0;font-size:.75rem;font-weight:500}.attr-filter-container{flex-direction:column;gap:.5rem;display:flex}.attr-filter-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.attr-filter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:flex}.attr-filter-mode-toggle{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.attr-filter-mode-toggle label{cursor:pointer;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;transition:all .15s;display:flex}.attr-filter-mode-toggle input[type=radio]{accent-color:var(--primary)}.attr-filter-mode-toggle label:has(input:checked){background-color:var(--primary-light);color:var(--primary-hover);font-weight:600}.attr-filter-pills{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.attr-filter-clear{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;transition:background-color .15s}.attr-filter-clear:hover{background-color:var(--danger-light)}.attr-filter-select-wrapper{position:relative}.attr-filter-select-btn{border:1.5px solid var(--border);background-color:var(--card);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .15s;display:flex}.attr-filter-select-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.attr-filter-dropdown{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:.625rem;min-width:14rem;max-height:14rem;padding:.25rem;position:absolute;top:calc(100% + .25rem);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.attr-filter-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.5rem .625rem;font-size:.8125rem;transition:background-color .1s;display:flex}.attr-filter-dropdown-item:hover{background-color:var(--muted)}.attr-filter-dropdown-item .attr-filter-count{color:var(--text-muted);font-size:.6875rem;font-weight:500}.attr-summary-panel{background:var(--card);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.attr-summary-header{border-bottom:1px solid var(--muted);cursor:pointer;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:background-color .15s;display:flex}.attr-summary-header:hover{background-color:var(--background)}.attr-summary-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.attr-summary-toggle{color:var(--text-muted);transition:transform .2s}.attr-summary-toggle.open{transform:rotate(180deg)}.attr-summary-body{flex-direction:column;gap:.625rem;padding:.75rem 1rem;display:flex}.attr-summary-row{cursor:pointer;border-radius:.375rem;align-items:center;gap:.75rem;padding:.25rem 0;transition:background-color .1s;display:flex}.attr-summary-row:hover{background-color:var(--background)}.attr-summary-name{color:var(--text-primary);flex-shrink:0;min-width:6rem;font-size:.8125rem;font-weight:500}.attr-summary-bar-track{background-color:var(--muted);border-radius:9999px;flex:1;height:.5rem;overflow:hidden}.attr-summary-bar-fill{border-radius:9999px;min-width:.25rem;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.attr-summary-count{color:var(--text-secondary);text-align:right;white-space:nowrap;min-width:3.5rem;font-size:.75rem;font-weight:600}.attr-summary-footer{border-top:1px solid var(--muted);color:var(--text-muted);text-align:center;padding:.625rem 1rem;font-size:.6875rem}.attr-quick-manager{flex-direction:column;gap:.5rem;display:flex}.attr-quick-header{justify-content:space-between;align-items:center;display:flex}.attr-quick-title{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.attr-quick-add-btn{color:var(--primary);cursor:pointer;background:0 0;border:1.5px solid #2563eb;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.attr-quick-add-btn:hover{background:#eff6ff}.attr-quick-pills{flex-wrap:wrap;gap:.375rem;display:flex}.attr-quick-empty{color:var(--text-muted);font-size:.8125rem;font-style:italic}.attr-quick-popover-wrapper{display:inline-block;position:relative}.attr-quick-popover{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:.625rem;width:16rem;padding:.5rem;position:absolute;top:calc(100% + .375rem);right:0;box-shadow:0 8px 24px #0000001f}.attr-quick-popover-input{border:1.5px solid var(--border);width:100%;color:var(--text-primary);border-radius:.375rem;margin-bottom:.375rem;padding:.5rem .625rem;font-size:.8125rem;transition:border-color .2s}.attr-quick-popover-input:focus{border-color:var(--primary)}.attr-quick-popover-list{flex-direction:column;gap:.125rem;max-height:10rem;display:flex;overflow-y:auto}.attr-quick-popover-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.375rem .5rem;font-size:.8125rem;transition:background-color .1s;display:flex}.attr-quick-popover-item:hover{background-color:var(--primary-light);color:var(--primary-hover)}[data-theme=dark] .attr-pill .attr-pill-remove:hover{background-color:#ffffff26}[data-theme=dark] .attr-overflow{background-color:var(--surface-3,#334155);color:var(--text-secondary,#94a3b8)}[data-theme=dark] .attr-overflow:hover{background-color:var(--surface-2,#475569)}[data-theme=dark] .attr-tag-input-label{color:var(--text-primary,#f1f5f9)}[data-theme=dark] .attr-tag-input-box{background-color:var(--surface-2,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .attr-tag-input-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .attr-tag-input-field{color:var(--text-primary,#f1f5f9)}[data-theme=dark] .attr-tag-input-field::placeholder{color:var(--text-muted,#64748b)}[data-theme=dark] .attr-suggestions{background:var(--surface-1,#1e293b);border-color:var(--border,#334155);box-shadow:0 8px 24px #0000004d}[data-theme=dark] .attr-suggestion-item{color:var(--text-primary,#e2e8f0)}[data-theme=dark] .attr-suggestion-item:hover,[data-theme=dark] .attr-suggestion-item.highlighted{background-color:var(--surface-2,#334155);color:#60a5fa}[data-theme=dark] .attr-suggestion-item .suggestion-new-badge{color:#60a5fa;background-color:#3b82f633}[data-theme=dark] .attr-filter-select-btn{background-color:var(--surface-2,#1e293b);border-color:var(--border,#334155);color:var(--text-secondary,#94a3b8)}[data-theme=dark] .attr-filter-dropdown{background:var(--surface-1,#1e293b);border-color:var(--border,#334155);box-shadow:0 8px 24px #0000004d}[data-theme=dark] .attr-filter-dropdown-item{color:var(--text-primary,#e2e8f0)}[data-theme=dark] .attr-filter-dropdown-item:hover{background-color:var(--surface-2,#334155)}[data-theme=dark] .attr-filter-mode-toggle label:has(input:checked){color:#60a5fa;background-color:#3b82f626}[data-theme=dark] .attr-summary-panel{background:var(--surface-1,#1e293b);border-color:var(--border,#334155)}[data-theme=dark] .attr-summary-header:hover{background-color:var(--surface-2,#334155)}[data-theme=dark] .attr-summary-title{color:var(--text-primary,#f1f5f9)}[data-theme=dark] .attr-summary-name{color:var(--text-primary,#e2e8f0)}[data-theme=dark] .attr-summary-bar-track{background-color:var(--surface-3,#334155)}[data-theme=dark] .attr-summary-count{color:var(--text-secondary,#94a3b8)}[data-theme=dark] .attr-summary-footer{border-top-color:var(--border,#334155);color:var(--text-muted,#64748b)}[data-theme=dark] .attr-quick-title{color:var(--text-primary,#f1f5f9)}[data-theme=dark] .attr-quick-add-btn{color:#60a5fa;border-color:#60a5fa}[data-theme=dark] .attr-quick-add-btn:hover{background:#3b82f626}[data-theme=dark] .attr-quick-popover{background:var(--surface-1,#1e293b);border-color:var(--border,#334155);box-shadow:0 8px 24px #00000059}[data-theme=dark] .attr-quick-popover-input{background:var(--surface-2,#0f172a);border-color:var(--border,#334155);color:var(--text-primary,#f1f5f9)}[data-theme=dark] .attr-quick-popover-item{color:var(--text-primary,#e2e8f0)}[data-theme=dark] .attr-quick-popover-item:hover{background-color:var(--surface-2,#334155);color:#60a5fa}[data-theme=dark] .attr-quick-empty,[data-theme=dark] .attr-pills-empty{color:var(--text-muted,#64748b)}