.nav-item[data-view=filter],.nav-group-current[data-view=filter]{--tile:var(--accent);--tile-deep:var(--accent-hover,var(--accent));--tile-glow:var(--focus)}.df-check-target{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;margin:-.5rem}.df-table-wrap{max-height:68vh}.df-table thead th{position:sticky;top:0;z-index:1}.df-table td[data-field=name]{min-width:8rem}.df-table td[data-field=country]{min-width:5rem}.df-table td[data-field=source]{min-width:7rem}.df-table td[data-field=facebook_id]>span{white-space:nowrap;overflow-wrap:normal;min-width:11rem;max-width:none}.df-table td[data-field=phone]>span{white-space:nowrap;min-width:7rem;max-width:13rem;overflow:hidden;text-overflow:ellipsis}.df-table td[data-field=email]>span{white-space:nowrap;min-width:10.5rem;max-width:16rem;overflow:hidden;text-overflow:ellipsis}body[data-page=filter]{--sec:var(--accent);--sec-strong:var(--accent);--sec-deep:var(--text);--sec-soft:var(--surface-2);--sec-line:var(--border)}#viewFilter{min-width:0;display:grid;gap:1.25rem}#viewFilter[hidden]{display:none}.df-toolbar,.df-results-header,.df-filter-footer,.df-dialog-heading,.df-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.df-toolbar h3,.df-results h3{margin:0;color:var(--text);font-size:1.25rem;letter-spacing:-.025em}.df-toolbar p{margin:.4rem 0 0;color:var(--muted);max-width:55rem;line-height:1.5}.df-toolbar{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius,18px);background:var(--surface);box-shadow:0 3px 12px #0f172a06}.df-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.df-actions .button{white-space:nowrap}.df-actions svg,.df-stat-icon svg,.df-empty svg{width:1.15rem;height:1.15rem}.df-icon{min-width:44px;padding:.6rem!important;justify-content:center}.df-icon svg{width:1.1rem;height:1.1rem}.df-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.df-stats>div{display:flex;align-items:center;gap:.85rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius,18px);background:var(--surface)}.df-stats>div>span:last-child{display:grid;gap:.2rem;min-width:0}.df-stats strong{font-size:1.65rem;font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums}.df-stats small{color:var(--muted);font-size:.8rem}.df-stat-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface-2);color:var(--accent);flex:none}.df-controls,.df-results{min-width:0;padding:1.25rem!important;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,18px)}.df-controls label,.df-dialog label,.df-table-tools label{display:grid;gap:.45rem;min-width:0;font-size:.85rem;font-weight:650;color:var(--text)}.df-controls :is(input,select),.df-dialog :is(input:not([type=file]),select),.df-table-tools select{width:100%;min-width:0;min-height:44px;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;font-weight:450}.df-filter-top{display:grid;grid-template-columns:minmax(15rem,2fr) minmax(10rem,1fr) minmax(10rem,1fr);gap:1rem}.df-filter-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.df-filter-shortcuts>span{font-size:.8rem;color:var(--muted);margin-inline-end:.25rem}.df-chip{min-height:36px;padding:.45rem .7rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);font:inherit;font-size:.8rem;cursor:pointer}.df-chip:hover{border-color:var(--accent);color:var(--accent)}.df-controls details{margin:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.df-controls summary{min-height:48px;display:flex;align-items:center;gap:.65rem;font-weight:650;cursor:pointer;color:var(--text)}.df-controls summary:before{content:"›";font-size:1.2rem;transform:rotate(0);transition:transform .15s ease}.df-controls details[open]>summary:before{transform:rotate(90deg)}.df-rule-count{color:var(--accent);font-size:.8rem}.df-advanced{display:grid;gap:.9rem;padding:0 0 1rem}.df-logic{display:flex!important;align-items:center;gap:.6rem!important}.df-logic select{width:auto!important;max-width:100%}.df-rule{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(9rem,1fr) minmax(10rem,1.5fr) 44px;gap:.6rem;margin-top:.65rem;align-items:center}.df-no-value{font-size:.85rem;color:var(--muted)}.df-filter-footer{gap:.75rem}.df-hint{color:var(--muted);font-size:.82rem;line-height:1.55;margin:.25rem 0}.df-error{padding:.85rem 1rem;border:1px solid var(--danger,#dc2626);border-radius:10px;color:var(--danger,#dc2626);background:var(--surface);overflow-wrap:anywhere}.df-results-header .eyebrow{color:var(--accent);margin:0 0 .4rem}.df-results-header{padding-bottom:1rem;border-bottom:1px solid var(--border)}.df-table-tools{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0}.df-table-tools label{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.df-table-tools select{width:auto;max-width:14rem;min-height:40px}.df-columns{position:relative}.df-columns>summary{list-style:none;min-height:44px;display:flex;align-items:center;padding:.6rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:.9rem;font-weight:650;cursor:pointer}.df-columns fieldset{position:absolute;z-index:5;right:0;top:100%;margin:.4rem 0 0;min-width:240px;max-width:calc(100vw - 3rem);max-height:320px;overflow:auto;display:grid;padding:.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 10px 28px #0002}.df-columns label{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.3rem .5rem;font-size:.85rem;cursor:pointer}.df-columns input,.df-select-cell input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.df-table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:12px}.df-table{width:100%;border-collapse:collapse;font-size:.85rem;table-layout:auto}.df-table :is(th,td){padding:.85rem .75rem;text-align:start;vertical-align:middle;border-bottom:1px solid var(--border)}.df-table th{background:var(--surface-2);font-size:.78rem;font-weight:700;color:var(--muted);white-space:nowrap}.df-table td>span{display:block;max-width:16rem;overflow-wrap:anywhere;white-space:pre-wrap}.df-table tbody tr:last-child td{border-bottom:0}.df-table tbody tr:hover{background:var(--surface-2)}.df-primary-cell{font-weight:700}.df-id{font-variant-numeric:tabular-nums;letter-spacing:.015em;font-size:.8rem}.df-select-cell{width:44px;text-align:center!important}.df-details-cell{width:50px}.df-missing{color:var(--muted);font-weight:400}.df-table-wrap:focus-visible{outline:2px solid var(--focus,var(--accent));outline-offset:3px}.df-selection{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;padding:.8rem;margin-bottom:.85rem;border:1px solid var(--accent);border-radius:10px;background:var(--surface-2);font-size:.85rem}.df-selection[hidden]{display:none}.df-selection>button{padding:.4rem;border:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}.df-selection .df-actions{margin-inline-start:auto}.df-pagination{padding-top:1rem;font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.df-empty{text-align:center;padding:2.5rem 1rem;color:var(--muted);max-width:36rem;margin:auto}.df-empty>span{display:inline-grid;place-items:center;width:56px;height:56px;background:var(--surface-2);color:var(--accent);border-radius:16px}.df-empty h4{color:var(--text);font-size:1.1rem;margin:.85rem 0 .4rem}.df-empty p{line-height:1.65;font-size:.9rem}.df-dialog{width:min(540px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:1.5rem;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);overflow:auto}.df-dialog::backdrop{background:#0f172a80}.df-import-dialog{width:min(840px,calc(100vw - 2rem))}.df-dialog h2{margin:0;font-size:1.35rem;letter-spacing:-.025em}.df-dialog h3{margin:1.25rem 0 .35rem;font-size:1rem}.df-dialog p{font-size:.9rem;line-height:1.6;color:var(--muted)}.df-dialog form{display:grid;gap:1rem}.df-dialog form>p{margin:0}.df-dialog-heading{flex-wrap:nowrap;align-items:flex-start}.df-dialog-heading .eyebrow{margin:0 0 .3rem;color:var(--accent);font-size:.72rem}.df-dialog-heading>div{min-width:0}.df-dialog-heading h2{overflow-wrap:anywhere}.df-dialog .dialog-actions{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}.df-upload-zone{padding:1.1rem;border:1px dashed var(--accent);border-radius:12px;background:var(--surface-2);display:grid;gap:.8rem}.df-upload-zone input{width:100%;min-width:0;min-height:44px;color:var(--text);font-size:.9rem}.df-upload-zone small{font-size:.8rem;line-height:1.55;color:var(--muted)}.df-mapping{border:1px solid var(--border);border-radius:12px;padding:0 .9rem}.df-map-row{grid-template-columns:minmax(0,1fr) minmax(10rem,1fr);align-items:center;gap:1rem!important;padding:.8rem 0}.df-map-row+.df-map-row{border-top:1px solid var(--border)}.df-map-row>span{overflow-wrap:anywhere}.df-map-row small{display:block;margin-top:.3rem;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.df-preview-scroll{max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:10px}.df-preview-scroll table{width:100%;border-collapse:collapse;font-size:.8rem}.df-preview-scroll :is(th,td){padding:.65rem;text-align:start;white-space:pre-wrap;min-width:110px;max-width:240px;overflow-wrap:anywhere;border-bottom:1px solid var(--border)}.df-preview-scroll th{background:var(--surface-2)}.df-detail-fields{display:grid;gap:0;margin:1rem 0}.df-detail-fields>div{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(0,2fr);gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border)}.df-detail-fields dt{font-size:.8rem;color:var(--muted)}.df-detail-fields dd{margin:0;font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}.df-upload-row{display:flex;gap:.8rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.df-upload-row>div{flex:1;min-width:0}.df-upload-row strong{display:block;overflow-wrap:anywhere}.df-upload-row small{display:block;margin-top:.3rem;color:var(--muted);overflow-wrap:anywhere}.df-upload-row>span{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:1100px){.df-stats>div{padding:.85rem}.df-filter-top{grid-template-columns:repeat(2,minmax(0,1fr))}.df-search{grid-column:1/-1}}@media(max-width:767px){.df-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.df-stats strong{font-size:1.4rem}.df-toolbar{align-items:flex-start}.df-toolbar>.df-actions{width:100%}.df-toolbar .button{flex:1}.df-controls,.df-results{padding:1rem!important}.df-rule{grid-template-columns:minmax(0,1fr) 44px;padding:.8rem;border:1px solid var(--border);border-radius:10px}.df-rule>label{grid-column:1}.df-rule>button{grid-column:2;grid-row:1}.df-rule .df-no-value{grid-column:1}.df-filter-footer>.df-actions{width:100%}.df-filter-footer .button{flex:1}.df-results-header{gap:.8rem}.df-results-header>.df-actions{width:100%}.df-results-header .button,.df-results-header .df-columns{flex:1}.df-columns summary{justify-content:center}.df-table-tools .df-actions{gap:.4rem}.df-table-tools label{font-size:.75rem}.df-table-tools label:first-child{display:grid;gap:.2rem}.df-table-tools select{max-width:10.5rem}.df-table-tools .df-icon{align-self:flex-end}.df-selection .df-actions{margin:0;width:100%}.df-selection .button{flex:1}.df-table-wrap{border:0;overflow:visible}.df-table thead{display:none}.df-table,.df-table tbody{display:block;width:100%}.df-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1rem;margin:0 0 .75rem;border:1px solid var(--border);border-radius:12px;position:relative}.df-table td{display:block;border:0;padding:0;min-width:0}.df-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:.72rem;font-weight:500;margin-bottom:.3rem}.df-table td>span{max-width:none;max-height:8rem;overflow:auto}.df-table .df-select-cell{position:absolute;top:.7rem;right:.7rem;width:44px;height:44px;display:grid;place-items:center}.df-table .df-select-cell:before,.df-table .df-details-cell:before{display:none}.df-table .df-primary-cell{grid-column:1/-1;padding-right:44px;min-height:42px;font-size:.95rem}.df-table .df-details-cell{width:auto;grid-column:1/-1}.df-details-cell .button{width:100%;min-height:44px}.df-details-cell .button:after{content:"View all details";margin-inline-start:.4rem}.df-pagination{align-items:flex-start}.df-pagination>.df-actions{width:100%}.df-pagination .button{flex:1}.df-chip{min-height:44px}.df-dialog{padding:1rem}.df-dialog .dialog-actions>.button{flex:1}.df-map-row{grid-template-columns:minmax(0,1fr);gap:.6rem!important}.df-detail-fields>div{grid-template-columns:minmax(0,1fr);gap:.35rem}.df-upload-row{flex-wrap:wrap}.df-upload-row>div{flex-basis:65%}}@media(max-width:420px){.df-filter-top{grid-template-columns:minmax(0,1fr)}.df-stats>div{gap:.5rem;padding:.7rem}.df-stat-icon{width:34px;height:34px}.df-stats small{font-size:.72rem}.df-table tr{grid-template-columns:minmax(0,1fr)}.df-toolbar>.df-actions .button{flex-basis:100%}.df-table-tools select{max-width:9rem}.df-table-tools .df-icon{display:none}}@media(prefers-reduced-motion:reduce){.df-controls summary:before{transition:none}}@media(max-width:767px){.df-table-wrap{max-height:none}.df-table td[data-field]{min-width:0}.df-table td[data-field]>span{min-width:0;max-width:100%}.df-table td[data-field=email]>span{white-space:normal;overflow-wrap:anywhere}.df-check-target{margin:0}}.df-source-name{display:block;margin-top:.25rem;font-size:.8125rem;line-height:1.35;font-weight:400;overflow-wrap:anywhere;color:var(--muted)}
