/* Auto-extracted CSS for Views/profile */

.points-bar-wrap { background:var(--slate-100); border-radius:var(--radius-full); height:8px; overflow:hidden; margin-top:8px; }
    .points-bar { height:100%; border-radius:var(--radius-full); background:linear-gradient(90deg,var(--primary),#6366f1); transition:width 1s ease; }
    .tab-panel { display:none; }
    .tab-panel.active { display:block; }
    .sidebar-nav-item[data-tab] { cursor:pointer; }
    .profile-avatar-wrap { position:relative; width:max-content; margin:0 auto; }
    .profile-avatar-add {
      position:absolute;
      right:-4px;
      bottom:-4px;
      width:30px;
      height:30px;
      border-radius:50%;
      border:2px solid var(--white);
      background:var(--primary);
      color:var(--white);
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      box-shadow:0 8px 18px rgba(15,23,42,.18);
      transition:transform .2s ease, background .2s ease;
    }
    .profile-avatar-add:hover { transform:translateY(-1px); background:#1d4ed8; }
    .profile-avatar-add svg { width:16px; height:16px; }
    .profile-avatar-add.is-loading { pointer-events:none; opacity:.65; }

.profile-s-4be5a9dd { background:var(--white);border-bottom:1px solid var(--slate-200);padding:20px 0; }

.profile-s-5e9cb2d1 { padding-top:28px; }

.profile-s-04a617c2 { margin:12px auto;width: 145px;background:rgba(255,255,255,.15);border-radius:var(--radius-full);padding:4px 5px;font-size:.75rem;color:rgba(255,255,255,.9);display:flex; justify-content:center; }

.profile-s-497726e8 { color:var(--danger); }

.profile-s-4c555669 { background:#dbeafe; }

.profile-s-7fb68226 { background:#d1fae5; }

.profile-s-b63ec4e8 { background:#fff7ed; }

.profile-s-96ad6099 { margin-top:4px; }

.profile-s-437da480 { display:none;margin-top:16px;gap:10px;display:none; }

.profile-s-8a77e5a3 { margin-top:8px; }

.profile-s-4eeaef33 { font-size:.875rem;color:var(--slate-500); }

.profile-s-d92f9641 { text-align:center;color:var(--slate-500); }

.profile-s-c1d37f22 { padding:16px 20px;border-top:1px solid var(--slate-100);display:flex;justify-content:center; }

.profile-s-a1c8eab9 { width:16px;height:16px; }

.profile-s-f0522611 { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px; }

.profile-s-98b0bc88 { background:linear-gradient(135deg,var(--primary),#6366f1);border-radius:var(--radius-lg);padding:28px;color:#fff;text-align:center; }

.profile-s-b87ab4fe { font-size:.8125rem;opacity:.8;margin-bottom:8px; }

.profile-s-135a0d8a { font-size:3rem;font-weight:900;line-height:1; }

.profile-s-9cc9d49d { font-size:.8125rem;opacity:.7;margin-top:6px; }

.profile-s-72b2f26b { background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:28px;text-align:center; }

.profile-s-fe215a55 { font-size:.8125rem;color:var(--slate-500);margin-bottom:8px; }

.profile-s-8c1a7da9 { font-size:1.5rem;font-weight:800;color:var(--slate-900); }

.profile-s-0d89a351 { font-size:.8125rem;color:var(--slate-400);margin-top:6px; }

.profile-s-56f43562 { margin-top:12px; }

.profile-s-d2fba0f3 { width:0%; }

.profile-s-bfb5fc95 { font-size:.8125rem;color:var(--slate-500);margin-top:10px; }

.profile-s-7dd08c67 { background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:18px 20px; }

.profile-s-c92c0c10 { font-size:.9375rem;font-weight:700;color:var(--slate-800);margin-bottom:10px; }

.profile-s-bf85c39e { font-size:.9375rem;color:var(--slate-600); }

.profile-s-49fcd855 { margin-top:24px; }

.profile-s-0e39344e { font-size:.9375rem;font-weight:700;color:var(--slate-800);margin-bottom:16px; }

.profile-s-e0f896ba { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }

.profile-s-f22e0e67 { display:flex;flex-direction:column;gap:20px; }

.profile-s-9e475d16 { display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--slate-50);border-radius:var(--radius-md);border:1px solid var(--slate-200); }

.profile-s-b52babca { font-weight:600;color:var(--slate-800); }

.profile-s-90d2d0eb { font-size:.8125rem;color:var(--slate-500); }

.profile-s-0ad288c8 { position:relative;display:inline-block;width:48px;height:26px; }

.profile-s-7b0c1d33 { opacity:0;width:0;height:0; }

.profile-s-7d7fe2a6 { position:absolute;cursor:pointer;inset:0;background:var(--primary);border-radius:13px;transition:.3s; }

.profile-s-a1b43991 { position:absolute;cursor:pointer;inset:0;background:var(--slate-300);border-radius:13px;transition:.3s; }

.profile-s-30e741d9 { width:auto; }

.profile-s-773c163c { padding-top:8px;border-top:1px solid var(--slate-200); }

.profile-s-dce355a2 { color:var(--success);font-weight:700; }

.profile-s-a7d3059f { color:var(--danger);font-weight:700; }

.profile-s-2410f0ad { width:100%;height:100%;object-fit:cover;border-radius:50%; }

.order-detail-actions {
  display:flex;
  justify-content:flex-end;
  padding-top:16px;
  margin-top:16px;
  border-top:1px solid var(--slate-100);
}

.order-cancel-btn {
  border-color:#fecaca;
  color:#dc2626;
  background:#fff;
}

.order-cancel-btn:hover {
  border-color:#fca5a5;
  background:#fef2f2;
  color:#b91c1c;
}

@media (max-width: 1024px) {
  .profile-s-e0f896ba { grid-template-columns: 1fr !important; }
  .profile-s-f22e0e67 { flex-wrap: wrap; }
  .profile-s-04a617c2 { flex-wrap: wrap; }
  .profile-s-9e475d16 { flex-wrap: wrap; }
  .profile-s-f0522611 { grid-template-columns: 1fr !important; }
  .profile-s-c1d37f22 { flex-wrap: wrap; }
}

/* Responsive: profile pages */
@media (min-width: 1200px) {
  .profile-layout { align-items: start; }
}
@media (max-width: 1024px) {
  .profile-layout { grid-template-columns: 1fr !important; }
  .profile-sidebar { position: static !important; }
  .profile-sidebar-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .profile-widgets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .profile-widgets,
  .profile-field-grid,
  #wishlist-grid { grid-template-columns: 1fr !important; }
  .profile-card-header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .orders-table-wrap,
  .profile-info-card { overflow-x: auto; }
  .orders-table { min-width: 720px; }
  .profile-s-f0522611 { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
  .profile-sidebar-nav { grid-template-columns: 1fr; }
  .profile-user-card { padding-left: 16px; padding-right: 16px; }
  .widget-card { align-items: flex-start; }
  .profile-s-135a0d8a { font-size: 2.25rem; }
  .profile-s-04a617c2 { width: auto; max-width: 100%; }
}