.super-table-wrapper{flex-direction:column;gap:20px;width:100%;font-family:Inter,sans-serif;display:flex}.super-table-card{box-shadow:none;background:#fff;border:1px solid #eaecf0;border-radius:16px;overflow:hidden}.super-table-container{position:relative;overflow:auto}.div-tr{transition:background .2s;display:flex}.div-tr:hover{background:#f8fafc!important}.div-td{border-bottom:1px solid #eaecf0;align-items:center;padding:0 16px;display:flex}.filter-toolbar{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.75rem;min-height:72px;padding:1rem 1.25rem;display:flex}.filter-pill{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.filter-pill .label{color:#60a5fa;margin-right:2px;font-weight:800}.btn-remove-filter{color:#1e40af;cursor:pointer;background:#dbeafe;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.btn-remove-filter:hover{background:#bfdbfe}.btn-add-filter{color:#64748b;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-add-filter:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.filter-popover{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:320px;animation:.2s cubic-bezier(.16,1,.3,1) popIn;position:absolute;top:calc(100% + 10px);left:20px;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.app-scrollbar::-webkit-scrollbar{width:10px;height:10px}.app-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.app-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:5px}.app-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.group{position:relative}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.state-view{color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-footer{z-index:12;background:var(--bg-secondary);box-shadow:none;color:#475467;border-top:1px solid #eaecf0;height:44px;font-size:12px;font-weight:600;display:flex;position:sticky;bottom:-1px}.table-footer .div-td{background:var(--bg-secondary);color:#475467;border-top:none;border-bottom:1px solid #eaecf0;height:44px;font-size:12px}.selection-step{flex-direction:column;display:flex}.search-box{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.search-box svg{color:#94a3b8}.search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.field-list{max-height:350px;padding:.5rem;overflow-y:auto}.field-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}.field-btn:hover{background:#f8fafc}.field-btn svg{color:#cbd5e1;opacity:0;margin-left:auto}.field-btn:hover svg{opacity:1;transform:translate(2px)}.type-icon{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:800;display:flex}.back-link{text-align:left;color:#3b82f6;cursor:pointer;background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;width:100%;padding:1rem 1.25rem;font-weight:800;display:flex}.form-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.input-group label{text-transform:uppercase;color:#94a3b8;margin-bottom:.5rem;font-size:.65rem;font-weight:800;display:block}.premium-select,.premium-input{background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem}.popover-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-weight:700}.btn-save{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.65rem 1.5rem;font-weight:700}.animate-in{animation:.2s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.image-preview-overlay{z-index:9999;pointer-events:none;transform-origin:50%;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px;animation:.15s cubic-bezier(.16,1,.3,1) scaleIn;position:fixed;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}