@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{font-family:Manrope,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;background:var(--color-bg);color:var(--color-text)}[data-theme=dark]{--color-bg: #0d1117;--color-sidebar: #0d1117;--color-surf: #1e293b;--color-surf2: #273549;--color-surf3: #334155;--color-elevated: #1e293b;--color-input: #273549;--color-overlay: rgba(15,23,42,.85);--color-border: rgba(255,255,255,.08);--color-border-bright:rgba(255,255,255,.15);--color-text: #e6edf3;--color-text-mid: #7d8590;--color-text-dim: rgba(230,237,243,.4);--color-accent: #1e90ff;--color-accent-alt: #1565c0;--color-accent-dim: rgba(30,144,255,.1);--color-accent-glow: rgba(30,144,255,.25);--color-on-accent: #ffffff;--gradient-primary: linear-gradient(135deg, #1565c0 0%, #1e90ff 100%);--color-green: #2ED573;--color-green-dim: rgba(46,213,115,.12);--color-yellow: #FFA502;--color-yellow-dim: rgba(255,165,2,.12);--color-red: #FF4757;--color-red-dim: rgba(255,71,87,.12);--color-orange: #FF6B35;--color-orange-dim: rgba(255,107,53,.12);--color-teal: #14B8A6;--color-teal-dim: rgba(20,184,166,.12);--color-purple: #8B5CF6;--color-purple-dim: rgba(139,92,246,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--shadow-glow: 0 4px 20px rgba(30,144,255,.3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--bg-primary: var(--color-bg);--bg-sidebar: var(--color-sidebar);--bg-card: var(--color-surf);--bg-elevated: var(--color-elevated);--bg-input: var(--color-input);--bg-overlay: var(--color-overlay);--border: var(--color-border);--border-subtle: var(--color-border);--text-primary: var(--color-text);--text-secondary:var(--color-text-mid);--text-muted: var(--color-text-dim);--shadow: var(--shadow-sm);--glass: var(--color-overlay);--accent-muted: var(--color-accent-dim);--primary: var(--color-accent)}[data-theme=light]{--color-bg: #f9fafb;--color-sidebar: #ffffff;--color-surf: #ffffff;--color-surf2: #f3f4f6;--color-surf3: #e5e7eb;--color-elevated: #ffffff;--color-input: #f3f4f6;--color-overlay: rgba(255,255,255,.92);--color-border: rgba(0,0,0,.08);--color-border-bright:rgba(0,0,0,.15);--color-text: #111827;--color-text-mid: #6b7280;--color-text-dim: #9ca3af;--color-accent: #2563eb;--color-accent-alt: #1d4ed8;--color-accent-dim: rgba(37,99,235,.08);--color-accent-glow: rgba(37,99,235,.2);--color-on-accent: #ffffff;--gradient-primary: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);--color-green: #16a34a;--color-green-dim: rgba(22,163,74,.1);--color-yellow: #d97706;--color-yellow-dim: rgba(217,119,6,.1);--color-red: #dc2626;--color-red-dim: rgba(220,38,38,.1);--color-orange: #ea580c;--color-orange-dim: rgba(234,88,12,.1);--color-teal: #0d9488;--color-teal-dim: rgba(13,148,136,.1);--color-purple: #7c3aed;--color-purple-dim: rgba(124,58,237,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 8px 40px rgba(0,0,0,.1);--shadow-glow: 0 4px 20px rgba(37,99,235,.2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--bg-primary: var(--color-bg);--bg-sidebar: var(--color-sidebar);--bg-card: var(--color-surf);--bg-elevated: var(--color-elevated);--bg-input: var(--color-input);--bg-overlay: var(--color-overlay);--border: var(--color-border);--border-subtle: var(--color-border);--text-primary: var(--color-text);--text-secondary:var(--color-text-mid);--text-muted: var(--color-text-dim);--shadow: var(--shadow-sm);--glass: var(--color-overlay);--accent-muted: var(--color-accent-dim);--primary: var(--color-accent)}.ds-card{background:var(--color-surf);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm)}.glass-panel{background:var(--color-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}input:focus,select:focus{outline:none}select,select option{color:var(--color-text);background:var(--color-elevated)}select option{color:#111;background:#fff}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit}@keyframes fi{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fi{animation:fi .2s ease-out forwards}@keyframes fadeSwitch{0%{opacity:.4}to{opacity:1}}.fade-in{animation:fadeSwitch .2s ease-out}.mr{transition:background .1s}.mr:hover{background:var(--color-input)!important}.fb{transition:all .12s}.fb:hover{background:var(--color-input)!important}.fr{transition:background .1s}.fr:hover{background:var(--color-input)!important}.sc::-webkit-scrollbar{display:none}.tb{min-height:44px}.sidebar-bg{background:var(--color-sidebar)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px var(--color-accent-glow);font-family:inherit}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 20px var(--color-accent-glow)}.btn-primary:active{transform:translateY(0);filter:brightness(.95)}.btn-secondary{background:var(--color-accent-dim);color:var(--color-accent);border:1px solid var(--color-accent-dim);border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;font-family:inherit}.btn-secondary:hover{background:#1e90ff2e;border-color:var(--color-accent);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-mid);border:1px solid var(--color-border);border-radius:var(--radius-full);font-weight:600;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:inherit}.btn-ghost:hover{background:var(--color-accent-dim);color:var(--color-accent);border-color:var(--color-accent-dim)}.nav-item{transition:background .12s ease,color .12s ease;border-radius:8px;cursor:pointer}.nav-item:hover{background:var(--color-accent-dim)!important;color:var(--color-accent)!important}.card-hover{transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d,0 0 0 1px var(--color-accent-dim)!important}.row-hover{transition:background .1s ease}.row-hover:hover{background:var(--color-accent-dim)!important}@media(max-width:1023px){.desktop-only{display:none!important}}@media(min-width:1024px){.mobile-only{display:none!important}}@media(max-width:1023px){.main-content{padding-top:48px!important;padding-bottom:max(80px,calc(64px + env(safe-area-inset-bottom,0px)))!important}}@media(max-width:640px){.renderqc-compare{grid-template-columns:1fr!important}.finishes-grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))!important}}@media(max-width:768px){.catalogue-sidebar{display:none!important}.mobile-series-btn{display:flex!important}}@media(max-width:480px){.wheel-detail-page{padding:12px 12px 80px!important}}@media(max-width:520px){[class*=wheel-grid]{grid-template-columns:1fr!important}}@media(max-width:768px){.page-sidebar-grid{grid-template-columns:1fr!important}}.fullscreen-qc{position:fixed!important;inset:0!important;z-index:2000!important}.series-accordion-content{overflow:hidden;transition:max-height .25s ease,opacity .2s ease}div:hover>.img-qc-overlay{opacity:1!important;background:var(--color-accent-dim)!important}button,a{min-height:36px}@media(max-width:600px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)!important}.dash-two-col{grid-template-columns:1fr!important}.dash-page{padding:16px 14px 80px!important}.dash-hero{flex-direction:column!important;gap:12px!important}.dash-hero-big{font-size:36px!important}.dash-hero-progress{max-width:100%!important}}@media(max-width:900px){.dash-two-col{grid-template-columns:1fr!important}}