.contact-directory-crm{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.directory-header{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.directory-header h1{color:#33475b;font-size:2em;margin:0 0 20px}.search-container{margin-bottom:20px;max-width:500px;position:relative}.search-input{border:1px solid #cbd6e2;border-radius:6px;font-size:16px;padding:12px 40px 12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#007acc;box-shadow:0 0 0 2px rgba(0,122,204,.1);outline:none}.search-clear{background:none;border:none;color:#6a737d;cursor:pointer;font-size:16px;height:20px;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.controls-row{flex-wrap:wrap;gap:15px;justify-content:space-between}.controls-row,.sort-controls{align-items:center;display:flex}.sort-controls{gap:10px}.sort-controls label{color:#33475b;font-weight:500}.sort-select{background:#fff;border:1px solid #cbd6e2;border-radius:4px;font-size:14px;padding:8px 12px}.results-count{color:#6a737d;font-size:14px}.contact-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.contact-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.contact-summary{align-items:center;cursor:pointer;display:flex;gap:16px;padding:20px;transition:background-color .2s ease}.contact-summary:hover{background-color:#f8f9fa}.contact-avatar{flex-shrink:0}.avatar-placeholder,.contact-avatar img{border-radius:50%;height:60px;object-fit:cover;width:60px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#007acc,#005a9e);color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center}.contact-info{flex:1}.contact-name{color:#33475b;font-size:1.3em;font-weight:600;margin:0 0 6px}.contact-location,.contact-title-company{color:#6a737d;font-size:.95em;margin:3px 0}.expand-toggle{color:#6a737d;transition:transform .3s ease}.contact-card.expanded .expand-toggle{transform:rotate(180deg)}.contact-details{background:#fafbfc;border-top:1px solid #f0f0f0;display:none;margin-top:0;padding:0 20px 20px}.contact-card.expanded .contact-details{animation:slideDown .3s ease;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.details-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.detail-section h4{color:#33475b;font-size:1.1em;font-weight:600;margin:0 0 15px}.detail-item{align-items:flex-start;display:flex;margin-bottom:10px}.detail-label{color:#6a737d;font-size:.9em;font-weight:600;margin-right:12px;min-width:100px}.detail-item a{color:#007acc;text-decoration:none}.detail-item a:hover{text-decoration:underline}.hubspot-properties{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.lifecycle-badge{border-radius:12px;font-size:.8em;font-weight:500;padding:4px 8px;text-transform:uppercase}.lifecycle-badge.subscriber{background:#e3f2fd;color:#1976d2}.lifecycle-badge.lead{background:#fff3e0;color:#f57c00}.lifecycle-badge.marketing-qualified-lead{background:#fce4ec;color:#c2185b}.lifecycle-badge.sales-qualified-lead{background:#e8f5e8;color:#2e7d32}.lifecycle-badge.opportunity{background:#fff8e1;color:#ff8f00}.lifecycle-badge.customer{background:#e8f5e8;color:#2e7d32}.lifecycle-badge.evangelist{background:#f3e5f5;color:#7b1fa2}.lifecycle-badge.other{background:#f5f5f5;color:#616161}.loading-state,.no-results{color:#6a737d;padding:60px 20px;text-align:center}.loading-state p,.no-results p{font-size:1.1em;margin:0}.pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:20px;justify-content:center;margin-top:40px;padding-top:20px}.pagination-btn{background:#fff;border:1px solid #cbd6e2;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#007acc;border-color:#007acc;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6a737d;font-size:14px}@media (max-width:768px){.contact-directory-crm{padding:15px}.controls-row{align-items:stretch;flex-direction:column}.sort-controls{justify-content:space-between}.contact-summary{padding:15px}.avatar-placeholder,.contact-avatar img{height:50px;width:50px}.details-grid{gap:20px;grid-template-columns:1fr}.detail-item{flex-direction:column}.detail-label{margin-bottom:4px;margin-right:0;min-width:auto}.pagination{flex-direction:column;gap:15px}}