.inad-main-container { font-family: 'Poppins', sans-serif; background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); }
.inad-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; }
.inad-branding h1 { margin: 0; font-size: 24px; color: #4338ca; }
.inad-branding span { color: #666; font-size: 14px; }

.inad-filter-tabs { display: flex; gap: 10px; }
.filter-btn { padding: 8px 16px; border: 1px solid #e2e8f0; background: #fff; border-radius: 6px; cursor: pointer; transition: 0.3s; }
.filter-btn.active { background: #4338ca; color: #fff; border-color: #4338ca; }

.inad-table-box { margin-top: 10px; }
#leadTable thead th { background: #f8fafc; padding: 12px; border-bottom: 1px solid #e2e8f0; }
#leadTable tbody td { padding: 12px; border-bottom: 1px solid #f1f5f9; }

.view-details-btn { background: #4338ca; color: #fff; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; }

/* Modal */
.lead-modal-overlay { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; backdrop-filter: blur(4px); }
.lead-modal-box { background: #fff; width: 450px; margin: 100px auto; border-radius: 12px; overflow: hidden; animation: fadeInUp 0.3s; }
@keyframes fadeInUp { from { opacity:0; transform: translateY(20px); } to { opacity:1; transform: translateY(0); } }
.lead-modal-header { background: #4338ca; color: #fff; padding: 15px; display: flex; justify-content: space-between; }
.lead-modal-body { padding: 20px; }
.modal-info-row { display: flex; padding: 10px 0; border-bottom: 1px solid #eee; }
.modal-info-row b { width: 35%; color: #666; font-size: 13px; }
.modal-info-row span { width: 65%; font-size: 14px; font-weight: 500; }
.lead-modal-close { cursor: pointer; font-size: 20px; }