:root {
      --primary: #2563eb;
      --primary-dark: #1d4ed8;
      --primary-light: #dbeafe;
      --light-bg: #f9fafb;
      --dark-text: #111827;
      --gray-100: #f3f4f6;
      --gray-200: #e5e7eb;
      --gray-300: #d1d5db;
      --gray-400: #9ca3af;
      --gray-600: #4b5563;
      --success: #10b981;
      --warning: #f59e0b;
      --danger: #ef4444;
      --radius: 12px;
      --shadow-sm: 0 2px 6px rgba(0,0,0,0.05);
      --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
      --shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
    }



#authSection{
    display:flex;
    .user-info{display:flex;align-items:center;gap:0.6rem;background:white;padding:0.12rem 0.6rem 0.12rem  0.15rem;border-radius:999px;border:1px solid var(--gray-200);font-size:0.6rem;box-shadow:var(--shadow-sm);cursor: pointer;}
    .user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:bold}
    .lang-switcher{background:transparent;border:1px solid var(--gray-300);color:var(--gray-600);cursor:pointer;font-size:0.6rem;padding:0.2rem 0.6rem;border-radius:8px;transition:all 0.2s}
    .lang-switcher:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}
}