: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}.progress-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);margin-bottom:2rem;padding:1.5rem}.progress-card .stat-item{padding:.5rem;text-align:center}.progress-card .stat-value{color:var(--gold-primary);font-size:2rem;font-weight:800;margin-bottom:.25rem}.progress-card .stat-label{color:var(--neutral-500,#718096);font-size:.875rem;font-weight:500}.progress-card .overall-progress{border-top:1px solid rgba(var(--gold-primary-rgb),.1);margin-top:1.5rem;padding-top:1.5rem}.achievement-progress{background-color:rgba(var(--gold-primary-rgb),.1);border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden;position:relative}.achievement-progress-bar{background:linear-gradient(135deg,var(--gold-primary),var(--gold-secondary));border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.category-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.category-btn{align-items:center;background-color:var(--bg-white,#fff);border:2px solid rgba(var(--gold-primary-rgb),.2);border-radius:24px;color:var(--neutral-500,#718096);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-btn i{font-size:.875rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.category-btn:hover{border-color:var(--gold-primary);box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.2);color:var(--gold-primary);transform:translateY(-2px)}.category-btn:hover i{transform:scale(1.1)}.category-btn.active{background:linear-gradient(135deg,var(--gold-primary),var(--gold-secondary));border-color:var(--gold-primary);box-shadow:0 4px 12px rgba(var(--gold-primary-rgb),.3);color:#fff}.category-btn.active i{transform:scale(1.1)}.achievement-card{background:var(--bg-white,#fff);border:2px solid transparent;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.achievement-card:hover{box-shadow:0 8px 16px rgba(var(--gold-primary-rgb),.15);transform:translateY(-4px)}.achievement-card.unlocked{background:linear-gradient(135deg,var(--success-50,#f8fff9) 0,var(--bg-white,#fff) 100%);border-color:var(--success-color)}.achievement-card.unlocked:before{background:linear-gradient(90deg,var(--success-color),#20c997);content:"";height:4px;left:0;position:absolute;right:0;top:0}.achievement-card.locked{background-color:var(--neutral-100,#f8f9fa);opacity:.7}.achievement-card.secret{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.achievement-icon{font-size:3rem;margin-bottom:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.achievement-card:hover .achievement-icon{transform:scale(1.1)}.achievement-badge{align-items:center;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;font-size:.75rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:10px;top:10px;width:32px}.secret-achievement{padding:2rem 1rem;text-align:center}.secret-achievement i{font-size:3.5rem;opacity:.3}.recent-unlocks{margin-top:3rem}.recent-unlocks .section-title{align-items:center;color:var(--neutral-700,#2d3748);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.recent-unlocks .section-title i{color:var(--gold-primary)}.recent-unlocks .list-group-item{background:var(--bg-white,#fff);border:1px solid rgba(var(--gold-primary-rgb),.1);border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.recent-unlocks .list-group-item:hover{background-color:rgba(var(--gold-primary-rgb),.05);border-color:rgba(var(--gold-primary-rgb),.3);transform:translate(4px)}.recent-unlocks .unlock-icon{align-items:center;background:linear-gradient(135deg,rgba(var(--gold-primary-rgb),.1),rgba(var(--gold-primary-rgb),.2));border-radius:8px;color:var(--gold-primary);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.info-box{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(33,150,243,.2);border-radius:12px;color:#1976d2;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem}.info-box i{font-size:1.25rem}.info-box a{border-bottom:1px solid;color:#1565c0;font-weight:600;text-decoration:none}.info-box a:hover{color:#0d47a1}.empty-state{padding:4rem 2rem;text-align:center}.empty-state i{color:#dee2e6;font-size:5rem;margin-bottom:1.5rem}.empty-state p{color:var(--neutral-500,#718096);font-size:1.125rem}@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}.progress-card{padding:1rem}.progress-card .stat-value{font-size:1.5rem}.category-filter{gap:.5rem}.category-btn{font-size:.8125rem;padding:.5rem 1rem}.achievement-icon{font-size:2.5rem}.achievement-badge{font-size:.7rem;height:28px;width:28px}}@media(max-width:576px){.progress-card .row{gap:1rem}.progress-card .col-md-3{flex:0 0 calc(50% - .5rem)}.category-filter{justify-content:flex-start}.achievement-card{margin-bottom:1rem}}