:root{--gold-primary:#ffb700;--gold-secondary:#ff9500;--gold-dark:#e67e00;--gold-darker:#cc7000;--gold-light:#fff4e6;--gold-lighter:#fffbf5;--gold-lightest:#fffbf5;--gold-accent:#ffc947;--primary-color:var(--gold-primary);--primary-dark:var(--gold-dark);--primary-light:var(--gold-lighter);--primary-gradient:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-dark) 100%);--success-color:#28a745;--danger-color:#dc3545;--warning-color:var(--gold-primary);--info-color:#17a2b8;--secondary-color:#6c757d;--light-color:#f8f9fa;--dark-color:#343a40;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-muted:#6b7280;--text-light:#f8f9fa;--text-body:var(--text-primary);--text-dark:var(--text-primary);--text-white:#fff;--text-gold:#e67e00;--bg-light:#f8f9fa;--bg-white:#fff;--bg-dark:#343a40;--border-color:#e9ecef;--bg-gold-lighter:rgba(255,183,0,.05);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.05),rgba(255,183,0,.02));--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:30px;--shadow-sm:0 2px 6px rgba(0,0,0,.05);--shadow-md:0 4px 14px rgba(0,0,0,.07);--shadow-lg:0 8px 28px rgba(0,0,0,.09);--shadow-xl:0 12px 42px rgba(0,0,0,.11);--shadow-hover:0 8px 28px rgba(244,208,63,.18);--transition-fast:all .2s ease;--transition-base:all .3s ease;--transition-slow:all .5s ease;--font-xs:.875rem;--font-sm:.9375rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-4xl:2.5rem;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--gold-primary-rgb:255,183,0;--gold-dark-rgb:230,126,0;--gold-accent-rgb:255,201,71;--success-color-rgb:40,167,69;--danger-color-rgb:220,53,69;--warning-color-rgb:255,193,7;--info-color-rgb:23,162,184;--success-gradient:linear-gradient(135deg,#28a745,#20c997);--danger-gradient:linear-gradient(135deg,#dc3545,#c82333);--border-width:1px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--gold-light:#332600;--gold-lighter:#1a1300;--gold-lightest:#121008;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--text-muted:#888;--text-light:#e5e5e5;--text-body:#e5e5e5;--text-dark:#e5e5e5;--text-gold:#ffb700;--bg-light:#0f0f0f;--bg-white:#1a1a1a;--bg-dark:#0a0a0a;--border-color:#333;--bg-gold-lighter:rgba(255,183,0,.08);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.08),rgba(255,183,0,.03));--shadow-sm:0 2px 6px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.5);--shadow-xl:0 12px 42px rgba(0,0,0,.6);--shadow-hover:0 8px 28px rgba(255,183,0,.15);--success-gradient:linear-gradient(135deg,#22c55e,#16a34a);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--neutral-50:#1a1a1a;--neutral-100:#252525;--neutral-200:#333;--neutral-300:#444;--neutral-400:#666;--neutral-500:#888;--neutral-600:#a0a0a0;--neutral-700:#b0b0b0;--neutral-800:#d0d0d0;--neutral-900:#e5e5e5;--neutral-950:#f0f0f0;--success-light:rgba(16,185,129,.15);--success-50:rgba(16,185,129,.08);--danger-light:rgba(239,68,68,.15);--danger-50:rgba(239,68,68,.08);--danger-100:rgba(239,68,68,.12);--warning-50:rgba(245,158,11,.08);--warning-100:rgba(245,158,11,.12);--gold-50:rgba(255,183,0,.08);--gold-200:rgba(255,183,0,.15);--info-50:rgba(59,130,246,.08);--info-100:rgba(59,130,246,.12);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--gold-light:#332600;--gold-lighter:#1a1300;--gold-lightest:#121008;--text-primary:#e5e5e5;--text-secondary:#a0a0a0;--text-muted:#888;--text-light:#e5e5e5;--text-body:#e5e5e5;--text-dark:#e5e5e5;--text-gold:#ffb700;--bg-light:#0f0f0f;--bg-white:#1a1a1a;--bg-dark:#0a0a0a;--border-color:#333;--bg-gold-lighter:rgba(255,183,0,.08);--gradient-gold-subtle:linear-gradient(135deg,rgba(255,183,0,.08),rgba(255,183,0,.03));--shadow-sm:0 2px 6px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.5);--shadow-xl:0 12px 42px rgba(0,0,0,.6);--shadow-hover:0 8px 28px rgba(255,183,0,.15);--neutral-50:#1a1a1a;--neutral-100:#252525;--neutral-200:#333;--neutral-300:#444;--neutral-400:#666;--neutral-500:#888;--neutral-600:#a0a0a0;--neutral-700:#b0b0b0;--neutral-800:#d0d0d0;--neutral-900:#e5e5e5;--neutral-950:#f0f0f0;--success-light:rgba(16,185,129,.15);--success-50:rgba(16,185,129,.08);--danger-light:rgba(239,68,68,.15);--danger-50:rgba(239,68,68,.08);--danger-100:rgba(239,68,68,.12);--warning-50:rgba(245,158,11,.08);--warning-100:rgba(245,158,11,.12);--gold-50:rgba(255,183,0,.08);--gold-200:rgba(255,183,0,.15);--info-50:rgba(59,130,246,.08);--info-100:rgba(59,130,246,.12);color-scheme:dark}}:root{--card-padding:var(--spacing-lg);--card-border-radius:var(--radius-xl);--card-shadow:var(--shadow-md);--card-hover-shadow:var(--shadow-lg);--btn-padding-x:var(--spacing-lg);--btn-padding-y:var(--spacing-sm);--btn-border-radius:var(--radius-md);--input-padding-x:var(--spacing-lg);--input-padding-y:var(--spacing-md);--input-border-radius:var(--radius-lg);--input-focus-shadow:0 0 0 4px rgba(255,183,0,.3);--icon-size-sm:32px;--icon-size-md:40px;--icon-size-lg:48px;--icon-size-xl:64px;--touch-target-min:44px;--touch-target-sm:44px;--touch-target-md:48px;--touch-target-lg:56px;--live-dot-size:8px;--live-dot-color:var(--success-color);--animation-duration-fast:.3s;--animation-duration-base:.5s;--animation-duration-slow:1s;--animation-timing:ease-in-out}.category-header{background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff8f0) 100%);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.header-content{flex-wrap:wrap;justify-content:space-between}.header-content,.header-info{align-items:center;display:flex;gap:1rem}.category-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff4e6) 100%);border:2px solid rgba(var(--gold-primary-rgb),.15);border-radius:16px;color:var(--gold-primary);display:flex;font-size:1.75rem;height:56px;justify-content:center;width:56px}.category-title{color:var(--neutral-700,#2d3748);font-size:1.75rem;font-weight:700;margin:0}.category-subtitle{color:var(--neutral-500,#718096);font-size:.9rem;margin:0}.user-rank-display{background:rgba(var(--gold-primary-rgb),.15);border:2px solid rgba(var(--gold-primary-rgb),.3);border-radius:12px;padding:1rem 1.5rem}.user-rank-display h3{color:var(--neutral-700,#2d3748);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.user-rank-display p{color:var(--neutral-500,#718096);font-size:.875rem;margin:0}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-white,#fff);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:rgba(var(--gold-primary-rgb),.3);box-shadow:0 8px 16px rgba(var(--gold-primary-rgb),.15);transform:translateY(-4px)}.stat-card i{margin-bottom:.75rem}.stat-card i,.stat-value{color:var(--gold-primary)}.stat-value{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;font-weight:800;margin-bottom:.25rem}.stat-label{color:var(--neutral-500,#718096);font-size:.875rem;font-weight:500}.category-leaders-section{margin-bottom:2rem}.section-title{align-items:center;color:var(--neutral-700,#2d3748);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.section-title i{color:var(--gold-primary)}.category-leaders-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-leader-card{background:var(--bg-white,#fff);border:1px solid rgba(var(--gold-primary-rgb),.1);border-left:4px solid var(--gold-primary);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);padding:1.25rem;transition:all .3s ease}.category-leader-card:hover{box-shadow:0 8px 16px rgba(var(--gold-primary-rgb),.15);transform:translateY(-4px)}.category-leader-title{align-items:center;color:var(--neutral-700,#2d3748);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.category-leader-title i{color:var(--gold-primary)}.leader-info{align-items:center;display:flex;gap:1rem}.leader-avatar{-o-object-fit:cover;object-fit:cover}.leader-avatar,.leader-avatar-placeholder{border:2px solid rgba(var(--gold-primary-rgb),.2);border-radius:50%;height:50px;width:50px}.leader-avatar-placeholder{align-items:center;background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.1) 0,rgba(var(--gold-primary-rgb),.2));color:var(--gold-primary);display:flex;justify-content:center}.leader-details h6{font-weight:600;margin-bottom:.25rem}.leader-details h6 a{color:var(--neutral-700,#2d3748);text-decoration:none;transition:color .2s ease}.leader-details h6 a:hover{color:var(--gold-primary)}.leader-details small{color:var(--neutral-500,#718096);font-size:.8125rem}.leaderboard-section{margin-bottom:2rem}.leaderboard-card{background:var(--bg-white,#fff);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden}.table{border-collapse:separate;border-spacing:0;margin-bottom:0}.table thead th{background:linear-gradient(135deg,var(--neutral-50,#fffbf5) 0,var(--gold-50,#fff8f0) 100%);border-bottom:2px solid rgba(var(--gold-primary-rgb),.2);color:var(--neutral-700,#2d3748);font-size:.8125rem;font-weight:700;letter-spacing:.5px;padding:1rem;position:sticky;text-transform:uppercase;top:0;z-index:1}.table tbody tr{border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s ease}.table tbody tr:nth-child(2n){background-color:rgba(var(--gold-primary-rgb),.02)}.table tbody tr:hover{background-color:rgba(var(--gold-primary-rgb),.08);box-shadow:0 2px 8px rgba(var(--gold-primary-rgb),.15);transform:scale(1.01)}.current-user{background:linear-gradient(135deg,#e3f2fd,#bbdefb)!important;border-left:4px solid #2196f3}.current-user:hover{background:linear-gradient(135deg,#bbdefb,#90caf9)!important}.table tbody td{color:var(--neutral-700,#2d3748);font-size:.875rem;padding:1rem;vertical-align:middle}.rank-badge{align-items:center;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;font-size:1.125rem;font-weight:800;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.rank-badge:after{border-radius:50%;box-shadow:0 0 20px currentColor;content:"";height:100%;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.rank-badge:hover:after{opacity:.3}.user-info{align-items:center;display:flex;gap:.75rem}.user-avatar{border:2px solid rgba(var(--gold-primary-rgb),.2);border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:40px}.user-avatar:hover{border-color:var(--gold-primary);transform:scale(1.1)}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.1) 0,rgba(var(--gold-primary-rgb),.2));border:2px solid rgba(var(--gold-primary-rgb),.2);border-radius:50%;color:var(--gold-primary);display:flex;height:40px;justify-content:center;width:40px}.user-details h6{font-size:.9375rem;font-weight:600;margin-bottom:.125rem}.user-details h6 a{color:var(--neutral-700,#2d3748);text-decoration:none;transition:color .2s ease}.user-details h6 a:hover{color:var(--gold-primary)}.user-details small{color:var(--neutral-500,#718096);font-size:.75rem}.verified-badge{color:#2196f3;font-size:.875rem}.achievement-badge{background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.1) 0,rgba(var(--gold-primary-rgb),.2));border-radius:12px;color:var(--gold-primary);font-size:.875rem;font-weight:600;padding:.375rem .75rem}.points-display{color:var(--neutral-700,#2d3748);font-size:1rem;font-weight:700}.level-badge{border-radius:12px;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase}.pagination{gap:.25rem}.pagination .page-item{margin:0}.pagination .page-link{align-items:center;border:1px solid var(--border-color,#dee2e6);border-radius:8px;color:var(--neutral-700,#2d3748);display:flex;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.pagination .page-link:hover{background-color:var(--neutral-100,#f8f9fa);border-color:var(--gold-primary);color:var(--gold-primary)}.pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--gold-primary),var(--gold-secondary));border-color:var(--gold-primary);box-shadow:0 2px 8px rgba(var(--gold-primary-rgb),.3);color:#fff;font-weight:600}.pagination .page-item.disabled .page-link{background-color:var(--neutral-100,#f8f9fa);border-color:var(--border-color,#dee2e6);color:var(--neutral-400,#adb5bd);cursor:not-allowed;pointer-events:none}.pagination .page-link i{font-size:.875rem;line-height:1}@media(max-width:768px){.category-header{padding:1rem}.category-icon-wrapper{font-size:1.5rem;height:48px;width:48px}.category-title{font-size:1.5rem}.header-content{align-items:flex-start;flex-direction:column}.user-rank-display{width:100%}.category-leaders-grid,.stats-grid{grid-template-columns:1fr}.table{font-size:.8125rem}.rank-badge{font-size:.875rem;height:40px;width:40px}.user-avatar,.user-avatar-placeholder{height:32px;width:32px}.leader-avatar,.leader-avatar-placeholder{height:40px;width:40px}}@media(max-width:576px){.table thead th{font-size:.75rem}.table tbody td,.table thead th{padding:.75rem .5rem}}