.customer-details-page[data-v-7e50509e]{min-height:100vh;background:var(--bg-secondary);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.header-left[data-v-7e50509e]{display:flex;flex-direction:column;gap:1rem}.page-title[data-v-7e50509e]{margin:0;font-size:2.25rem;font-weight:700}.page-subtitle[data-v-7e50509e]{margin:0;color:var(--text-secondary);font-weight:500}.header-actions[data-v-7e50509e]{display:flex;gap:.75rem}.info-grid[data-v-7e50509e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-card[data-v-7e50509e]{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.section-title[data-v-7e50509e]{margin:0;font-size:1.25rem;color:var(--text-primary)}.info-line[data-v-7e50509e]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.label[data-v-7e50509e]{color:var(--text-light);font-weight:600}.value[data-v-7e50509e]{color:var(--text-primary);font-weight:500}.value.badge[data-v-7e50509e]{background:rgba(63,81,181,.1);color:var(--primary-color);padding:.25rem .75rem;border-radius:999px}.loading-state[data-v-7e50509e],.state-empty[data-v-7e50509e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh;color:var(--text-secondary)}.state-empty i[data-v-7e50509e]{font-size:3rem;color:var(--primary-color)}.spinner[data-v-7e50509e]{width:48px;height:48px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--primary-color);-webkit-animation:spin-7e50509e 1s linear infinite;animation:spin-7e50509e 1s linear infinite}@-webkit-keyframes spin-7e50509e{to{transform:rotate(1turn)}}@keyframes spin-7e50509e{to{transform:rotate(1turn)}}@media (max-width:1024px){.info-grid[data-v-7e50509e]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.customer-details-page[data-v-7e50509e]{padding:1rem}.info-grid[data-v-7e50509e]{grid-template-columns:1fr}.header-actions[data-v-7e50509e]{flex-direction:column;align-items:flex-start}}