[data-astro-cid-flehssk3] .contacts-metrics[data-astro-cid-flehssk3]{    display: grid;    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));    gap: 1.5rem;    margin-bottom: 2rem; } [data-astro-cid-flehssk3] .metric-card[data-astro-cid-flehssk3]{    background: white;    border-radius: 1rem;    padding: 1.5rem;    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);    border-left: 4px solid;    transition: transform .2s ease;    display: flex;    align-items: flex-start;    gap: 1rem; } [data-astro-cid-flehssk3] .metric-card[data-astro-cid-flehssk3]:hover{    transform: translateY(-2px); } [data-astro-cid-flehssk3] .metric-card[data-astro-cid-flehssk3].total{border-left-color:#3b82f6} [data-astro-cid-flehssk3] .metric-card[data-astro-cid-flehssk3].leads{border-left-color:#10b981} [data-astro-cid-flehssk3] .metric-card[data-astro-cid-flehssk3].customers{border-left-color:#8b5cf6} [data-astro-cid-flehssk3] .metric-card[data-astro-cid-flehssk3].prospects{border-left-color:#f59e0b} [data-astro-cid-flehssk3] .metric-icon[data-astro-cid-flehssk3]{    padding: .75rem;    border-radius: .75rem;    background: linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%); } [data-astro-cid-flehssk3] .metric-content[data-astro-cid-flehssk3] h3[data-astro-cid-flehssk3]{    font-size: .875rem;    font-weight: 600;    color: #64748b;    margin-bottom: .5rem; } [data-astro-cid-flehssk3] .metric-value[data-astro-cid-flehssk3]{    font-size: 2rem;    font-weight: 700;    color: #1e293b;    margin-bottom: .5rem; } [data-astro-cid-flehssk3] .metric-change[data-astro-cid-flehssk3]{    font-size: .875rem;    display: flex;    align-items: center;    gap: .25rem; } [data-astro-cid-flehssk3] .metric-change[data-astro-cid-flehssk3].positive{color:#059669} [data-astro-cid-flehssk3] .metric-change[data-astro-cid-flehssk3].neutral{color:#64748b} [data-astro-cid-flehssk3] .contacts-toolbar[data-astro-cid-flehssk3]{    background: white;    border-radius: 1rem;    padding: 1.5rem;    margin-bottom: 1.5rem;    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);    display: flex;    flex-wrap: wrap;    gap: 1rem;    align-items: center; } [data-astro-cid-flehssk3] .search-section[data-astro-cid-flehssk3]{    flex: 1;    min-width: 300px; } [data-astro-cid-flehssk3] .search-container[data-astro-cid-flehssk3]{    position: relative;    display: flex;    align-items: center; } [data-astro-cid-flehssk3] .search-icon[data-astro-cid-flehssk3]{    position: absolute;    left: 1rem;    color: #9ca3af;    z-index: 1; } [data-astro-cid-flehssk3] .search-input[data-astro-cid-flehssk3]{    width: 100%;    padding: .75rem 1rem .75rem 3rem;    border: 1px solid #d1d5db;    border-radius: .5rem;    font-size: .875rem;    background: white;    transition: all .2s ease; } [data-astro-cid-flehssk3] .search-input[data-astro-cid-flehssk3]:focus{    outline: none;    border-color: #3b82f6;    box-shadow: 0 0 0 3px rgb(59 130 246 / .1); } [data-astro-cid-flehssk3] .search-clear[data-astro-cid-flehssk3]{    position: absolute;    right: 1rem;    background: none;    border: none;    color: #9ca3af;    cursor: pointer;    padding: .25rem;    border-radius: .25rem; } [data-astro-cid-flehssk3] .filters-section[data-astro-cid-flehssk3]{    display: flex;    gap: 1rem;    align-items: center; } [data-astro-cid-flehssk3] .filter-select[data-astro-cid-flehssk3]{    padding: .5rem 1rem;    border: 1px solid #d1d5db;    border-radius: .5rem;    background: white;    font-size: .875rem;    color: #374151;    min-width: 120px; } [data-astro-cid-flehssk3] .filter-btn[data-astro-cid-flehssk3]{    display: flex;    align-items: center;    gap: .5rem;    padding: .5rem 1rem;    border: 1px solid #d1d5db;    border-radius: .5rem;    background: white;    font-size: .875rem;    color: #374151;    cursor: pointer;    transition: all .2s ease; } [data-astro-cid-flehssk3] .filter-btn[data-astro-cid-flehssk3]:hover{    background: #f9fafb;    border-color: #9ca3af; } [data-astro-cid-flehssk3] .view-options[data-astro-cid-flehssk3]{    display: flex;    gap: 1rem;    align-items: center; } [data-astro-cid-flehssk3] .view-toggle[data-astro-cid-flehssk3]{    display: flex;    border: 1px solid #d1d5db;    border-radius: .5rem;    overflow: hidden; } [data-astro-cid-flehssk3] .view-btn[data-astro-cid-flehssk3]{    padding: .5rem;    border: none;    background: white;    color: #6b7280;    cursor: pointer;    transition: all .2s ease; } [data-astro-cid-flehssk3] .view-btn[data-astro-cid-flehssk3].active{    background: #3b82f6;    color: white; } [data-astro-cid-flehssk3] .export-btn[data-astro-cid-flehssk3]{    display: flex;    align-items: center;    gap: .5rem;    padding: .5rem 1rem;    border: 1px solid #d1d5db;    border-radius: .5rem;    background: white;    font-size: .875rem;    color: #374151;    cursor: pointer;    transition: all .2s ease; } [data-astro-cid-flehssk3] .export-btn[data-astro-cid-flehssk3]:hover{    background: #f9fafb;    border-color: #9ca3af; } [data-astro-cid-flehssk3] .contacts-container[data-astro-cid-flehssk3]{    background: white;    border-radius: 1rem;    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);    overflow: hidden; } [data-astro-cid-flehssk3] .contacts-header[data-astro-cid-flehssk3]{    display: grid;    grid-template-columns: 40px 1fr 200px 120px 120px 150px 120px;    gap: 1rem;    padding: 1rem 1.5rem;    background: #f8fafc;    border-bottom: 1px solid #e2e8f0;    font-weight: 600;    font-size: .875rem;    color: #374151; } [data-astro-cid-flehssk3] .contact-row[data-astro-cid-flehssk3]{    display: grid;    grid-template-columns: 40px 1fr 200px 120px 120px 150px 120px;    gap: 1rem;    padding: 1rem 1.5rem;    border-bottom: 1px solid #f1f5f9;    transition: all .2s ease; } [data-astro-cid-flehssk3] .contact-row[data-astro-cid-flehssk3]:hover{    background: #f8fafc; } [data-astro-cid-flehssk3] .contact-cell[data-astro-cid-flehssk3]{    display: flex;    align-items: center;    min-width: 0; } [data-astro-cid-flehssk3] .contact-info[data-astro-cid-flehssk3]{    display: flex;    align-items: center;    gap: 1rem; } [data-astro-cid-flehssk3] .contact-avatar[data-astro-cid-flehssk3]{    width: 40px;    height: 40px;    border-radius: 50%;    overflow: hidden;    display: flex;    align-items: center;    justify-content: center;    background: #e2e8f0;    flex-shrink: 0; } [data-astro-cid-flehssk3] .avatar-placeholder[data-astro-cid-flehssk3]{    font-size: .875rem;    font-weight: 600;    color: #64748b; } [data-astro-cid-flehssk3] .contact-details[data-astro-cid-flehssk3]{    min-width: 0; } [data-astro-cid-flehssk3] .contact-name[data-astro-cid-flehssk3],.contact-email[data-astro-cid-flehssk3],.contact-phone[data-astro-cid-flehssk3]{    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; } [data-astro-cid-flehssk3] .contact-name[data-astro-cid-flehssk3]{    font-size: .875rem;    font-weight: 600;    color: #1e293b;    margin: 0 0 .25rem 0; } [data-astro-cid-flehssk3] .contact-email[data-astro-cid-flehssk3]{    font-size: .75rem;    color: #64748b;    margin: 0 0 .25rem 0; } [data-astro-cid-flehssk3] .contact-phone[data-astro-cid-flehssk3]{    font-size: .75rem;    color: #9ca3af;    margin: 0; } [data-astro-cid-flehssk3] .company-name[data-astro-cid-flehssk3]{    font-size: .875rem;    font-weight: 500;    color: #374151; } [data-astro-cid-flehssk3] .status-badge[data-astro-cid-flehssk3]{    padding: .25rem .75rem;    border-radius: 9999px;    font-size: .75rem;    font-weight: 600;    text-transform: uppercase; } [data-astro-cid-flehssk3] .status-badge[data-astro-cid-flehssk3].lead{background:#dbeafe;color:#1d4ed8} [data-astro-cid-flehssk3] .status-badge[data-astro-cid-flehssk3].prospect{background:#fef3c7;color:#d97706} [data-astro-cid-flehssk3] .status-badge[data-astro-cid-flehssk3].customer{background:#d1fae5;color:#059669} [data-astro-cid-flehssk3] .status-badge[data-astro-cid-flehssk3].inactive{background:#f3f4f6;color:#6b7280} [data-astro-cid-flehssk3] .contact-value[data-astro-cid-flehssk3]{    font-size: .875rem;    font-weight: 600;    color: #059669; } [data-astro-cid-flehssk3] .last-contact-cell[data-astro-cid-flehssk3]>div[data-astro-cid-flehssk3]{    display: flex;    flex-direction: column; } [data-astro-cid-flehssk3] .last-contact[data-astro-cid-flehssk3]{    font-size: .875rem;    color: #374151; } [data-astro-cid-flehssk3] .contact-source[data-astro-cid-flehssk3]{    font-size: .75rem;    color: #9ca3af; } [data-astro-cid-flehssk3] .contact-actions[data-astro-cid-flehssk3]{    display: flex;    gap: .5rem; } [data-astro-cid-flehssk3] .action-btn[data-astro-cid-flehssk3]{    padding: .375rem;    border: 1px solid #e2e8f0;    border-radius: .375rem;    background: white;    color: #6b7280;    cursor: pointer;    transition: all .2s ease; } [data-astro-cid-flehssk3] .action-btn[data-astro-cid-flehssk3]:hover{    background: #f8fafc;    color: #374151;    border-color: #d1d5db; } [data-astro-cid-flehssk3] .bulk-actions[data-astro-cid-flehssk3]{    display: flex;    justify-content: space-between;    align-items: center;    padding: 1rem 1.5rem;    background: #f8fafc;    border-top: 1px solid #e2e8f0; } [data-astro-cid-flehssk3] .bulk-info[data-astro-cid-flehssk3]{    font-size: .875rem;    color: #374151;    font-weight: 500; } [data-astro-cid-flehssk3] .bulk-buttons[data-astro-cid-flehssk3]{    display: flex;    gap: .75rem; } [data-astro-cid-flehssk3] .bulk-btn[data-astro-cid-flehssk3]{    display: flex;    align-items: center;    gap: .5rem;    padding: .5rem 1rem;    border: 1px solid #d1d5db;    border-radius: .375rem;    background: white;    font-size: .875rem;    color: #374151;    cursor: pointer;    transition: all .2s ease; } [data-astro-cid-flehssk3] .bulk-btn[data-astro-cid-flehssk3]:hover{    background: #f9fafb;    border-color: #9ca3af; } [data-astro-cid-flehssk3] .bulk-btn[data-astro-cid-flehssk3].danger{    color: #dc2626;    border-color: #fecaca; } [data-astro-cid-flehssk3] .bulk-btn[data-astro-cid-flehssk3].danger:hover{    background: #fef2f2;    border-color: #fca5a5; } [data-astro-cid-flehssk3] .pagination[data-astro-cid-flehssk3]{    display: flex;    justify-content: space-between;    align-items: center;    padding: 1rem 1.5rem;    border-top: 1px solid #e2e8f0; } [data-astro-cid-flehssk3] .pagination-info[data-astro-cid-flehssk3]{    font-size: .875rem;    color: #64748b; } [data-astro-cid-flehssk3] .pagination-controls[data-astro-cid-flehssk3]{    display: flex;    align-items: center;    gap: 1rem; } [data-astro-cid-flehssk3] .pagination-btn[data-astro-cid-flehssk3]{    display: flex;    align-items: center;    gap: .5rem;    padding: .5rem 1rem;    border: 1px solid #d1d5db;    border-radius: .375rem;    background: white;    font-size: .875rem;    color: #374151;    cursor: pointer;    transition: all .2s ease; } [data-astro-cid-flehssk3] .pagination-btn[data-astro-cid-flehssk3]:hover:not(:disabled){    background: #f9fafb;    border-color: #9ca3af; } [data-astro-cid-flehssk3] .pagination-btn[data-astro-cid-flehssk3]:disabled{    opacity: .5;    cursor: not-allowed; } [data-astro-cid-flehssk3] .page-numbers[data-astro-cid-flehssk3]{    display: flex;    gap: .25rem;    align-items: center; } [data-astro-cid-flehssk3] .page-btn[data-astro-cid-flehssk3]{    width: 36px;    height: 36px;    border: 1px solid #d1d5db;    border-radius: .375rem;    background: white;    font-size: .875rem;    color: #374151;    cursor: pointer;    transition: all .2s ease;    display: flex;    align-items: center;    justify-content: center; } [data-astro-cid-flehssk3] .page-btn[data-astro-cid-flehssk3]:hover{    background: #f9fafb;    border-color: #9ca3af; } [data-astro-cid-flehssk3] .page-btn[data-astro-cid-flehssk3].active{    background: #3b82f6;    color: white;    border-color: #3b82f6; } [data-astro-cid-flehssk3] .page-ellipsis[data-astro-cid-flehssk3]{    padding: 0 .5rem;    color: #9ca3af; }@media (max-width: 1024px){.contacts-metrics[data-astro-cid-flehssk3]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contacts-toolbar[data-astro-cid-flehssk3]{flex-direction:column;align-items:stretch}.filters-section[data-astro-cid-flehssk3]{flex-wrap:wrap}.contacts-header[data-astro-cid-flehssk3],.contact-row[data-astro-cid-flehssk3]{grid-template-columns:40px 1fr 100px 80px 100px;font-size:.75rem}.company-cell[data-astro-cid-flehssk3],.last-contact-cell[data-astro-cid-flehssk3]{display:none}}