:root{--sc-bg-primary:#fff;--sc-bg-secondary:#f8fafc;--sc-bg-tertiary:#f1f5f9;--sc-text-primary:#1e293b;--sc-text-secondary:#64748b;--sc-text-muted:#94a3b8;--sc-border:#e2e8f0;--sc-border-light:#f1f5f9;--sc-brand:#2563eb;--sc-brand-hover:#1d4ed8;--sc-brand-light:#eef2ff;--sc-success:#10b981;--sc-success-light:#d1fae5;--sc-warning:#f59e0b;--sc-warning-light:#fff4e5;--sc-danger:#ef4444;--sc-danger-light:#fee2e2;--sc-info:#3b82f6;--sc-info-light:#e0f2fe;--sc-shadow:#0000000d;--sc-shadow-md:#0000001a;--sc-skeleton-bg:#e2e8f0;--sc-skeleton-gradient:#f1f5f9}@media (prefers-color-scheme:dark){:root{--sc-bg-primary:#1e293b;--sc-bg-secondary:#0f172a;--sc-bg-tertiary:#334155;--sc-text-primary:#f1f5f9;--sc-text-secondary:#cbd5e1;--sc-text-muted:#94a3b8;--sc-border:#334155;--sc-border-light:#1e293b;--sc-brand:#3b82f6;--sc-brand-hover:#60a5fa;--sc-brand-light:#1e3a5f;--sc-success:#34d399;--sc-success-light:#064e3b;--sc-warning:#fbbf24;--sc-warning-light:#78350f;--sc-danger:#f87171;--sc-danger-light:#7f1d1d;--sc-info:#60a5fa;--sc-info-light:#1e3a5f;--sc-shadow:#0003;--sc-shadow-md:#0000004d;--sc-skeleton-bg:#334155;--sc-skeleton-gradient:#475569}}.dark-mode{--sc-bg-primary:#1e293b;--sc-bg-secondary:#0f172a;--sc-bg-tertiary:#334155;--sc-text-primary:#f1f5f9;--sc-text-secondary:#cbd5e1;--sc-text-muted:#94a3b8;--sc-border:#334155;--sc-border-light:#1e293b;--sc-brand:#3b82f6;--sc-brand-hover:#60a5fa;--sc-brand-light:#1e3a5f;--sc-success:#34d399;--sc-success-light:#064e3b;--sc-warning:#fbbf24;--sc-warning-light:#78350f;--sc-danger:#f87171;--sc-danger-light:#7f1d1d;--sc-info:#60a5fa;--sc-info-light:#1e3a5f;--sc-shadow:#0003;--sc-shadow-md:#0000004d;--sc-skeleton-bg:#334155;--sc-skeleton-gradient:#475569}.light-mode{--sc-bg-primary:#fff;--sc-bg-secondary:#f8fafc;--sc-bg-tertiary:#f1f5f9;--sc-text-primary:#1e293b;--sc-text-secondary:#64748b;--sc-text-muted:#94a3b8;--sc-border:#e2e8f0;--sc-border-light:#f1f5f9;--sc-brand:#2563eb;--sc-brand-hover:#1d4ed8;--sc-brand-light:#eef2ff;--sc-success:#10b981;--sc-success-light:#d1fae5;--sc-warning:#f59e0b;--sc-warning-light:#fff4e5;--sc-danger:#ef4444;--sc-danger-light:#fee2e2;--sc-info:#3b82f6;--sc-info-light:#e0f2fe;--sc-shadow:#0000000d;--sc-shadow-md:#0000001a;--sc-skeleton-bg:#e2e8f0;--sc-skeleton-gradient:#f1f5f9}.store-customers{background:var(--sc-bg-secondary);flex-direction:column;gap:1.5rem;width:100%;max-width:1400px;min-height:calc(100vh - 150px);margin:0 auto;padding:2rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-info h1{color:var(--sc-text-primary);margin:0;font-size:2rem}.page-subtitle{color:var(--sc-text-secondary);margin:.25rem 0 0}.header-actions{gap:.75rem;display:flex}.btn-back{border:1px solid var(--sc-text-secondary);color:var(--sc-text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:inline-flex}.btn-back:hover{background:var(--sc-bg-tertiary);border-color:var(--sc-brand);color:var(--sc-brand)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.store-customer-stat-card{background:var(--sc-bg-primary);border:1px solid var(--sc-border);border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.store-customer-stat-card:hover{box-shadow:var(--sc-shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.stat-icon.total{background:var(--sc-brand-light);color:var(--sc-brand)}.stat-icon.active{background:var(--sc-success-light);color:var(--sc-success)}.stat-icon.new{background:var(--sc-warning-light);color:var(--sc-warning)}.stat-icon.revenue{background:var(--sc-danger-light);color:var(--sc-danger)}.stat-details{flex-direction:column;display:flex}.stat-label{color:var(--sc-text-secondary);margin-bottom:.25rem;font-size:.875rem}.stat-value{color:var(--sc-text-primary);font-size:1.5rem;font-weight:600}.customers-table-container{background:var(--sc-bg-primary);border:1px solid var(--sc-border);border-radius:12px;overflow-x:auto}.customers-table{border-collapse:collapse;width:100%}.customers-table th{text-align:left;background:var(--sc-bg-secondary);color:var(--sc-text-secondary);border-bottom:2px solid var(--sc-border);padding:1rem;font-size:.875rem;font-weight:600}.customers-table td{border-bottom:1px solid var(--sc-border);vertical-align:middle;color:var(--sc-text-primary);padding:1rem}.customers-table tr:last-child td{border-bottom:none}.customers-table tr:hover td{background:var(--sc-bg-tertiary)}.customers-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.customer-card{background:var(--sc-bg-primary);border:1px solid var(--sc-border);border-radius:12px;padding:1rem;transition:all .2s}.customer-card:hover{box-shadow:var(--sc-shadow-md);transform:translateY(-2px)}.customer-name{text-align:center;color:var(--sc-text-primary);margin:.5rem 0;font-size:1.1rem;font-weight:600}.customer-info-row{border-bottom:1px solid var(--sc-border-light);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.customer-info-row span:first-child{color:var(--sc-text-secondary);font-size:.85rem}.customer-info-row span:last-child{color:var(--sc-text-primary);font-weight:500}.customer-actions{border-top:1px solid var(--sc-border);gap:.5rem;margin-top:1rem;padding-top:.5rem;display:flex}.customer-actions button{cursor:pointer;border-radius:6px;flex:1;padding:.5rem;font-size:.875rem;transition:all .2s}.customer-status{border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.customer-status.active{background:var(--sc-success-light);color:var(--sc-success)}.customer-status.inactive{background:var(--sc-danger-light);color:var(--sc-danger)}.customer-status.blocked{background:var(--sc-warning-light);color:var(--sc-warning)}.customer-status.pending{background:var(--sc-info-light);color:var(--sc-info)}.skeleton{background:linear-gradient(90deg, var(--sc-skeleton-bg) 25%, var(--sc-skeleton-gradient) 50%, var(--sc-skeleton-bg) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{border-radius:4px;height:20px;margin:1rem}.skeleton-text{border-radius:4px;height:15px;margin:.5rem 1rem}.skeleton-button{border-radius:6px;height:36px;margin:1rem}.no-customers{text-align:center;background:var(--sc-bg-secondary);color:var(--sc-text-secondary);border-radius:12px;padding:3rem}.loading-more{text-align:center;padding:2rem}.loading-spinner{border:3px solid var(--sc-border);border-top-color:var(--sc-brand);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-more-trigger{height:20px;margin:1rem 0}.end-of-customers{text-align:center;color:var(--sc-text-muted);padding:1rem;font-size:.875rem}.checkbox-container{flex-direction:row;align-items:center;gap:.5rem;display:flex}@media (max-width:768px){.store-customers{padding:1rem}.select-filter-card{width:100%}.customers-grid{grid-template-columns:1fr}.header-actions{width:100%}.header-actions button{flex:1}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.customers-table th,.customers-table td{padding:.75rem;font-size:.8rem}.dashboard-stats{grid-template-columns:1fr}.stat-value{font-size:1.2rem}}