.customer-list-page[data-v-04f2d3b4]{padding:0}.page-header-section[data-v-04f2d3b4]{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:32px}.page-header-content[data-v-04f2d3b4]{padding:24px 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.page-title-section[data-v-04f2d3b4]{flex:1;min-width:200px}.page-title[data-v-04f2d3b4]{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 4px;line-height:1.2}.page-subtitle[data-v-04f2d3b4]{font-size:16px;color:#718096;margin:0;line-height:1.4}.page-actions[data-v-04f2d3b4]{display:flex;align-items:center;gap:12px;flex-shrink:0}.card-modern[data-v-04f2d3b4]{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:24px}.card-modern-header[data-v-04f2d3b4]{margin-bottom:24px}.card-modern-header .header-content[data-v-04f2d3b4]{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.card-modern-header .header-content>div[data-v-04f2d3b4]:first-child{flex:1}.card-modern-header .header-content h3[data-v-04f2d3b4]{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:12px}.card-modern-header .header-content p[data-v-04f2d3b4]{font-size:14px;color:#6b7280;margin:0}.card-modern-header .header-stats[data-v-04f2d3b4]{display:flex;gap:24px;flex-shrink:0}.card-modern-header .stat-item[data-v-04f2d3b4]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 16px;background:#f8fafc;border-radius:12px;min-width:80px}.card-modern-header .stat-value[data-v-04f2d3b4]{font-size:24px;font-weight:700;color:#667eea;line-height:1}.card-modern-header .stat-label[data-v-04f2d3b4]{font-size:12px;color:#6b7280;font-weight:500;margin-top:4px}[data-v-04f2d3b4] .modern-modal .modal-content{border-radius:16px;border:none;box-shadow:0 20px 40px rgba(0,0,0,.15)}[data-v-04f2d3b4] .modern-modal .modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;padding:20px 24px}[data-v-04f2d3b4] .modern-modal .modal-title{font-size:20px;font-weight:600;color:#1f2937}[data-v-04f2d3b4] .modern-modal .modal-body{padding:24px}.modal-content-wrapper[data-v-04f2d3b4]{padding:0}@media (max-width:768px){.page-header-content[data-v-04f2d3b4]{flex-direction:column;align-items:stretch;gap:16px}.page-header-content .page-actions[data-v-04f2d3b4]{justify-content:space-around;gap:12px}.page-header-content .stat-item[data-v-04f2d3b4]{min-width:70px;padding:8px 12px}.page-header-content .stat-value[data-v-04f2d3b4]{font-size:20px}.page-header-content .stat-label[data-v-04f2d3b4]{font-size:11px}}@media (max-width:480px){.page-header-content .page-actions[data-v-04f2d3b4]{flex-direction:column;gap:8px}.page-header-content .stat-item[data-v-04f2d3b4]{flex-direction:row;justify-content:space-between;align-items:center;min-width:auto;padding:12px 16px}.page-header-content .stat-value[data-v-04f2d3b4]{font-size:18px}.page-header-content .stat-label[data-v-04f2d3b4]{font-size:12px;margin-top:0}}