.filter-app[data-v-5d3bc54c]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background:#f5f7fa;min-height:100vh}.filter-bar[data-v-5d3bc54c]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;overflow:hidden}.filter-header[data-v-5d3bc54c]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.filter-title[data-v-5d3bc54c]{display:flex;align-items:center;gap:8px;font-weight:600;color:#495057;font-size:14px}.filter-count[data-v-5d3bc54c]{background:#4caf50;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:4px}.filter-actions[data-v-5d3bc54c]{display:flex;gap:8px}.icon-btn[data-v-5d3bc54c]{background:none;border:none;padding:6px;cursor:pointer;border-radius:6px;color:#6c757d;transition:all .2s}.icon-btn[data-v-5d3bc54c]:hover{background:#e9ecef;color:#495057}.icon-btn.apply[data-v-5d3bc54c]:hover{color:#4caf50}.filter-chips[data-v-5d3bc54c]{padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid #e9ecef;background:#fff}.filter-chip[data-v-5d3bc54c]{background:#e7f5ff;color:#1971c2;padding:4px 8px 4px 12px;border-radius:20px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.chip-remove[data-v-5d3bc54c]{background:none;border:none;cursor:pointer;font-size:16px;padding:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#1971c2}.chip-remove[data-v-5d3bc54c]:hover{background:rgba(0,0,0,.1)}.clear-all[data-v-5d3bc54c]{background:none;border:none;color:#868e96;font-size:12px;cursor:pointer;padding:4px 8px}.clear-all[data-v-5d3bc54c]:hover{color:#f03e3e}.filter-builder[data-v-5d3bc54c]{border-top:1px solid #e9ecef}.toggle-builder[data-v-5d3bc54c]{width:100%;padding:10px 16px;background:#fff;border:none;text-align:left;color:#4caf50;font-weight:500;cursor:pointer;font-size:13px}.toggle-builder[data-v-5d3bc54c]:hover{background:#f8f9fa}.builder-content[data-v-5d3bc54c]{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef}.filter-row[data-v-5d3bc54c]{margin-bottom:12px}.logic-badge[data-v-5d3bc54c]{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;margin-bottom:6px}.logic-badge.and[data-v-5d3bc54c]{background:#e7f5ff;color:#1971c2}.logic-badge.or[data-v-5d3bc54c]{background:#fff3e0;color:#e8590c}.filter-controls[data-v-5d3bc54c]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.compact-select[data-v-5d3bc54c]{padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;background:#fff;font-size:13px;cursor:pointer}.compact-select.filter-type[data-v-5d3bc54c]{min-width:140px}.compact-select.field[data-v-5d3bc54c]{min-width:120px}.compact-select.operator[data-v-5d3bc54c]{min-width:90px}.value-container[data-v-5d3bc54c]{flex:1;min-width:150px}.compact-input[data-v-5d3bc54c]{width:100%;padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:13px}.multi-select[data-v-5d3bc54c]{position:relative}.compact-select.multi[data-v-5d3bc54c]{height:auto;min-height:80px}.hint[data-v-5d3bc54c]{font-size:10px;color:#6c757d;display:block;margin-top:4px}.boolean-label[data-v-5d3bc54c]{display:flex;align-items:center;gap:8px;cursor:pointer}.remove-chip[data-v-5d3bc54c]{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:18px;padding:0 4px}.remove-chip[data-v-5d3bc54c]:hover{color:#f03e3e}.add-filter-btn[data-v-5d3bc54c]{background:none;border:1px dashed #adb5bd;padding:6px 12px;border-radius:6px;color:#6c757d;font-size:12px;cursor:pointer;margin:8px 0}.add-filter-btn[data-v-5d3bc54c]:hover{border-color:#4caf50;color:#4caf50}.builder-actions[data-v-5d3bc54c]{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #dee2e6}.btn-primary[data-v-5d3bc54c],.btn-secondary[data-v-5d3bc54c]{padding:6px 16px;border-radius:6px;font-size:13px;cursor:pointer;border:none}.btn-primary[data-v-5d3bc54c]{background:#4caf50;color:#fff}.btn-primary[data-v-5d3bc54c]:hover{background:#45a049}.btn-secondary[data-v-5d3bc54c]{background:#e9ecef;color:#495057}.btn-secondary[data-v-5d3bc54c]:hover{background:#dee2e6}.results-header[data-v-5d3bc54c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.results-info[data-v-5d3bc54c]{font-size:14px;color:#6c757d}.result-time[data-v-5d3bc54c]{font-size:12px;color:#adb5bd}.data-container[data-v-5d3bc54c]{position:relative;min-height:300px}.table-wrapper[data-v-5d3bc54c]{overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.data-grid[data-v-5d3bc54c]{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.data-grid thead[data-v-5d3bc54c]{background:#f8f9fa;border-bottom:2px solid #e9ecef}.data-grid th[data-v-5d3bc54c]{text-align:left;padding:14px 16px;font-weight:600;color:#495057;font-size:13px}.data-grid td[data-v-5d3bc54c]{padding:14px 16px;border-bottom:1px solid #e9ecef;color:#495057}.data-grid tbody tr[data-v-5d3bc54c]:hover{background:#f8f9fa}.empty-state[data-v-5d3bc54c],.loading-state[data-v-5d3bc54c]{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;color:#adb5bd}.spinner-small[data-v-5d3bc54c]{width:24px;height:24px;border:2px solid #e9ecef;border-top-color:#4caf50;border-radius:50%;animation:spin-5d3bc54c .6s linear infinite;margin:0 auto 12px}@keyframes spin-5d3bc54c{to{transform:rotate(1turn)}}.empty-state svg[data-v-5d3bc54c]{margin-bottom:16px;opacity:.5}@media (max-width:768px){.filter-app[data-v-5d3bc54c]{padding:12px}.data-grid thead[data-v-5d3bc54c]{display:none}.data-grid tbody tr[data-v-5d3bc54c]{display:block;margin-bottom:16px;border:1px solid #e9ecef;border-radius:8px;background:#fff}.data-grid td[data-v-5d3bc54c]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:none;border-bottom:1px solid #f0f0f0}.data-grid td[data-v-5d3bc54c]:last-child{border-bottom:none}.data-grid td[data-v-5d3bc54c]:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6c757d;margin-right:16px}.filter-controls[data-v-5d3bc54c]{flex-direction:column;align-items:stretch}.compact-select[data-v-5d3bc54c],.value-container[data-v-5d3bc54c]{width:100%}.logic-badge[data-v-5d3bc54c]{margin-bottom:8px}}