:root{--brand: #ea5b0c;--brand-hover: #ff6d1a;--brand-active: #d64f00;--brand-grad: linear-gradient(90deg, #ea5b0c, #ff7a2f);--primary-color: #ea5b0c;--primary-hover: #ff6d1a;--primary-active: #d64f00;--accent: #ea5b0c;--bg-0: #2c2c2c;--bg-1: #323232;--bg-2: #383838;--bg-3: #3e3e3e;--bg-4: #444444;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--text-disabled: rgba(255, 255, 255, .25);--border-subtle: rgba(255, 255, 255, .04);--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--glass-bg: rgba(255, 255, 255, .02);--glass-bg-hover: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 2px 8px rgba(0, 0, 0, .2);--glass-shadow-lg: 0 4px 16px rgba(0, 0, 0, .3);--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--error: #ef4444;--error-light: rgba(239, 68, 68, .1);--info: #3b82f6;--info-light: rgba(59, 130, 246, .1);--nmc: #ff6b9d;--nca: #c56cf0;--lco: #4b7bec;--lmo: #26de81;--lfp: #fc5c65;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow: 0 2px 4px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 12px rgba(0, 0, 0, .25);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease}[data-theme=light]{--bg-0: #f5f5f5;--bg-1: #ebebeb;--bg-2: #e0e0e0;--bg-3: #d6d6d6;--bg-4: #cccccc;--text-primary: rgba(0, 0, 0, .9);--text-secondary: rgba(0, 0, 0, .7);--text-tertiary: rgba(0, 0, 0, .5);--text-muted: rgba(0, 0, 0, .35);--text-disabled: rgba(0, 0, 0, .25);--border-subtle: rgba(0, 0, 0, .04);--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .2);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-hover: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 2px 8px rgba(0, 0, 0, .08);--glass-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12)}.bg-glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.bg-glass:hover{background:var(--glass-bg-hover)}.text-brand{color:var(--brand)}.text-primary-color{color:var(--primary-color)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-success{background-color:var(--success-light);color:var(--success)}.bg-warning{background-color:var(--warning-light);color:var(--warning)}.bg-error{background-color:var(--error-light);color:var(--error)}@font-face{font-family:Big John;font-style:normal;font-weight:400;src:url(/fonts/big_john.ttf) format("truetype");font-display:swap}*{font-weight:400!important}body,input,button,select,textarea{font-family:var(--font-ui)}:root{--font-display: "Big John", sans-serif;--font-body: "Roboto", sans-serif;--font-ui: "Roboto", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}.text-display{font-family:var(--font-display);margin-bottom:-.25em}.text-body{font-family:var(--font-body)}.text-ui{font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);color:#ffffffe6;margin:0;padding:0}h1{font-size:var(--text-3xl);font-weight:var(--font-bold)}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-lg);font-weight:var(--font-medium)}h5,h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#ffffffb3;margin:0 0 12px}p:last-child{margin-bottom:0}.text-primary{color:#ffffffe6}.text-secondary{color:#ffffffb3}.text-tertiary{color:#ffffff80}.text-muted{color:#fff6}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}strong,b{color:#ffffffe6;font-weight:var(--font-semibold)}em,i{font-style:italic;color:#fffc}code,pre{font-family:Courier New,monospace;font-size:12px;background:#0000004d;padding:2px 6px;border-radius:3px;color:#ffffffe6}pre{padding:12px;overflow-x:auto}*{box-sizing:border-box}html,body{width:100%;min-height:100vh}body{margin:0;padding:0}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg, 16px)}.container-fluid{width:100%;padding:0 var(--space-lg, 16px)}.grid{display:grid;gap:var(--space-md, 12px)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md, 12px)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md, 12px)}.gap-xs{gap:var(--space-xs, 4px)}.gap-sm{gap:var(--space-sm, 8px)}.gap-md{gap:var(--space-md, 12px)}.gap-lg{gap:var(--space-lg, 16px)}.gap-xl{gap:var(--space-xl, 20px)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.m-0{margin:0}.m-xs{margin:var(--space-xs, 4px)}.m-sm{margin:var(--space-sm, 8px)}.m-md{margin:var(--space-md, 12px)}.m-lg{margin:var(--space-lg, 16px)}.m-xl{margin:var(--space-xl, 20px)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs, 4px)}.mt-sm{margin-top:var(--space-sm, 8px)}.mt-md{margin-top:var(--space-md, 12px)}.mt-lg{margin-top:var(--space-lg, 16px)}.mt-xl{margin-top:var(--space-xl, 20px)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs, 4px)}.mb-sm{margin-bottom:var(--space-sm, 8px)}.mb-md{margin-bottom:var(--space-md, 12px)}.mb-lg{margin-bottom:var(--space-lg, 16px)}.mb-xl{margin-bottom:var(--space-xl, 20px)}.p-0{padding:0}.p-xs{padding:var(--space-xs, 4px)}.p-sm{padding:var(--space-sm, 8px)}.p-md{padding:var(--space-md, 12px)}.p-lg{padding:var(--space-lg, 16px)}.p-xl{padding:var(--space-xl, 20px)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--space-xs, 4px)}.pt-sm{padding-top:var(--space-sm, 8px)}.pt-md{padding-top:var(--space-md, 12px)}.pt-lg{padding-top:var(--space-lg, 16px)}.pt-xl{padding-top:var(--space-xl, 20px)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--space-xs, 4px)}.pb-sm{padding-bottom:var(--space-sm, 8px)}.pb-md{padding-bottom:var(--space-md, 12px)}.pb-lg{padding-bottom:var(--space-lg, 16px)}.pb-xl{padding-bottom:var(--space-xl, 20px)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.fact-sheet-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg, 16px);margin-top:var(--space-lg, 16px)}@media (min-width: 768px){.fact-sheet-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.fact-sheet-cards.three-col{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.hide-mobile{display:none}}@media (min-width: 768px){.hide-desktop{display:none}}.fact-card{position:relative}.flipcard-inner{position:relative;width:100%;height:auto;transition:transform .6s;transform-style:preserve-3d}.flipcard-front,.flipcard-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipcard-back{position:absolute;top:0;left:0;height:100%;transform:rotateY(180deg);overflow-y:auto}.flipcard-back::-webkit-scrollbar{width:6px}.flipcard-back::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.flipcard-back::-webkit-scrollbar-thumb{background:#ea5b0c4d;border-radius:3px}.flipcard-back::-webkit-scrollbar-thumb:hover{background:#ea5b0c80}.flip-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.flip-btn:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.flip-content{padding:16px 0;font-family:Roboto,sans-serif;font-size:13px;line-height:1.6;color:#ffffffb3}.flip-content p{margin-bottom:12px}.flip-content ul{list-style:none;padding:0;margin:0}.flip-content li{padding:6px 0 6px 16px;position:relative}.flip-content li:before{content:"•";position:absolute;left:0;color:var(--primary-color, #0d7c99)}.flip-content strong{color:#ffffffe6}.value-card-main,.chem-value-main{display:flex;align-items:center;justify-content:center;padding:19px 24px;margin-bottom:12px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#fff;text-align:center;transition:all .2s ease}.value-card-main:hover,.chem-value-main:hover{border-color:#ffffff1f;box-shadow:0 4px 16px #0006}.card-title,.column-title{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:12px;text-transform:none}.spec-category{font-family:Roboto,sans-serif;font-size:11px;color:#ffffff80;text-transform:uppercase;font-weight:600;margin-bottom:8px}:root,[data-theme=dark]{--bg-0: #2c2c2c;--bg-1: #323232;--bg-2: #2f2f2f;--ink: #f0f1f3;--muted: #b5bac0;--card: #2f2f2f;--card-glass: rgba(55, 55, 55, .8);--card-border: rgba(234, 91, 12, .25);--card-border-strong: rgba(234, 91, 12, .4);--chip: #383838;--chip-border: #454545;--line: #404040;--shadow: 0 4px 24px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-strong: 0 8px 40px rgba(0, 0, 0, .9), 0 0 50px rgba(234, 91, 12, .3);--inset: inset 0 1px 0 rgba(255, 255, 255, .12);--blur: blur(80px) saturate(250%);--noise-opacity: .07}[data-theme=light]{--bg-0: #ffffff;--bg-1: #fafafa;--bg-2: #f5f5f5;--ink: #1a1a1a;--muted: #666666;--card: #ffffff;--card-glass: rgba(255, 255, 255, .98);--card-border: rgba(234, 91, 12, .15);--card-border-strong: rgba(234, 91, 12, .25);--chip: #f5f5f5;--chip-border: #e0e0e0;--line: #e8e8e8;--shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .03);--shadow-strong: 0 4px 24px rgba(0, 0, 0, .1), 0 0 30px rgba(234, 91, 12, .06);--inset: inset 0 1px 0 rgba(255, 255, 255, .9);--blur: blur(80px) saturate(250%);--noise-opacity: .012;--plot-bg: #ffffff;--plot-grid: #f0f0f0;--plot-text: #1a1a1a}[data-theme=light] body{background:radial-gradient(1000px 800px at 50% -20%,rgba(234,91,12,.03),transparent 70%),linear-gradient(180deg,#fff,#fefefe,#fcfcfc);background-attachment:fixed}.settings-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(80px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.settings-dialog{width:90%;max-width:600px;max-height:85vh;background:linear-gradient(135deg,var(--card-glass) 0%,var(--card) 100%);backdrop-filter:var(--blur);border:1px solid var(--card-border-strong);border-radius:24px;box-shadow:var(--shadow-strong);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--line)}.settings-title{font-family:var(--font-body);font-size:18px;color:var(--ink);text-transform:uppercase;margin:0;font-weight:var(--font-weight-bold)}.settings-close{width:32px;height:32px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.settings-close:hover{background:var(--chip);border-color:var(--brand);color:var(--brand);transform:scale(1.05)}.settings-categories{display:flex;gap:12px;padding:0 32px 20px;border-bottom:1px solid var(--line);overflow-x:auto}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;color:var(--muted);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:var(--font-body);font-size:13px;font-weight:var(--font-weight-normal)}.category-btn:hover{color:var(--ink);background:var(--chip)}.category-btn.active{color:var(--brand);border-bottom-color:var(--brand);background:transparent}.category-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.category-icon svg{stroke:currentColor}.category-label{font-size:13px}.settings-content{flex:1;overflow-y:auto;padding:32px}.settings-section{margin-bottom:40px}.settings-section-title{font-family:var(--font-body);font-size:14px;color:var(--brand);text-transform:uppercase;margin:0 0 8px;font-weight:var(--font-weight-bold)}.settings-section-desc{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 20px}.option-group{display:grid;gap:12px;margin-bottom:16px}.theme-option,.data-option{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--chip);border:1px solid var(--chip-border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:left;position:relative;font-family:var(--font-body);font-size:13px;color:var(--ink)}.theme-option:hover,.data-option:hover{background:var(--card);border-color:var(--brand);transform:translate(4px)}.theme-option.active,.data-option.active{background:var(--bg-tile-gradient-hover);border-color:var(--brand);box-shadow:var(--shadow-tile-hover)}.option-content{flex:1;display:flex;flex-direction:column;gap:4px}.option-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:currentColor}.option-icon svg{stroke:currentColor}.option-label{font-family:var(--font-body);font-size:13px;color:var(--ink);font-weight:var(--font-weight-bold);margin:0}.option-desc{font-size:12px;color:var(--muted);margin:0}.option-check{font-size:16px;color:var(--brand);margin-left:auto}.option-hint{font-size:12px;color:var(--muted);margin:12px 0 0;padding:0}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.setting-item:last-child{border-bottom:none}.setting-label{font-family:var(--font-body);font-size:13px;color:var(--ink);font-weight:var(--font-weight-normal);flex:1}.setting-value{display:flex;align-items:center;gap:12px}.setting-value-text{font-family:Roboto Mono,monospace;font-size:13px;color:var(--muted)}.setting-input{padding:8px 12px;background:var(--chip);border:1px solid var(--chip-border);border-radius:6px;color:var(--ink);font-size:13px;font-family:var(--font-body);transition:all .2s ease}.setting-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #ea5b0c1a}.setting-select{padding:8px 12px;background:var(--chip);border:1px solid var(--chip-border);border-radius:6px;color:var(--ink);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .2s ease}.setting-select:hover{border-color:var(--brand)}.setting-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #ea5b0c1a}.setting-action-btn{padding:8px 16px;background:var(--chip);border:1px solid var(--chip-border);border-radius:6px;color:var(--ink);font-size:13px;font-family:var(--font-body);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease}.setting-action-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.setting-button{padding:10px 20px;background:var(--chip);border:1px solid var(--chip-border);border-radius:8px;color:var(--ink);font-size:13px;font-family:var(--font-body);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease}.setting-button:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-1px)}.setting-button.danger{color:#ef4444;border-color:#ef44444d}.setting-button.danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.setting-toggle{position:relative;width:44px;height:24px;background:var(--chip);border:1px solid var(--chip-border);border-radius:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.setting-toggle:hover{border-color:var(--brand)}.setting-toggle.active{background:linear-gradient(135deg,#ea5b0c4d,#ea5b0c33);border-color:var(--brand)}.setting-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--muted);border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0003}.setting-toggle.active .setting-toggle-thumb{left:22px;background:var(--brand)}.settings-hint{font-size:12px;color:var(--muted);margin:0;display:flex;align-items:center;gap:8px}.settings-hint kbd{display:inline-block;padding:4px 8px;background:var(--chip);border:1px solid var(--chip-border);border-radius:4px;font-family:Roboto Mono,monospace;font-size:11px;color:var(--brand)}.settings-footer{padding:20px 32px;border-top:1px solid var(--line);background:var(--chip)}.settings-footer-text{font-size:12px;color:var(--muted);text-align:center;margin:0}.settings-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--muted);font-size:20px;cursor:pointer;transition:all .3s ease}.settings-btn:hover{background:#ea5b0c1a;border-color:#ea5b0c4d;color:var(--brand);transform:rotate(45deg)}.settings-btn:active{transform:rotate(45deg) scale(.95)}[data-theme=light] .settings-btn{border-color:#0000001a}[data-theme=light] .settings-btn:hover{background:#ea5b0c14}.section-fact-sheet-v2{display:flex;flex-direction:column;gap:20px;padding:0}.key-specs-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px}.key-spec-column-stacked{display:flex;flex-direction:column;gap:12px;height:100%}.key-spec-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;position:relative;perspective:1000px}.key-spec-card:last-child{flex:1}.spec-list-horizontal{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec-list-horizontal .spec-row{grid-column:span 1}.key-spec-column{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;position:relative}.flipcard{perspective:1000px;transform-style:preserve-3d}.flipcard-inner{position:relative;width:100%;transition:transform .6s;transform-style:preserve-3d;height:auto;transform-origin:center center}.flipcard.flipped .flipcard-inner{transform:rotateY(180deg)}.flipcard-front,.flipcard-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;box-sizing:border-box;transform-style:preserve-3d;will-change:transform}.flipcard-front{display:flex;flex-direction:column;gap:12px;justify-content:space-between;position:relative;z-index:2;transform:rotateY(0);padding:16px}.flipcard-back{position:absolute;top:0;left:0;height:100%;transform:rotateY(180deg);display:flex;flex-direction:column;gap:12px;overflow-y:auto;z-index:1;padding:16px}.flip-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ea5b0c33;border:1px solid var(--brand);color:var(--brand);font-size:12px;font-weight:700;cursor:pointer;z-index:10;transition:all .2s}.flip-btn:hover{background:var(--brand);color:#fff;transform:scale(1.1)}.flip-content{font-size:11px;line-height:1.6;color:#fffc}.flip-content p{margin:0 0 12px}.flip-content ul{margin:0;padding-left:20px;list-style-type:disc}.flip-content li{margin-bottom:8px}.flip-content strong{color:var(--brand)}.color-legend{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.legend-items{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.4}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.stacked-columns{display:flex;flex-direction:column;gap:20px}.sub-section{display:flex;flex-direction:column;gap:12px}.column-title{display:flex;align-items:center;font-family:var(--font-display);font-size:1rem;font-weight:600;text-transform:uppercase;color:#ffffffe6;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.column-title-secondary{margin-top:8px;font-size:10px;opacity:.9}.column-title svg{width:16px;height:16px;opacity:.6}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(234,91,12,.3),transparent);margin:16px 0}.radar-container-compact{width:100%;height:250px;margin-bottom:20px}.score-badges-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.score-badge-inline{display:flex;align-items:center;justify-content:center;gap:8px;padding:19px 24px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d}.score-badge-inline svg{opacity:1;filter:drop-shadow(0 0 8px rgba(234,91,12,.4));flex-shrink:0}.score-value-unit{display:flex;flex-direction:column}.score-badge-inline .score-value{font-family:var(--font-display);font-weight:700;color:#fff;font-size:18px;line-height:1}.score-badge-inline .score-unit{font-size:9px;color:#ffffff80;text-transform:uppercase;line-height:1}.score-badge-inline .score-value-inline{font-family:var(--font-display);font-weight:700;color:var(--text);font-size:16px;line-height:1;white-space:nowrap}.score-badge-inline .score-unit-inline{font-size:12px;color:#fff9;font-weight:600;margin-left:2px;font-family:Roboto,sans-serif}.score-badge-inline.badge-energy{border-color:#ea5b0c4d;box-shadow:0 0 20px #ea5b0c33,0 2px 12px #0000004d}.score-badge-inline.badge-energy svg{stroke:#ea5b0c;filter:drop-shadow(0 0 8px rgba(234,91,12,.6))}.score-badge-inline.badge-energy .score-value-inline{color:#ea5b0c}.score-badge-inline.badge-power{border-color:#0d7c994d;box-shadow:0 0 20px #0d7c9933,0 2px 12px #0000004d}.score-badge-inline.badge-power svg{stroke:#0d7c99;filter:drop-shadow(0 0 8px rgba(13,124,153,.6))}.score-badge-inline.badge-power .score-value-inline{color:#0d7c99}.score-badge-inline.badge-safety{border-color:#a8a8a84d;box-shadow:0 0 20px #a8a8a833,0 2px 12px #0000004d}.score-badge-inline.badge-safety svg{stroke:#a8a8a8;filter:drop-shadow(0 0 8px rgba(168,168,168,.6))}.score-badge-inline.badge-safety .score-value-inline{color:#a8a8a8}.score-badge-inline.badge-lifetime{border-color:#4a4a4a4d;box-shadow:0 0 20px #4a4a4a33,0 2px 12px #0000004d}.score-badge-inline.badge-lifetime svg{stroke:#4a4a4a;filter:drop-shadow(0 0 8px rgba(74,74,74,.6))}.score-badge-inline.badge-lifetime .score-value-inline{color:#4a4a4a}.score-badge-inline.quality-average .score-value{color:#ffc107}.score-badge-inline.quality-poor{border-color:#f443364d;box-shadow:0 0 20px #f4433633,0 2px 12px #0000004d}.score-badge-inline.quality-poor svg{stroke:#f44336;filter:drop-shadow(0 0 8px rgba(244,67,54,.6))}.score-badge-inline.quality-poor .score-value{color:#f44336}.cell-3d-schematic{width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:8px;margin-bottom:12px}.cell-3d-schematic svg{max-width:90%;max-height:90%}.quality-content{display:flex;flex-direction:column;gap:6px;padding:0}.quality-badges{display:flex;flex-direction:column;gap:8px;padding:0}.quality-badges .score-badge-inline{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border-radius:4px;border:none;gap:12px}.quality-badges .score-circle-mini{width:10px;height:10px;border-radius:50%;flex-shrink:0}.quality-badges .score-info-mini{display:flex;justify-content:space-between;align-items:center;flex:1;gap:8px}.quality-badges .score-label-mini{font-size:.9rem;color:#fff9}.quality-badges .score-value-mini{font-size:.9rem;font-weight:600;color:#ffffffe6}.batch-variation-container{display:flex;flex-direction:column;gap:8px}.batch-plot-svg{display:block;width:100%;height:auto;min-height:100px}.batch-variation-empty{padding:30px 20px;text-align:center;color:#ffffff4d;font-style:italic;font-size:11px}.batch-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.batch-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px}.batch-stat .stat-label{font-size:10px;color:#fff9;font-weight:500}.batch-stat .stat-value{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--brand)}.batch-variation-empty{padding:40px 20px;text-align:center;color:#fff6;font-style:italic;font-size:12px}.quality-metrics{display:flex;flex-direction:column;gap:20px}.quality-metric-item{display:flex;flex-direction:column;gap:10px;padding:12px;background:#ea5b0c08;border-radius:8px;border:1px solid rgba(234,91,12,.1)}.metric-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-header .metric-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#ffffffb3;text-transform:uppercase}.metric-header svg{filter:drop-shadow(0 0 4px rgba(234,91,12,.5));stroke:var(--brand)}.metric-header .metric-value{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--brand)}.metric-bar{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative}.bar-progress{height:100%;border-radius:4px;transition:width .3s ease;position:relative;background:linear-gradient(90deg,rgba(234,91,12,.5),var(--brand));box-shadow:0 0 12px #ea5b0c99}.quality-rating-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ea5b0c08;border-radius:6px;border:1px solid rgba(234,91,12,.1);margin-top:8px}.rating-label{font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase}.quality-stars{display:flex;gap:4px}.quality-stars svg{filter:drop-shadow(0 0 3px rgba(234,91,12,.3))}.spec-list-compact{display:flex;flex-direction:column;gap:8px}.spec-list-minimal{gap:8px;display:flex;flex-direction:column}.spec-list-minimal .spec-row{padding:8px 12px;font-size:12px}.spec-row .spec-label{color:#fff9;font-family:Roboto,sans-serif;font-size:13px;font-weight:400;text-transform:none!important}.spec-row .spec-value{color:#ffffffe6;font-size:13px;font-weight:600;margin-bottom:0!important;display:flex;align-items:baseline;gap:3px}.spec-row .spec-value .value-num{font-family:Big John,sans-serif}.spec-row .spec-value .value-unit{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;text-transform:none}.spec-row span:not(.spec-label):not(.spec-value){color:#ffffffb3}.spec-row strong{color:#ffffffb3;font-weight:600}.spec-group{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px;background:#ffffff08;border-radius:6px;border-left:3px solid rgba(234,91,12,.5)}.spec-group-label{font-family:Big John,sans-serif;font-size:12px;font-weight:700;color:#fffc;margin-bottom:4px;text-transform:uppercase}.spec-group .spec-row{background:transparent;padding:4px 8px}.performance-grid{display:grid;grid-template-columns:1fr 3fr;gap:20px;align-items:start}.performance-left-column{display:flex;flex-direction:column;gap:20px}.performance-column{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:0;display:flex;flex-direction:column;gap:12px;height:100%}.performance-column .flipcard-front,.performance-column .flipcard-back{padding:16px}.electrical-column .flipcard-inner,.thermal-column .flipcard-inner{height:auto}.spec-list-performance{display:flex;flex-direction:column;gap:12px}.spec-row-perf{display:flex;flex-direction:column;gap:8px;padding:12px;background:#ffffff05;border-radius:6px;border-left:3px solid var(--brand)}.spec-label{font-size:11px;font-weight:600;color:#ffffffb3;text-transform:uppercase}.spec-values{display:flex;flex-wrap:wrap;gap:8px}.spec-values-grid{display:flex;flex-direction:column;gap:12px}.spec-value-row{display:flex;align-items:center;gap:12px}.value-sublabel{font-size:10px;color:#fff9;text-transform:uppercase;font-weight:600;min-width:40px}.spec-value-item{display:flex;flex-direction:column;gap:2px;flex:1;min-width:80px}.value-label{font-size:9px;color:#ffffff80;text-transform:uppercase}.spec-value-item strong{font-size:13px;font-weight:700;color:#fffffff2}.plots-column{display:flex;flex-direction:column;gap:16px;justify-content:space-between}.plot-wrapper{background:transparent;border:none;border-radius:8px;padding:10px;flex:1;min-height:328px;height:auto}.plot-title{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;color:#fff9;margin:0 0 12px}@media (max-width: 1900px){.key-specs-grid{grid-template-columns:repeat(3,1fr)}.performance-grid{grid-template-columns:1fr 2fr}}@media (max-width: 1400px){.key-specs-grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}.spec-values{flex-direction:row}}@media (max-width: 1024px){.key-specs-grid{grid-template-columns:1fr}.score-badges-compact{grid-template-columns:repeat(4,1fr)}.stacked-columns{flex-direction:row;gap:20px}.stacked-columns>*{flex:1}}.mechanical-content-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;align-items:stretch}.mechanical-image-wrapper{grid-column:1 / 2;aspect-ratio:3/2}.mechanical-content-wrapper .spec-list-compact{grid-column:2 / 3;margin-top:0;display:flex;flex-direction:column;gap:.5rem}.mechanical-content-wrapper .spec-row{padding:.5rem 1rem;border-bottom:none}.mechanical-content-wrapper .spec-row:last-child{border-bottom:none}.chemical-section-new{padding:0;height:100%;overflow-y:auto}.chemical-section-new .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(234,91,12,.3)}.chemical-section-new .section-title{font-family:Big John,sans-serif;font-size:28px;font-weight:700;color:#ea5b0c;margin:0;text-transform:uppercase}.chemical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chemical-section-new .key-spec-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;position:relative;perspective:1000px;transition:transform .2s ease}.chemical-section-new .key-spec-card:hover{transform:translateY(-2px)}.chemical-section-new .flip-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);color:#ea5b0c;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.chemical-section-new .flip-btn:hover{background:#ea5b0c40;border-color:#ea5b0c;transform:scale(1.1)}.chemical-section-new .flipcard{transform-style:preserve-3d}.chemical-section-new .flipcard-inner{position:relative;width:100%;transition:transform .6s;transform-style:preserve-3d;height:auto;transform-origin:center center}.chemical-section-new .flipcard.flipped .flipcard-inner{transform:rotateY(180deg)}.chemical-section-new .flipcard-front,.chemical-section-new .flipcard-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;transform-style:preserve-3d;will-change:transform;padding:16px}.chemical-section-new .flipcard-front{position:relative;z-index:2;transform:rotateY(0)}.chemical-section-new .flipcard-back{position:absolute;top:0;left:0;height:100%;transform:rotateY(180deg);z-index:1;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-radius:12px;overflow-y:auto}.chemical-section-new .column-title{display:flex;align-items:center;font-family:var(--font-display);font-size:1rem;font-weight:600;text-transform:uppercase;color:#ffffffe6;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.chemical-section-new .chem-value-main{display:flex;align-items:center;justify-content:center;padding:19px 24px;margin-bottom:12px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#ffffffe6;text-align:center}.chemical-section-new .spec-category{font-family:Roboto,sans-serif;font-size:11px;color:#ffffff80;text-transform:uppercase;font-weight:600}.chemical-section-new .spec-main-value{margin-bottom:12px}.chemical-section-new .spec-value-large{font-family:Big John,sans-serif;font-size:28px;font-weight:700;color:#ea5b0c;line-height:1.2}.chemical-section-new .spec-sublabel{font-family:Roboto,sans-serif;font-size:12px;color:#fff9;margin-top:4px}.chemical-section-new .spec-list{display:flex;flex-direction:column;gap:8px;flex:1;margin-top:12px}.chemical-section-new .spec-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff05;border-radius:4px;font-size:13px;box-shadow:0 1px 3px #0003}.chemical-section-new .spec-label{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#fff9;text-transform:none!important}.chemical-section-new .spec-value{font-size:13px;font-weight:600;color:#ffffffb3;display:flex;align-items:baseline;gap:3px}.chemical-section-new .spec-value .value-num{font-family:Big John,sans-serif}.chemical-section-new .spec-value .value-unit{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;text-transform:none}.chemical-section-new .spec-detail-content{display:flex;flex-direction:column;gap:12px;flex:1}.chemical-section-new .spec-detail-content h4{font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#ea5b0c;margin:0 0 8px}.chemical-section-new .spec-detail-content p{font-family:Roboto,sans-serif;font-size:13px;line-height:1.7;color:#fffc;margin:0}.chemical-section-new .spec-detail-content strong{color:#fff;font-weight:600}.chemical-section-new .detail-metric{display:flex;flex-direction:column;gap:4px;padding:12px;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.2);border-radius:8px;margin-top:auto}.chemical-section-new .detail-label{font-family:Roboto,sans-serif;font-size:11px;color:#ffffff80;text-transform:uppercase}.chemical-section-new .detail-value{font-family:Big John,sans-serif;font-size:16px;font-weight:700;color:#ea5b0c}.chemical-section-new::-webkit-scrollbar{width:8px}.chemical-section-new::-webkit-scrollbar-track{background:#0003;border-radius:4px}.chemical-section-new::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:4px}.chemical-section-new::-webkit-scrollbar-thumb:hover{background:#ea5b0ccc}@media (max-width: 768px){.chemical-section-new{padding:16px}.chemical-grid{grid-template-columns:1fr;gap:16px}.chemical-section-new .spec-value-large{font-size:24px}}.chemical-card{position:relative;perspective:1200px;height:400px;cursor:pointer;transition:transform .2s ease}.chemical-card:hover{transform:translateY(-4px)}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}.chemical-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 4px 20px #0000004d;padding:32px;display:flex;flex-direction:column;overflow-y:auto}.card-back{transform:rotateY(180deg)}.card-icon{font-size:48px;margin-bottom:20px;text-align:center;filter:drop-shadow(0 0 10px rgba(234,91,12,.3))}.card-front h3{font-family:Big John,sans-serif;font-size:24px;font-weight:700;color:#fff;text-align:center;margin:0 0 20px}.chemistry-badge{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#ea5b0c26,#0d7c9926);border:2px solid rgba(234,91,12,.3);border-radius:12px;padding:32px;margin-bottom:20px}.chem-abbr{font-family:Big John,sans-serif;font-size:48px;font-weight:700;color:#ea5b0c;text-shadow:0 0 20px rgba(234,91,12,.5)}.chem-tech{font-family:Roboto,sans-serif;font-size:16px;color:#0d7c99;font-weight:600}.electrode-grid{flex:1;display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.electrode-item{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px;transition:all .3s ease}.electrode-item.cathode{border-left:3px solid #ea5b0c}.electrode-item.anode{border-left:3px solid #0d7c99}.electrode-label{font-family:Roboto,sans-serif;font-size:12px;color:#999;text-transform:uppercase;margin-bottom:8px}.electrode-value{font-family:Big John,sans-serif;font-size:20px;font-weight:700;color:#fff}.construction-grid,.origin-grid{flex:1;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.construction-row,.origin-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:8px;border-left:3px solid rgba(234,91,12,.3)}.cons-label,.origin-label{font-family:Roboto,sans-serif;font-size:13px;color:#999}.cons-value,.origin-value{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#fff}.card-footer{font-family:Roboto,sans-serif;font-size:12px;color:#ea5b0ccc;text-align:center;padding:12px;background:#ea5b0c14;border-radius:8px;border:1px solid rgba(234,91,12,.2)}.card-back-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.back-icon{font-size:32px}.card-back h3{font-family:Big John,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0}.iupac-content{flex:1;display:flex;flex-direction:column;gap:20px}.iupac-formula{font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:#ea5b0c;line-height:1.6;padding:16px;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.2);border-radius:8px}.full-cell-chem{padding:16px;background:#0d7c991a;border:1px solid rgba(13,124,153,.2);border-radius:8px}.chem-label{font-family:Roboto,sans-serif;font-size:12px;color:#999;text-transform:uppercase;margin-bottom:8px}.chem-formula{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#0d7c99;line-height:1.6}.chem-description{font-family:Roboto,sans-serif;font-size:13px;line-height:1.7;color:#fffc}.chem-description p{margin:0}.material-specs{flex:1;display:flex;flex-direction:column;gap:20px}.spec-section{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.spec-header{font-family:Big John,sans-serif;font-size:16px;font-weight:700;color:#ea5b0c;margin-bottom:12px}.spec-detail{font-family:Roboto,sans-serif;font-size:13px;line-height:1.8;color:#fffc;margin-bottom:8px}.spec-detail:last-child{margin-bottom:0}.spec-detail strong{color:#fff;font-weight:600}.construction-specs{flex:1;display:flex;flex-direction:column;gap:16px}.spec-group{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.spec-title{font-family:Roboto,sans-serif;font-size:12px;color:#999;text-transform:uppercase;margin-bottom:8px}.spec-value{font-family:Big John,sans-serif;font-size:16px;font-weight:700;color:#ea5b0c;margin-bottom:8px}.spec-desc{font-family:Roboto,sans-serif;font-size:13px;line-height:1.6;color:#ffffffb3}.origin-specs{flex:1;display:flex;flex-direction:column;gap:12px}.info-row{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#ffffff08;border-radius:8px;border-left:3px solid rgba(234,91,12,.3)}.info-label{font-family:Roboto,sans-serif;font-size:11px;color:#999;text-transform:uppercase}.info-value{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#fff}.manufacturer-note{margin-top:12px;padding:16px;background:#0d7c991a;border:1px solid rgba(13,124,153,.2);border-radius:8px;font-family:Roboto,sans-serif;font-size:12px;line-height:1.7;color:#ffffffb3}.chemical-section-new::-webkit-scrollbar,.card-front::-webkit-scrollbar,.card-back::-webkit-scrollbar{width:8px}.chemical-section-new::-webkit-scrollbar-track,.card-front::-webkit-scrollbar-track,.card-back::-webkit-scrollbar-track{background:#0003;border-radius:4px}.chemical-section-new::-webkit-scrollbar-thumb,.card-front::-webkit-scrollbar-thumb,.card-back::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:4px}.chemical-section-new::-webkit-scrollbar-thumb:hover,.card-front::-webkit-scrollbar-thumb:hover,.card-back::-webkit-scrollbar-thumb:hover{background:#ea5b0ccc}@media (max-width: 1200px){.chemical-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chem-abbr{font-size:40px}}@media (max-width: 900px){.chemical-section-new{padding:20px}.chemical-grid{grid-template-columns:1fr;gap:20px}.chemical-card{height:380px}.card-front,.card-back{padding:24px}}@media (max-width: 600px){.chemical-header h2{font-size:24px}.card-icon{font-size:36px}.chem-abbr{font-size:32px}.card-front h3{font-size:20px}}:root{--brand: #ea5b0c}.mechanical-section-new{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto}.mechanical-section-new .fact-sheet-header{margin-bottom:2rem}.mechanical-section-new .header-content{display:flex;flex-direction:column;gap:.5rem}.mechanical-section-new .header-main{display:flex;align-items:center;gap:1rem}.mechanical-section-new .section-title{font-family:Big John,sans-serif;font-size:1.8rem;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin:0}.mechanical-section-new .format-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:4px;font-family:Roboto Mono,monospace;font-size:.75rem;font-weight:600;color:var(--primary-color);text-transform:uppercase}.mechanical-section-new .section-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.mechanical-visuals{display:grid;grid-template-columns:1fr;gap:1.5rem}.visual-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:2rem;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;display:flex;flex-direction:column}.visual-card.full-width{grid-column:1 / -1;min-height:400px}.visual-card .card-title{font-family:Big John,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin:0 0 1rem;flex-shrink:0}.drawing-container{display:flex;align-items:center;justify-content:center;flex:1;background-color:#272727;border-radius:8px;padding:1rem}.drawing-container img{width:auto;height:auto;max-width:100%;max-height:100%;display:block;object-fit:contain}.drawing-container svg{width:100%;height:auto;display:block}.cell-mechanical-drawing,.mechanical-drawing-svg{width:100%;height:auto}.photo-container{display:flex;align-items:center;justify-content:center;height:calc(100% - 2rem)}.photo-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-tertiary)}.photo-placeholder svg{opacity:.3}.photo-placeholder p{margin:0;font-size:.9rem}.mechanical-data-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.mechanical-data-cards .fact-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:0;transition:all .2s ease;position:relative;perspective:1000px;box-shadow:0 4px 16px #0000004d}.mechanical-data-cards .fact-card:hover{border-color:#ea5b0c80;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mechanical-data-cards .flipcard{transform-style:preserve-3d}.mechanical-data-cards .flipcard-inner{position:relative;width:100%;height:auto;transition:transform .6s;transform-style:preserve-3d;transform-origin:center center}.mechanical-data-cards .flipcard.flipped .flipcard-inner{transform:rotateY(180deg)}.mechanical-data-cards .flipcard-front,.mechanical-data-cards .flipcard-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-radius:12px;transform-style:preserve-3d;will-change:transform}.mechanical-data-cards .flipcard-front{position:relative;z-index:2;transform:rotateY(0);padding:16px}.mechanical-data-cards .flipcard-back{position:absolute;top:0;left:0;height:100%;z-index:1;transform:rotateY(180deg);padding:16px}.mechanical-data-cards .flipcard-front{display:flex;flex-direction:column;gap:12px}.mechanical-data-cards .flipcard-back{position:absolute;top:0;left:0;height:100%;transform:rotateY(180deg);display:flex;flex-direction:column;gap:12px;overflow-y:auto}.mechanical-data-cards .flip-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ea5b0c33;border:1px solid var(--brand);color:var(--brand);font-size:12px;font-weight:700;cursor:pointer;z-index:10;transition:all .2s}.mechanical-data-cards .flip-btn:hover{background:var(--brand);color:#fff;transform:scale(1.1)}.mechanical-data-cards .column-title{font-family:Big John,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#ffffffe6;margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.mechanical-data-cards .flip-content{font-size:11px;line-height:1.6;color:#fffc}.mechanical-data-cards .flip-content p{margin:0 0 12px}.mechanical-data-cards .flip-content ul{margin:0;padding-left:20px;list-style-type:disc}.mechanical-data-cards .flip-content li{margin-bottom:8px}.mechanical-data-cards .flip-content strong{color:var(--brand)}.mechanical-data-cards .spec-list-minimal{gap:8px;display:flex;flex-direction:column;margin-top:12px}.mechanical-data-cards .spec-list-minimal .spec-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff05;border-radius:4px;font-size:13px;box-shadow:0 1px 3px #0003}.mechanical-data-cards .spec-list-minimal .spec-row .spec-label,.mechanical-data-cards .spec-list-minimal .spec-row span{color:#ffffffb3;font-size:13px;font-weight:400;text-transform:none!important}.mechanical-data-cards .spec-list-minimal .spec-row .spec-value,.mechanical-data-cards .spec-list-minimal .spec-row strong{color:#ffffffb3;font-size:13px;display:flex;align-items:baseline;gap:3px}.mechanical-data-cards .spec-list-minimal .spec-row .value-num,.mechanical-data-cards .spec-list-minimal .spec-row strong{font-family:Big John,sans-serif}.mechanical-data-cards .spec-list-minimal .spec-row .value-unit{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;text-transform:none}.mechanical-data-cards .card-title{font-family:Big John,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin:0 0 .25rem}.mechanical-data-cards .card-subtitle{font-size:.8rem;color:var(--text-secondary);font-weight:400}.mechanical-data-cards .card-content{display:flex;flex-direction:column;gap:.75rem}.data-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.data-row:last-child{border-bottom:none}.data-row.highlight{background:#ea5b0c0d;padding:.75rem;border-radius:4px;border-bottom:none;margin-top:.5rem}.data-label{font-size:.85rem;color:#fff9;font-weight:400}.data-value{font-family:Roboto,sans-serif;font-size:.95rem;font-weight:500;color:var(--text-primary);text-align:right}.data-row.highlight .data-value{color:var(--primary-color)}.safety-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.safety-feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;transition:all .2s ease;gap:8px}.safety-feature-card.active{border-color:#0d7c9966;background:linear-gradient(135deg,#0d7c9926,#0a5a6e33)}.safety-feature-card.inactive{opacity:.35;filter:grayscale(.5)}.safety-feature-card svg{width:24px;height:24px;stroke-width:2}.safety-feature-card.active svg{stroke:#0d7c99}.safety-feature-card.inactive svg{stroke:#fff6}.safety-feature-label{font-family:Big John,sans-serif;font-size:16px;font-weight:700;color:#fff;text-align:center}.safety-feature-card.active .safety-feature-label{color:#0d7c99}.safety-feature-desc{font-family:Roboto,sans-serif;font-size:11px;font-weight:400;color:#ffffff80;text-align:center;text-transform:uppercase}.safety-badge.inactive .badge-label{color:#fff6}.badge-desc{font-size:9px;color:#ffffff80;line-height:1.2;font-family:Roboto,sans-serif}@media (max-width: 768px){.mechanical-section-new{padding:1rem}.mechanical-visuals,.mechanical-data-cards{grid-template-columns:1fr}.mechanical-section-new .section-title{font-size:1.4rem}.safety-badges{grid-template-columns:repeat(2,1fr)}}.electrical-section-new{display:grid;grid-template-columns:280px 1fr;gap:20px;height:calc(100vh - 200px);min-height:600px}.electrical-nav{display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:20px;height:100%;overflow-y:auto}.electrical-nav::-webkit-scrollbar{width:8px}.electrical-nav::-webkit-scrollbar-track{background:#0003;border-radius:4px}.electrical-nav::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:4px;transition:background .2s}.electrical-nav::-webkit-scrollbar-thumb:hover{background:#ea5b0ccc}.electrical-nav{scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) rgba(0,0,0,.2)}.nav-header{margin-bottom:10px}.nav-header h3{font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 5px}.nav-subtitle{font-family:Roboto,sans-serif;font-size:12px;color:#999}.category-list{display:flex;flex-direction:column;gap:10px}.category-card{position:relative;display:flex;align-items:center;gap:15px;padding:16px;min-height:80px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;cursor:pointer;transition:all .3s ease;text-align:left}.category-card:hover{border-color:#ea5b0c33;box-shadow:0 4px 20px #0006;transform:translate(4px)}.category-card.active{background:linear-gradient(135deg,#4b4946e6,#413e3a);border-color:#ea5b0c99;box-shadow:0 0 20px #ea5b0c33}.category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ea5b0c1a;border-radius:8px;flex-shrink:0}.category-icon svg{width:20px;height:20px;color:#ea5b0c;stroke-width:2}.category-card.active .category-icon{background:#ea5b0c33}.category-info{flex:1}.category-label{font-family:Big John,sans-serif;font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.category-desc{font-family:Roboto,sans-serif;font-size:11px;color:#999;line-height:1.3}.category-indicator{position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#ea5b0c;border-radius:2px 0 0 2px}.sidebar-basis-selector{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.basis-label{font-family:Roboto,sans-serif;font-size:12px;color:#999;margin-bottom:10px;text-transform:uppercase}.basis-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.basis-btn{padding:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#999;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.basis-btn:hover:not(.disabled){background:#ffffff0d;border-color:#ea5b0c4d;color:#ea5b0c}.basis-btn.active{background:#ea5b0c26;border-color:#ea5b0c;color:#ea5b0c}.basis-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.electrical-main{display:flex;flex-direction:column;gap:20px;height:100%;overflow:hidden}.dimension-btn.disabled,.dimension-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.dim-icon{font-size:28px;transition:transform .3s ease}.dimension-btn.active .dim-icon{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(234,91,12,.6))}.dim-info{display:flex;flex-direction:column;gap:2px;text-align:left}.dim-label{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:inherit}.dim-sublabel{font-family:Roboto,sans-serif;font-size:11px;color:#888}.dimension-btn.active .dim-sublabel{color:#ea5b0c}.stepper-line{width:40px;height:2px;background:linear-gradient(to right,#ea5b0c4d,#ea5b0c1a);flex-shrink:0}.dimension-content{flex:1;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:30px;overflow:hidden;display:flex;flex-direction:column}.dimension-view-container{display:flex;flex-direction:column;height:100%;gap:20px}.guide-question{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;font-style:normal;color:#999;text-align:center;padding:12px 20px;background:#ea5b0c0d;border-left:3px solid #ea5b0c;border-radius:6px;margin:0 0 16px;line-height:1.5}.section-info-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;margin:0 0 20px;background:linear-gradient(135deg,#0d7c9914,#0d7c990a);border:1px solid rgba(13,124,153,.2);border-left:3px solid #0d7c99;border-radius:8px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.section-info-banner svg{flex-shrink:0;color:#0d7c99;margin-top:2px}.section-info-banner .info-banner-content{flex:1;font-family:Roboto,sans-serif;font-size:12px;line-height:1.5;color:#fffc}.section-info-banner .info-banner-content strong{color:#fffffff2;font-weight:600}.dimension-1d{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.kpi-large{text-align:center;padding:40px;background:radial-gradient(circle at center,rgba(234,91,12,.1),transparent);border-radius:20px;border:2px solid rgba(234,91,12,.2)}.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.kpi-row.kpi-row-4cols{grid-template-columns:repeat(4,1fr);gap:15px}.kpi-row.kpi-row-4cols .kpi-large{padding:20px 15px}.kpi-row.single-column{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.kpi-row .kpi-large{padding:30px 25px}.kpi-highlighted{border-color:var(--kpi-color, rgba(234, 91, 12, .5));background:radial-gradient(circle at center,color-mix(in srgb,var(--kpi-color, #ea5b0c) 15%,transparent),transparent);transform:scale(1.02);transition:all .3s ease}.kpi-highlighted .kpi-value{color:var(--kpi-color, #ea5b0c);text-shadow:0 0 30px color-mix(in srgb,var(--kpi-color, #ea5b0c) 50%,transparent)}.kpi-dimmed{opacity:.5}.multi-cell-1d-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;height:100%;align-content:start}.cell-1d-card{background:var(--bg-secondary);border-radius:12px;padding:16px;border-left-width:4px;border-left-style:solid;transition:transform .2s ease,box-shadow .2s ease}.cell-1d-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.cell-1d-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.cell-1d-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cell-1d-name{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-1d-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi-compact{text-align:center;padding:16px 12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.kpi-compact .kpi-value{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.kpi-compact .kpi-unit{font-family:var(--font-body);font-size:11px;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:6px}.kpi-compact .kpi-label{font-family:var(--font-body);font-size:11px;color:var(--text-secondary);font-weight:500}.cell-1d-kpis .kpi-compact:only-child{grid-column:1 / -1;border-color:#ea5b0c1a;transition:all .3s ease}.kpi-dimmed .kpi-value{color:#999;text-shadow:none}.kpi-value{font-family:Big John,sans-serif;font-size:72px;font-weight:700;color:#ea5b0c;line-height:1;margin-bottom:10px;text-shadow:0 0 30px rgba(234,91,12,.4)}.kpi-unit{font-family:Roboto,sans-serif;font-size:24px;color:#fff;margin-bottom:20px}.kpi-label{font-family:Roboto,sans-serif;font-size:14px;color:#999;max-width:500px}.explore-btn{display:flex;align-items:center;gap:12px;padding:19px 32px;background:linear-gradient(135deg,#ea5b0c,#f73);border:none;border-radius:8px;color:#fff;font-family:Big John,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ea5b0c4d}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ea5b0c80}.btn-icon{font-size:18px}.plot-grid-2d.single-plot{grid-template-columns:1fr}.plot-grid-2d.single-plot .plot-card:nth-child(2){display:none}.plot-grid-2d.bode-plots{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:16px}.plot-grid-2d.bode-plots .plot-card{display:block}.plot-card{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;overflow:hidden}.combine-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 28px;background:#ea5b0c1a;border:1px solid #ea5b0c;border-radius:8px;color:#ea5b0c;font-family:Big John,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:center}.combine-btn:hover{background:#ea5b0c33;box-shadow:0 0 20px #ea5b0c4d;transform:scale(1.05)}.plot-3d-container{flex:1;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;overflow:hidden;min-height:0}.split-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 28px;background:#0d7c991a;border:1px solid #0d7c99;border-radius:8px;color:#0d7c99;font-family:Big John,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:center}.split-btn:hover{background:#0d7c9933;box-shadow:0 0 20px #0d7c994d;transform:scale(1.05)}@media (max-width: 1200px){.electrical-section-new{grid-template-columns:240px 1fr}.category-card{padding:12px;gap:12px}.category-icon{width:36px;height:36px;font-size:24px}.dimension-btn{padding:12px 16px}}@media (max-width: 900px){.electrical-section-new{grid-template-columns:1fr;gap:15px}.electrical-nav{flex-direction:row;overflow-x:auto;padding:15px}.category-list{flex-direction:row}.category-card{min-width:200px}.plot-grid-2d{grid-template-columns:1fr}}.thermal-section-new{display:grid;grid-template-columns:280px 1fr;gap:20px;height:calc(100vh - 200px);min-height:600px}.thermal-nav{display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:20px;height:100%;overflow-y:auto}.thermal-nav::-webkit-scrollbar{width:8px}.thermal-nav::-webkit-scrollbar-track{background:#0003;border-radius:4px}.thermal-nav::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:4px;transition:background .2s}.thermal-nav::-webkit-scrollbar-thumb:hover{background:#ea5b0ccc}.thermal-nav{scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) rgba(0,0,0,.2)}.thermal-content{display:flex;flex-direction:column;gap:20px;height:100%;overflow:hidden}.content-header{padding:0 10px}.content-header h2{font-family:Big John,sans-serif;font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.content-subtitle{font-family:Roboto,sans-serif;font-size:14px;color:#999;margin:0}.dimension-stepper{display:flex;align-items:center;gap:0;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:12px 20px}.dimension-btn{flex:1;display:flex;align-items:center;gap:12px;padding:19px 24px;background:transparent;border:1px solid transparent;border-radius:8px;color:#999;cursor:pointer;transition:all .3s ease;position:relative}.dimension-btn:hover{background:#ffffff0d;border-color:#ea5b0c33}.dimension-btn.active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}.dim-icon{font-size:28px;flex-shrink:0;transition:transform .3s ease}.dimension-btn:hover .dim-icon{transform:scale(1.1)}.dimension-btn.active .dim-icon{filter:drop-shadow(0 0 8px rgba(234,91,12,.5))}.dim-label{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.dim-title{font-family:Roboto,sans-serif;font-size:16px;font-weight:600;color:inherit}.dim-desc{font-family:Roboto,sans-serif;font-size:12px;color:#ffffff80}.dimension-btn.active .dim-desc{color:#ffffffb3}.dimension-selector{display:none}.dimension-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.dimension-control-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.05)}.dimension-control-bar .control-label{font-family:Roboto,sans-serif;font-size:10px;text-transform:uppercase;color:#666;font-weight:500}.dimension-control-bar .control-buttons{display:flex;gap:0;background:#0000004d;border-radius:6px;padding:2px;border:1px solid rgba(255,255,255,.08)}.dimension-control-bar .control-btn{padding:6px 14px;background:transparent;border:none;border-radius:4px;color:#999;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.dimension-control-bar .control-btn:hover{color:#cfd2d6}.dimension-control-bar .control-btn.active{background:#ea5b0c26;color:#ea5b0c;font-weight:600}.dimension-1d{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:30px}.kpi-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:40px;max-width:800px;margin:0 auto}.kpi-tile{text-align:center;padding:30px 20px;background:#0003;border:2px solid;border-radius:12px;transition:all .3s ease}.kpi-tile:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0006}.kpi-tile .kpi-value{font-family:Big John,sans-serif;font-size:48px;font-weight:700;margin-bottom:10px}.kpi-tile .kpi-unit{font-family:Roboto,sans-serif;font-size:20px;color:#999;margin-bottom:15px}.kpi-tile .kpi-label{font-family:Roboto,sans-serif;font-size:14px;color:#cfd2d6;text-transform:uppercase;letter-spacing:1px;font-weight:500}.kpi-row{display:flex;gap:40px;align-items:center;justify-content:center}.kpi-large{text-align:center;cursor:pointer;transition:all .2s ease;padding:20px;border-radius:8px}.kpi-row .kpi-large{opacity:.5;transform:scale(.95)}.kpi-row .kpi-large.active{opacity:1;transform:scale(1);background:#ea5b0c1a}.kpi-row .kpi-large:hover{opacity:.8}.kpi-large .kpi-value{font-family:Big John,sans-serif;font-size:64px;font-weight:700;color:#ea5b0c;margin-bottom:10px}.kpi-large .kpi-unit{font-family:Roboto,sans-serif;font-size:28px;color:#999;margin-bottom:20px}.kpi-large .kpi-label{font-family:Roboto,sans-serif;font-size:16px;color:#cfd2d6}.dimension-2d{display:flex;flex-direction:column;height:100%;gap:20px}.plot-grid-2d{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;min-height:0}.plot-card{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;overflow:hidden;height:100%}.dimension-3d{display:flex;flex-direction:column;height:100%;gap:20px}.plot-3d-container{flex:1;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;overflow:hidden;height:100%}@media (max-width: 1200px){.thermal-section-new{grid-template-columns:240px 1fr}}@media (max-width: 900px){.thermal-section-new{grid-template-columns:1fr;gap:15px}.thermal-nav{flex-direction:row;overflow-x:auto;padding:15px}.category-list{flex-direction:row}.category-card{min-width:200px}}.category-value{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:#ea5b0c;line-height:1.3}.value-unit{font-size:11px;font-weight:400;color:#999;margin-left:2px;text-transform:none}.category-value-na{font-family:Roboto,sans-serif;font-size:11px;color:#666;font-style:italic}.category-values-chips{display:flex;flex-direction:column;gap:6px;margin-top:8px}.value-chip{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:6px;border:1px solid;font-family:Roboto,sans-serif;transition:all .2s ease;background:#00000026}.value-chip:hover{transform:translate(3px);box-shadow:0 2px 8px #0000004d}.value-chip-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.value-chip-value{font-size:13px;font-weight:700}.value-chip-unit{font-size:10px;font-weight:400;margin-left:3px;opacity:.7}.guide-question{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;font-style:normal;color:#999;text-align:center;padding:12px 20px;background:#ea5b0c0d;border-left:3px solid #ea5b0c;border-radius:6px;margin:0 0 20px;line-height:1.5}.quality-section-new{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1400px;margin:0 auto}.quality-section-unified{display:flex;flex-direction:column;gap:24px;width:100%}.quality-content-unified{display:flex;flex-direction:column;gap:24px}.quality-content-sidebyside{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.quality-batch-card,.quality-aging-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:0;transition:all .3s ease;height:100%;display:flex;flex-direction:column;position:relative;perspective:1000px}.quality-batch-card:hover,.quality-aging-card:hover{border-color:#ea5b0c4d;box-shadow:0 4px 20px #0006}.quality-batch-card .flip-btn,.quality-aging-card .flip-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);color:#ea5b0c;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.quality-batch-card .flip-btn:hover,.quality-aging-card .flip-btn:hover{background:#ea5b0c40;border-color:#ea5b0c;transform:scale(1.1)}.quality-batch-card.flipcard,.quality-aging-card.flipcard{transform-style:preserve-3d}.quality-batch-card .flipcard-inner,.quality-aging-card .flipcard-inner{position:relative;width:100%;height:auto;transition:transform .6s;transform-style:preserve-3d;display:flex;flex-direction:column;flex:1;transform-origin:center center}.quality-batch-card.flipped .flipcard-inner,.quality-aging-card.flipped .flipcard-inner{transform:rotateY(180deg)}.quality-batch-card .flipcard-front,.quality-batch-card .flipcard-back,.quality-aging-card .flipcard-front,.quality-aging-card .flipcard-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;transform-style:preserve-3d;will-change:transform;padding:24px;box-sizing:border-box}.quality-batch-card .flipcard-front,.quality-aging-card .flipcard-front{position:relative;z-index:2;transform:rotateY(0)}.quality-batch-card .flipcard-back,.quality-aging-card .flipcard-back{position:absolute;top:0;left:0;height:100%;z-index:1;transform:rotateY(180deg);overflow-y:auto;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%)}.quality-batch-card .flip-content,.quality-aging-card .flip-content{font-size:12px;line-height:1.6;color:#fffc}.quality-batch-card .flip-content p,.quality-aging-card .flip-content p{margin:0 0 12px}.quality-batch-card .flip-content strong,.quality-aging-card .flip-content strong{color:var(--brand, #ea5b0c)}.quality-batch-card .card-subtitle,.quality-aging-card .card-subtitle{font-family:Roboto,sans-serif;font-size:13px;color:#ffffff80;margin:-8px 0 20px}.batch-plots-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);margin-bottom:24px}.batch-plot-container{display:flex;flex-direction:column;gap:8px}.batch-plot-container .plot-subtitle{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:#ffffffb3;margin:0;text-align:center}.batch-plot-container .plot-container{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm);height:320px;width:100%;overflow:hidden;position:relative;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.batch-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-light)}.batch-stat-block,.aging-stat-block{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);transition:all var(--transition)}.batch-stat-block:hover,.aging-stat-block:hover{background:var(--glass-bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.batch-stat-block .stat-block-title,.aging-stat-block .stat-block-title{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px}.stat-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.stat-group:last-child{margin-bottom:0}.stat-group-title{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:#ffffffb3;margin-bottom:4px}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border-radius:6px;transition:background .2s ease}.spec-row:hover{background:#ffffff0a}.spec-row .spec-label{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#fff9}.spec-row .spec-value{font-family:Big John,sans-serif;font-size:14px;font-weight:600;color:#fffffff2;display:flex;align-items:baseline;gap:4px}.spec-row .spec-value .value-num{color:#0d7c99}.spec-row .spec-value .value-unit{font-family:Roboto,sans-serif;font-size:11px;font-weight:400;color:#ffffff80}.aging-stats-grid{display:flex;flex-direction:column;gap:var(--space-2xl);flex:1}.quality-batch-card .quality-value-main,.quality-aging-card .quality-value-main{display:flex;align-items:baseline;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-sm);background:linear-gradient(135deg,#0d7c9914,#0d7c9908);border:1px solid rgba(13,124,153,.15);border-radius:var(--radius-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.quality-batch-card .quality-value-main .value-number,.quality-aging-card .quality-value-main .value-number{font-family:Big John,sans-serif;font-size:28px;font-weight:700;color:#fff}.quality-batch-card .quality-value-main .value-unit,.quality-aging-card .quality-value-main .value-unit{font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#ffffffb3}.quality-batch-card .quality-value-main.aging .value-number,.quality-aging-card .quality-value-main.aging .value-number{color:var(--text-secondary)}.quality-batch-card .quality-sublabel,.quality-aging-card .quality-sublabel{font-family:Roboto,sans-serif;font-size:11px;color:#ffffff80;text-align:center;margin-bottom:12px;text-transform:uppercase}@media (max-width: 1400px){.batch-plots-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.quality-content-sidebyside,.batch-stats-grid,.aging-stats-grid{grid-template-columns:1fr}}.quality-nav{display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:20px;align-self:stretch}.quality-nav .nav-header{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.quality-nav .nav-title{font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0}.quality-nav .nav-buttons{display:flex;flex-direction:column;gap:12px}.quality-nav .nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:linear-gradient(135deg,#37353266,#2d2a2699);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 8px #0003;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.quality-nav .nav-btn:hover{background:linear-gradient(135deg,#37353299,#2d2a26cc);border-color:#ea5b0c4d;box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.quality-nav .nav-btn.active{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c0d);border-color:#ea5b0c;box-shadow:0 0 24px #ea5b0c66,0 4px 16px #0000004d;transform:translateY(-2px)}.quality-nav .nav-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.quality-nav .nav-icon svg{width:100%;height:100%;stroke:#999;transition:all .3s ease}.quality-nav .nav-btn.active .nav-icon svg{stroke:#ea5b0c;filter:drop-shadow(0 0 8px rgba(234,91,12,.6))}.quality-nav .nav-info{width:100%}.quality-nav .nav-label{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:#999;transition:color .3s ease}.quality-nav .nav-btn.active .nav-label{color:#fff}.quality-nav .nav-sublabel{font-family:Roboto,sans-serif;font-size:11px;color:#666;margin-top:4px;transition:color .3s ease}.quality-nav .nav-btn.active .nav-sublabel{color:#ea5b0c}.quality-content{display:flex;flex-direction:column;gap:20px}.quality-section-new .dimension-stepper{display:flex;align-items:center;gap:0;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:12px 20px}.quality-section-new .dimension-btn{flex:1;display:flex;align-items:center;gap:12px;padding:19px 24px;background:transparent;border:1px solid transparent;border-radius:8px;color:#999;cursor:pointer;transition:all .3s ease;position:relative}.quality-section-new .dimension-btn:hover{background:#ffffff0d;border-color:#ea5b0c33}.quality-section-new .dimension-btn.active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}.quality-section-new .dim-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.quality-section-new .dim-icon svg{width:100%;height:100%;stroke:#999;transition:all .3s ease}.quality-section-new .dimension-btn.active .dim-icon svg{stroke:#ea5b0c;transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(234,91,12,.6))}.quality-section-new .dim-info{display:flex;flex-direction:column;gap:2px;text-align:left}.quality-section-new .dim-label{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:inherit}.quality-section-new .dim-sublabel{font-family:Roboto,sans-serif;font-size:11px;color:#888}.quality-section-new .dimension-btn.active .dim-sublabel{color:#ea5b0c}.quality-section-new .stepper-line{width:40px;height:2px;background:linear-gradient(to right,#ea5b0c4d,#ea5b0c1a);flex-shrink:0}.quality-grid{display:grid;grid-template-columns:1fr;gap:20px}.quality-grid .key-spec-card.batch-card .flipcard-front{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;gap:20px;align-items:start}.quality-grid .key-spec-card.batch-card .column-title{grid-column:1 / -1;grid-row:1}.quality-grid .key-spec-card.batch-card .quality-value-main{grid-column:1;grid-row:2;align-self:center;margin-bottom:0}.quality-grid .key-spec-card.batch-card .quality-sublabel{grid-column:1;grid-row:3}.quality-grid .key-spec-card.batch-card .spec-list{grid-column:2;grid-row:2 / 4;align-self:center;margin-bottom:0}.quality-grid .key-spec-card.batch-card .quality-bar-container{grid-column:1 / -1;grid-row:4;align-self:end}.quality-grid .key-spec-card.batch-card .flipcard-back{display:flex;flex-direction:column}.quality-grid.aging-grid{grid-template-columns:repeat(2,1fr)}@media (max-width: 1200px){.quality-grid.aging-grid{grid-template-columns:1fr}.quality-grid .key-spec-card.batch-card .flipcard-front{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr auto}.quality-grid .key-spec-card.batch-card .column-title{grid-row:1}.quality-grid .key-spec-card.batch-card .quality-value-main{grid-column:1;grid-row:2}.quality-grid .key-spec-card.batch-card .quality-sublabel{grid-column:1;grid-row:3}.quality-grid .key-spec-card.batch-card .spec-list{grid-column:1;grid-row:4}.quality-grid .key-spec-card.batch-card .quality-bar-container{grid-column:1;grid-row:5}}.quality-section-new .key-spec-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:20px;position:relative;perspective:1000px;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.quality-section-new .key-spec-card:hover{box-shadow:0 4px 20px #0006;border-color:#ffffff1a}.quality-section-new .flip-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);color:#ea5b0c;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.quality-section-new .flip-btn:hover{background:#ea5b0c40;border-color:#ea5b0c;transform:scale(1.1)}.quality-section-new .flipcard{transform-style:preserve-3d}.quality-section-new .flipcard-inner{position:relative;width:100%;height:auto;transition:transform .6s;transform-style:preserve-3d;display:flex;flex-direction:column;flex:1;transform-origin:center center}.quality-section-new .flipcard.flipped .flipcard-inner{transform:rotateY(180deg)}.quality-section-new .flipcard-front,.quality-section-new .flipcard-back{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;transform-style:preserve-3d;will-change:transform}.quality-section-new .flipcard-front{position:relative;z-index:2;transform:rotateY(0)}.quality-section-new .flipcard-back{position:absolute;top:0;left:0;height:100%;z-index:1;transform:rotateY(180deg)}.quality-section-new .flipcard:not(.flipped) .flipcard-front{position:relative}.quality-section-new .flipcard-back{position:absolute;height:100%;overflow-y:auto;inset:0;transform:rotateY(180deg)}.quality-section-new .column-title{display:flex;align-items:center;font-family:var(--font-display);font-size:1rem;font-weight:600;text-transform:uppercase;color:#ffffffb3;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.quality-section-new .quality-value-main{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:19px 24px;margin-bottom:8px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;text-align:center}.quality-section-new .quality-value-main .value-number{font-family:Big John,sans-serif;font-size:24px;font-weight:700;color:#fff}.quality-section-new .quality-value-main .value-unit{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;color:#ffffffb3}.quality-section-new .quality-value-main.aging .value-number{color:#ea5b0c}.quality-section-new .quality-sublabel{font-family:Roboto,sans-serif;font-size:11px;color:#ffffff80;text-align:center;margin-bottom:12px;text-transform:uppercase}.quality-section-new .spec-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.quality-section-new .spec-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff05;border-radius:4px;font-size:13px;box-shadow:0 1px 3px #0003}.quality-section-new .spec-label{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#fff9;text-transform:none!important}.quality-section-new .spec-value{color:#ffffffe6;font-size:13px;font-weight:600;margin-bottom:0!important;display:flex;align-items:baseline;gap:3px}.quality-section-new .spec-value .value-num{font-family:Big John,sans-serif}.quality-section-new .spec-value .value-unit{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;text-transform:none}.quality-section-new .quality-bar-container{margin-top:auto}.quality-section-new .quality-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:6px}.quality-section-new .quality-bar-fill{height:100%;background:linear-gradient(90deg,#0d7c99,#00bcd4);transition:width .5s ease;border-radius:3px}.quality-section-new .quality-bar.aging-bar .quality-bar-fill{background:linear-gradient(90deg,#0d7c99,#00bcd4)}.quality-section-new .quality-bar-label{font-family:Big John,sans-serif;font-size:10px;font-weight:700;color:#0d7c99;text-align:center;text-transform:uppercase}.quality-section-new .quality-bar.aging-bar+.quality-bar-label{color:#0d7c99}.quality-section-new .spec-detail-content{padding:10px 0}.quality-section-new .spec-detail-content p{font-family:Roboto,sans-serif;font-size:13px;line-height:1.6;color:#fffc;margin:0 0 12px}.quality-section-new .detail-metric{background:#ffffff0d;border-left:3px solid #ea5b0c;padding:12px;border-radius:6px;margin:12px 0}.quality-section-new .detail-label{font-family:Roboto,sans-serif;font-size:11px;color:#ffffff80;text-transform:uppercase;margin-bottom:4px}.quality-section-new .detail-value{font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#ea5b0c}.quality-plots{display:grid;grid-template-columns:1fr;gap:20px}.quality-section-new .plot-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:20px}.quality-section-new .plot-title{font-family:var(--font-display);font-size:1rem;font-weight:600;text-transform:uppercase;color:#ffffffb3;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.quality-section-new .plot-container{height:auto}.quality-section-new::-webkit-scrollbar{width:8px}.quality-section-new::-webkit-scrollbar-track{background:#0003;border-radius:4px}.quality-section-new::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:4px;transition:background .2s}.quality-section-new::-webkit-scrollbar-thumb:hover{background:#ea5b0ccc}.quality-section-new{scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) rgba(0,0,0,.2)}.explorer-page{max-width:1400px;margin:0 auto;padding:20px 0;background:linear-gradient(135deg,#32302d80,#2d2a26b3)}.cell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:60px}.cell-card{position:relative;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px #0000004d;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit}.cell-card.loading-card{pointer-events:none;opacity:.6}.cell-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(234,91,12,.3) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.cell-card:hover{transform:translateY(-4px);border-color:#ea5b0c4d;box-shadow:0 8px 24px #0006,0 0 20px #ea5b0c33}.cell-card:hover:before{opacity:1}.cell-image{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#2d2b28e6,#282623f2);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 2px 8px #0000004d}.cell-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.cell-card:hover .cell-image img{transform:scale(1.05)}.cell-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff4d;font-family:Big John,sans-serif;font-weight:400;font-size:13px;padding-top:3px}.cell-info{flex:1;display:flex;flex-direction:column;gap:8px}.cell-manufacturer{font-family:Roboto,sans-serif;font-weight:500;font-size:12px;color:#ea5b0ccc;text-transform:none;padding-top:3px}.cell-name{font-family:Big John,sans-serif;font-weight:400;font-size:18px;color:#fff;padding-top:4px;line-height:1.3}.cell-loading{font-family:Big John,sans-serif;font-weight:400;font-size:13px;color:#fff6;padding-top:3px}.cell-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.cell-card .kpi-badge{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;font-size:9px;font-weight:500;transition:all .2s ease}.cell-card .kpi-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.cell-card .kpi-badge svg{flex-shrink:0;opacity:.9}.cell-card .kpi-content{display:flex;align-items:baseline;gap:3px;min-width:0}.cell-card .kpi-value{font-family:var(--font-display);font-size:11px;font-weight:600;line-height:1}.cell-card .kpi-unit{font-size:8px;text-transform:uppercase;opacity:.7;line-height:1}.cell-card .kpi-badge.quality-excellent{background:#4caf5014;border-color:#4caf5033}.cell-card .kpi-badge.quality-excellent svg{stroke:#4caf50;filter:drop-shadow(0 0 4px rgba(76,175,80,.3))}.cell-card .kpi-badge.quality-excellent .kpi-value{color:#4caf50}.cell-card .kpi-badge.quality-good{background:#ea5b0c14;border-color:#ea5b0c33}.cell-card .kpi-badge.quality-good svg{stroke:#ea5b0c;filter:drop-shadow(0 0 4px rgba(234,91,12,.3))}.cell-card .kpi-badge.quality-good .kpi-value{color:#ea5b0c}.cell-card .kpi-badge.quality-average{background:#ffc10714;border-color:#ffc10733}.cell-card .kpi-badge.quality-average svg{stroke:#ffc107;filter:drop-shadow(0 0 4px rgba(255,193,7,.3))}.cell-card .kpi-badge.quality-average .kpi-value{color:#ffc107}.cell-card .kpi-badge.quality-poor{background:#f4433614;border-color:#f4433633}.cell-card .kpi-badge.quality-poor svg{stroke:#f44336;filter:drop-shadow(0 0 4px rgba(244,67,54,.3))}.cell-card .kpi-badge.quality-poor .kpi-value{color:#f44336}.cell-year,.cell-detail{font-size:12px;color:#ffffff80;font-family:Roboto,sans-serif}.cell-view-details{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:var(--brand);border:none;border-radius:8px;color:#fff;font-family:Big John,sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;cursor:pointer;transition:all .2s;opacity:0;transform:translateY(10px)}.cell-card:hover .cell-view-details{opacity:1;transform:translateY(0)}.cell-view-details:hover{background:#ff6b00;transform:translateY(-2px);box-shadow:0 6px 20px #ea5b0c66}.btn-cell-details{padding:15px 24px 10px;background:linear-gradient(135deg,#ea5b0c40,#ea5b0c1f);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:12px;color:#fff;font-family:Big John,sans-serif;font-weight:400;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 12px #ea5b0c26,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(80px) saturate(250%)}.btn-cell-details:hover:not(:disabled){background:linear-gradient(135deg,#ea5b0c59,#ea5b0c38);border-color:#ea5b0c80;transform:translateY(-2px);box-shadow:0 6px 20px #ea5b0c4d,inset 0 1px #ffffff1f}.btn-cell-details:active:not(:disabled){transform:translateY(0)}.btn-cell-details:disabled{opacity:.4;cursor:not-allowed}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;padding:32px 20px;background:linear-gradient(135deg,#2d2d2d66,#27272799);backdrop-filter:blur(80px) saturate(250%);border-radius:16px;border:1px solid rgba(234,91,12,.12);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(80px) saturate(250%)}.pagination-btn{padding:12px 24px 8px;background:linear-gradient(135deg,#3c3a37cc,#32302df2);border:1px solid rgba(234,91,12,.2);border-radius:10px;color:#fff;font-family:Big John,sans-serif;font-weight:400;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);border-color:#ea5b0c66;transform:translateY(-2px);box-shadow:0 4px 12px #ea5b0c33}.pagination-info{font-family:Big John,sans-serif;font-weight:400;font-size:13px;color:#ffffffb3;padding-top:3px}[data-theme=light] .explorer-header{background:linear-gradient(135deg,#fffffff2,#fafafafa);border:1px solid rgba(234,91,12,.2);box-shadow:0 4px 20px #0000000f,0 0 0 1px #00000005,inset 0 1px #fff,inset 0 -1px #00000008}[data-theme=light] .explorer-header h1{color:#1a1a1a;background:linear-gradient(135deg,#1a1a1a,#ea5b0c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .explorer-header p{color:#1a1a1a99}[data-theme=light] .cell-card{background:linear-gradient(135deg,#fffffff2,#fafafafa);border:1px solid rgba(234,91,12,.15);box-shadow:0 2px 12px #0000000f,0 0 0 1px #00000005,inset 0 1px #fff}[data-theme=light] .cell-card:before{background:linear-gradient(90deg,transparent 0%,rgba(234,91,12,.4) 50%,transparent 100%)}[data-theme=light] .cell-card:hover{border-color:#ea5b0c66;box-shadow:0 8px 24px #00000014,0 0 0 1px #0000000a,0 0 20px #ea5b0c26,inset 0 1px #fff}[data-theme=light] .cell-image{background:linear-gradient(135deg,#fafafab3,#f5f5f5e6);border:1px solid rgba(234,91,12,.1);box-shadow:inset 0 2px 8px #00000008}[data-theme=light] .cell-placeholder{color:#1a1a1a4d}[data-theme=light] .cell-manufacturer{color:#ea5b0ce6}[data-theme=light] .cell-name{color:#1a1a1a}[data-theme=light] .cell-card .kpi-badge{background:#00000005;border-color:#00000014}[data-theme=light] .cell-card .kpi-badge:hover{box-shadow:0 2px 8px #0000001a}[data-theme=light] .cell-card .kpi-badge.quality-excellent{background:#4caf500f;border-color:#4caf5040}[data-theme=light] .cell-card .kpi-badge.quality-excellent svg{stroke:#388e3c;filter:drop-shadow(0 0 4px rgba(76,175,80,.25))}[data-theme=light] .cell-card .kpi-badge.quality-excellent .kpi-value{color:#388e3c}[data-theme=light] .cell-card .kpi-badge.quality-good{background:#ea5b0c0f;border-color:#ea5b0c40}[data-theme=light] .cell-card .kpi-badge.quality-good svg{stroke:#c24a00;filter:drop-shadow(0 0 4px rgba(234,91,12,.25))}[data-theme=light] .cell-card .kpi-badge.quality-good .kpi-value{color:#c24a00}[data-theme=light] .cell-card .kpi-badge.quality-average{background:#ffc1070f;border-color:#ffc1074d}[data-theme=light] .cell-card .kpi-badge.quality-average svg{stroke:#f57c00;filter:drop-shadow(0 0 4px rgba(255,193,7,.25))}[data-theme=light] .cell-card .kpi-badge.quality-average .kpi-value{color:#f57c00}[data-theme=light] .cell-card .kpi-badge.quality-poor{background:#f443360f;border-color:#f4433640}[data-theme=light] .cell-card .kpi-badge.quality-poor svg{stroke:#c62828;filter:drop-shadow(0 0 4px rgba(244,67,54,.25))}[data-theme=light] .cell-card .kpi-badge.quality-poor .kpi-value{color:#c62828}[data-theme=light] .cell-loading{color:#1a1a1a66}[data-theme=light] .cell-year{color:#1a1a1a80}[data-theme=light] .cell-view-details{background:#ea5b0c1f;border-color:#ea5b0c4d;color:var(--brand)}[data-theme=light] .cell-view-details:hover{background:#ea5b0c33;border-color:var(--brand)}[data-theme=light] .btn-cell-details{background:linear-gradient(135deg,#ea5b0c1f,#ea5b0c0f);border:1px solid rgba(234,91,12,.3);color:#1a1a1a;box-shadow:0 2px 8px #ea5b0c1a,inset 0 1px #ffffff80}[data-theme=light] .btn-cell-details:hover:not(:disabled){background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1f);border-color:#ea5b0c80;box-shadow:0 4px 12px #ea5b0c33,inset 0 1px #fff9}[data-theme=light] .pagination{background:linear-gradient(135deg,#fffffff2,#fafafafa);border:1px solid rgba(234,91,12,.15);box-shadow:0 2px 12px #0000000f,inset 0 1px #fff}[data-theme=light] .pagination-btn{background:linear-gradient(135deg,#fafafab3,#f5f5f5e6);border:1px solid rgba(234,91,12,.2);color:#1a1a1a;box-shadow:0 2px 6px #0000000a}[data-theme=light] .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border-color:#ea5b0c66;box-shadow:0 4px 10px #ea5b0c26}[data-theme=light] .pagination-info{color:#1a1a1ab3}.explorer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:60px;animation:fadeIn .6s ease}.loading-logo-container{display:flex;align-items:center;gap:50px}.loading-logo{width:200px;height:200px;filter:drop-shadow(0 0 20px rgba(234,91,12,.3))}.loading-text{display:flex;flex-direction:column;gap:8px}.loading-brand{font-family:Big John,sans-serif;font-size:72px;font-weight:400;color:#fff;margin:0;text-shadow:0 0 30px rgba(255,255,255,.2)}.loading-tagline{font-family:Big John,sans-serif;font-size:36px;font-weight:400;color:#fffc;margin:0;text-shadow:0 0 20px rgba(255,255,255,.1)}.loading-progress{margin-top:24px;width:400px}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#ea5b0c,#ff7b2c);border-radius:2px;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #ea5b0c80}.progress-text{font-family:Roboto,sans-serif;font-size:14px;color:#ffffffb3;text-align:center;margin:0}.loading-message{font-family:Roboto,sans-serif;font-size:16px;color:#fff9;margin:0 0 20px}@media (max-width: 768px){.cell-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.explorer-header h1{font-size:32px}.pagination{flex-direction:column;gap:12px}}:root{--filter-panel-width: 280px;--filter-panel-collapsed: 48px;--filter-panel-transition: .3s cubic-bezier(.4, 0, .2, 1);--filter-section-gap: 12px;--filter-option-gap: 6px;--filter-padding: .5rem;--filter-bg-primary: linear-gradient(135deg, rgba(55, 53, 50, .8) 0%, rgba(45, 42, 38, .95) 100%);--filter-bg-secondary: rgba(60, 58, 55, .7);--filter-bg-tertiary: rgba(50, 48, 45, .85);--filter-border: rgba(255, 255, 255, .06);--filter-border-strong: rgba(255, 255, 255, .1);--filter-hover: rgba(234, 91, 12, .1);--filter-active: rgba(234, 91, 12, .2);--filter-selected: linear-gradient(135deg, #ea5b0c, #ff7733);--filter-text-primary: rgba(255, 255, 255, .9);--filter-text-secondary: rgba(255, 255, 255, .6);--filter-text-tertiary: rgba(255, 255, 255, .4);--filter-text-accent: #ea5b0c;--filter-count-bg: rgba(255, 255, 255, .05);--filter-count-text: rgba(255, 255, 255, .5);--filter-shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--filter-shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--filter-shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}.cells-page-layout{display:flex;flex-direction:column;min-height:100vh;background:transparent}.cells-page-layout.panel-collapsed{grid-template-columns:var(--filter-panel-collapsed) 1fr}.cells-context-bar{grid-area:context;position:sticky;top:0;z-index:98;background:linear-gradient(180deg,#2c2c2ceb,#2c2c2cd9);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:none;padding:var(--context-bar-padding) 2rem;box-shadow:0 2px 8px #0000001a;transition:var(--header-transition)}.context-bar-row{display:flex;align-items:center;gap:20px;min-height:var(--context-bar-min-height)}.context-bar-row+.context-bar-row{margin-top:8px;padding-top:8px;border-top:1px solid var(--filter-border)}.context-bar-section{display:flex;align-items:center;gap:12px}.context-bar-section.grow{flex:1}.view-switcher{display:flex;gap:4px;background:#0003;padding:4px;border-radius:10px}.view-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:8px;color:var(--filter-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.view-tab:hover{background:#ffffff0d;color:var(--filter-text-primary)}.view-tab.active{background:var(--filter-selected);color:#fff;box-shadow:0 2px 8px #ea5b0c4d}.view-tab-icon{font-size:16px}.context-search{flex:1;max-width:400px;position:relative}.context-search-input{width:100%;padding:10px 16px 10px 40px;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:8px;color:#fff;font-size:14px;transition:all .2s}.context-search-input::placeholder{color:var(--filter-text-tertiary)}.context-search-input:focus{outline:none;background:#ffffff14;border-color:#ea5b0c80;box-shadow:0 0 0 3px #ea5b0c1a}.context-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--filter-text-tertiary);pointer-events:none}.active-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.filter-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:6px;color:#ea5b0c;font-size:13px;font-weight:600;transition:all .2s;cursor:default}.filter-tag-remove{background:none;border:none;color:#ea5b0c;font-size:14px;font-weight:700;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.filter-tag-remove:hover{background:#ea5b0c4d}.clear-all-filters{padding:6px 12px;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:6px;color:var(--filter-text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.clear-all-filters:hover{background:#ff00001a;border-color:#ff00004d;color:#f44}.cell-count{padding:6px 12px;background:#ffffff0d;border-radius:6px;color:var(--filter-text-secondary);font-size:13px;font-weight:600}.cell-count-number{color:var(--filter-text-accent);font-weight:700}.cells-filter-panel{width:100%;height:100%;background:transparent;display:flex;flex-direction:column;overflow:hidden;padding:12px;box-sizing:border-box;transition:padding .4s cubic-bezier(.34,1.56,.64,1)}.filter-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) rgba(255,255,255,.05);padding-bottom:8px}.filter-panel-content::-webkit-scrollbar{width:6px}.filter-panel-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.filter-panel-content::-webkit-scrollbar-thumb{background:#ea5b0c66;border-radius:3px}.filter-panel-content::-webkit-scrollbar-thumb:hover{background:#ea5b0c99}.filter-panel-header{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:16px;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 2px 8px #0003}.filter-search--header{width:100%}.filter-panel-actions{display:flex;gap:4px;align-items:center;justify-content:center}.filter-action-btn{flex:1;height:32px;display:flex;align-items:center;justify-content:center;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#fff9;gap:6px}.filter-action-btn:hover{background:#ea5b0c33;border-color:#ea5b0c66;color:#ea5b0c}.filter-action-btn svg{stroke:#fff9;stroke-width:2;transition:stroke .3s ease}.filter-action-btn:hover svg{stroke:#ea5b0c}.filter-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px;color:var(--filter-text-secondary)}.filter-panel-loading .loading-spinner__text{font-family:Big John,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:var(--filter-text-primary);text-transform:uppercase}.filter-panel-spinner{animation:none}.filter-panel-footer{flex-shrink:0;padding:10px 0 0}.filter-reset-btn{width:100%;padding:10px 16px;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:8px;color:#ea5b0c;font-size:13px;font-weight:600;font-family:Big John,sans-serif;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0003}.filter-reset-btn:hover{background:#ea5b0c26;border-color:#ea5b0c;color:#f73;box-shadow:0 4px 16px #ea5b0c4d;transform:translateY(-1px)}.filter-reset-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ea5b0c33}.filter-reset-btn:disabled{opacity:.3;cursor:not-allowed;background:#32323280;border-color:#ffffff1a;color:#ffffff4d}.filter-reset-btn:disabled:hover{background:#32323280;border-color:#ffffff1a;color:#ffffff4d;transform:none;box-shadow:none}.cells-filter-panel.collapsed .filter-section,.cells-filter-panel.collapsed .filter-panel-footer{opacity:0;pointer-events:none;max-height:0;overflow:hidden}.cells-filter-panel.collapsed .filter-panel-header{flex-direction:column;gap:12px;margin-bottom:12px}.active-filters-header{display:flex;align-items:center;gap:16px;padding:12px 20px;margin:0 0 16px;background:linear-gradient(135deg,#373532b3,#2d2a26d9);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 8px #0000001a;animation:fadeInSlideDown .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.active-filters-label{display:flex;align-items:center;gap:8px;font-family:Big John,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#ccc;white-space:nowrap}.active-filters-label svg{color:#ea5b0c}.active-filters-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border:1px solid rgba(234,91,12,.3);border-radius:14px;font-size:12px;font-family:Roboto,sans-serif;color:#ea5b0c;font-weight:500;transition:all .2s ease;animation:fadeInScale .25s cubic-bezier(.34,1.56,.64,1)}.filter-chip:hover{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1f);border-color:#ea5b0c66;transform:translateY(-1px);box-shadow:0 2px 6px #ea5b0c33}.filter-chip-chemistry{background:linear-gradient(135deg,#4caf5026,#4caf5014);border-color:#4caf504d;color:#4caf50}.filter-chip-chemistry:hover{background:linear-gradient(135deg,#4caf5033,#4caf501f);border-color:#4caf5066}.filter-chip-manufacturer{background:linear-gradient(135deg,#2196f326,#2196f314);border-color:#2196f34d;color:#2196f3}.filter-chip-manufacturer:hover{background:linear-gradient(135deg,#2196f333,#2196f31f);border-color:#2196f366}.filter-chip-search{background:linear-gradient(135deg,#9c27b026,#9c27b014);border-color:#9c27b04d;color:#9c27b0}.filter-chip-search:hover{background:linear-gradient(135deg,#9c27b033,#9c27b01f);border-color:#9c27b066}.filter-chip-technology{background:linear-gradient(135deg,#ff980026,#ff980014);border-color:#ff98004d;color:#ff9800}.filter-chip-technology:hover{background:linear-gradient(135deg,#ff980033,#ff98001f);border-color:#ff980066}.filter-chip-country,.filter-chip-format{background:linear-gradient(135deg,#607d8b26,#607d8b14);border-color:#607d8b4d;color:#607d8b}.filter-chip-country:hover,.filter-chip-format:hover{background:linear-gradient(135deg,#607d8b33,#607d8b1f);border-color:#607d8b66}.filter-chip-label{user-select:none}.filter-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#ffffff1a;border:none;border-radius:50%;color:currentColor;font-size:16px;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease}.filter-chip-remove:hover{background:#fff3;transform:scale(1.15)}.clear-all-filters{padding:6px 14px;background:#f4433626;border:1px solid rgba(244,67,54,.3);border-radius:12px;font-size:11px;font-family:Roboto,sans-serif;font-weight:600;color:#f44336;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-all-filters:hover{background:#f4433640;border-color:#f4433666;transform:translateY(-1px);box-shadow:0 2px 6px #f443364d}.cells-main-content{grid-area:content;overflow:visible;padding:0 20px 68px 0;background:transparent;display:flex;flex-direction:column}.cells-main-content::-webkit-scrollbar{width:12px}.cells-main-content::-webkit-scrollbar-track{background:#0000001a}.cells-main-content::-webkit-scrollbar-thumb{background:#ea5b0c4d;border-radius:6px;border:2px solid transparent;background-clip:content-box}.cells-main-content::-webkit-scrollbar-thumb:hover{background:#ea5b0c80;background-clip:content-box}.cells-page-footer{grid-area:footer;background:var(--bg-tertiary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding:1rem 2rem;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-left{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.footer-app-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.footer-app-name svg{color:var(--accent-primary)}.footer-version{color:var(--text-tertiary);font-size:.7rem}.footer-stats{color:var(--text-tertiary)}.footer-separator{color:var(--border-subtle)}.footer-center{display:flex;align-items:center;gap:1.5rem}.footer-link{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--accent-primary)}.footer-link svg{opacity:.6}.footer-right{display:flex;align-items:center;gap:.75rem;font-size:.7rem}.footer-link-minimal{color:var(--text-tertiary);text-decoration:none;transition:color .2s ease}.footer-link-minimal:hover{color:var(--text-secondary)}@media (max-width: 1024px){.footer-content{flex-direction:column;align-items:flex-start;gap:1rem}.footer-center{order:3}}@media (max-width: 768px){.cells-page-footer{padding:1rem}.footer-left,.footer-center,.footer-right{flex-wrap:wrap}.footer-stats{display:none}}.footer-action-btn:hover{background:#ea5b0c33;border-color:#ea5b0c80;transform:translateY(-1px);box-shadow:0 3px 10px #ea5b0c26}.footer-action-btn--primary{background:linear-gradient(135deg,#ea5b0c,#f73);border-color:transparent;color:#fff}.footer-action-btn--primary:hover{background:linear-gradient(135deg,#ff6a1a,#f84);box-shadow:0 4px 16px #ea5b0c4d}.footer-bottom{margin-top:16px;padding-top:14px;border-top:1px solid var(--filter-border);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--filter-text-tertiary)}.footer-copyright{display:flex;align-items:center;gap:5px}.footer-copyright svg{opacity:.4}.footer-social-links{display:flex;gap:10px}.footer-social-link{color:var(--filter-text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background:#ffffff08}.footer-social-link:hover{color:#ea5b0c;background:#ea5b0c1f;transform:translateY(-1px)}.footer-social-link svg{width:14px;height:14px}@media (max-width: 767px){.cells-page-layout{grid-template-columns:1fr;grid-template-areas:"context" "content" "footer"}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.cells-filter-panel{position:fixed;top:calc(var(--cmdbar-height, 56px) + var(--context-bar-min-height));left:0;width:100%;max-width:320px;height:calc(100vh - var(--cmdbar-height, 56px) - var(--context-bar-min-height));transform:translate(-100%);transition:transform .3s;z-index:100;box-shadow:var(--filter-shadow-lg)}.cells-filter-panel.open{transform:translate(0)}.cells-filter-panel.collapsed{transform:translate(-100%)}.filter-panel-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);z-index:99}.filter-panel-overlay.visible{display:block}.cells-context-bar{padding:12px 1rem}.context-bar-row{flex-wrap:wrap;gap:12px}.view-switcher{order:-1;width:100%}.context-search{max-width:none;width:100%}.cells-main-content{padding:16px}.mobile-filter-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--filter-selected);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #ea5b0c4d}}@media (min-width: 768px) and (max-width: 1024px){:root{--filter-panel-width: 240px}.cells-main-content{padding:20px}.cells-context-bar{padding:12px 1.5rem}.context-bar-row{gap:16px}}@media (min-width: 1441px){:root{--filter-panel-width: 320px}.cells-main-content{padding:32px}}@media (min-width: 768px){.mobile-filter-toggle,.filter-panel-overlay{display:none!important}}body.light-theme{--filter-bg-primary: rgba(255, 255, 255, .95);--filter-bg-secondary: rgba(245, 245, 245, .9);--filter-bg-tertiary: rgba(250, 250, 250, .95);--filter-border: rgba(0, 0, 0, .08);--filter-border-strong: rgba(0, 0, 0, .12);--filter-hover: rgba(234, 91, 12, .08);--filter-active: rgba(234, 91, 12, .15);--filter-text-primary: rgba(0, 0, 0, .9);--filter-text-secondary: rgba(0, 0, 0, .6);--filter-text-tertiary: rgba(0, 0, 0, .4);--filter-count-bg: rgba(0, 0, 0, .05);--filter-count-text: rgba(0, 0, 0, .5);--filter-shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--filter-shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--filter-shadow-lg: 0 8px 24px rgba(0, 0, 0, .15)}body.light-theme .cells-filter-panel{background:linear-gradient(180deg,#fffffffa,#fafafafa);box-shadow:4px 0 16px #00000014}body.light-theme .cells-context-bar{background:linear-gradient(180deg,#ffffffe0,#ffffffbf);box-shadow:0 4px 16px #00000014}body.light-theme .cells-filter-panel::-webkit-scrollbar-track{background:#0000000d}body.light-theme .context-search-input{background:#0000000a;border-color:#0000001f;color:var(--filter-text-primary)}body.light-theme .context-search-input:focus{background:#0000000f}.cells-page-layout .error-message{display:flex;align-items:center;justify-content:center;height:100%;color:#f44;font-size:14px}.cells-page-layout .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--filter-text-secondary);text-align:center;padding:32px}.empty-state-icon{font-size:64px;opacity:.3}.empty-state-title{font-size:18px;font-weight:600;color:var(--filter-text-primary)}.empty-state-description{font-size:14px;max-width:400px}.empty-state-modern{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.empty-state-card{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:500px;padding:48px 40px;background:linear-gradient(135deg,#373532b3,#2d2a26d9);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 8px 32px #0003;text-align:center}.empty-state-icon-wrapper{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border:2px solid rgba(234,91,12,.3);border-radius:50%;margin-bottom:8px}.empty-state-icon-wrapper svg{color:#ea5b0c;opacity:.8}.empty-state-modern .empty-state-title{font-family:Big John,sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;margin:0}.empty-state-modern .empty-state-description{font-family:Roboto,sans-serif;font-size:14px;line-height:1.6;color:#ccc;max-width:400px;margin:0}.empty-state-action{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;margin-top:12px;background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);border:1px solid rgba(234,91,12,.4);border-radius:12px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#ea5b0c;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.empty-state-action:hover{background:linear-gradient(135deg,#ea5b0c4d,#ea5b0c26);border-color:#ea5b0c99;transform:translateY(-2px);box-shadow:0 4px 12px #ea5b0c4d}.empty-state-action svg{width:16px;height:16px}.cells-grid-view{width:100%;flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 160px)}.cells-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-top:8px;align-content:start;max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.3) transparent}.cells-grid::-webkit-scrollbar{width:6px}.cells-grid::-webkit-scrollbar-track{background:transparent}.cells-grid::-webkit-scrollbar-thumb{background:#ea5b0c4d;border-radius:3px}.cells-grid::-webkit-scrollbar-thumb:hover{background:#ea5b0c80}.cells-grid--compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.cells-grid--detailed{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.cells-grid--minimal{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cell-card{position:relative;background:linear-gradient(135deg,#37353299,#2d2d2dcc);border:1px solid var(--filter-border);border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer;height:280px;overflow:hidden;box-sizing:border-box}.cell-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#ea5b0c66}.cell-card.in-compare{border-color:#ea5b0c99;background:linear-gradient(135deg,#ea5b0c1a,#2d2d2dcc)}.cell-card__compare-toggle{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:1rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;z-index:10}.cell-card__compare-toggle:hover{background:#ea5b0c33;border-color:#ea5b0c66;color:#ea5b0c;transform:scale(1.1)}.cell-card__compare-toggle.active{background:#ea5b0c;border-color:#ea5b0c;color:#fff}.cell-card__compare-toggle.active:hover{background:#ff6a1a;border-color:#ff6a1a}.cell-card__image{position:relative;width:100%;height:180px;margin-bottom:16px;background:linear-gradient(135deg,#ffffff05,#ffffff0d);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cell-card__image img{width:100%;height:100%;object-fit:contain;padding:12px}.cell-card__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff3}.cell-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;padding-right:36px;border-bottom:1px solid var(--filter-border)}.cell-card-title-group{display:flex;flex-direction:column;gap:8px;width:100%}.cell-card-title{font-size:16px;font-weight:700;color:var(--filter-text-primary);margin:0}.cell-card-chemistry,.cell-card-manufacturer-badge{padding:4px 10px;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:6px;font-size:11px;font-weight:700;color:#ea5b0c;text-transform:uppercase}.cell-card-chemistry-footer{padding:3px 8px;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:4px;font-size:10px;font-weight:700;color:#ea5b0c;text-transform:uppercase}.cell-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cell-card-metric{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:13px;color:var(--filter-text-secondary);font-weight:500}.metric-value{font-family:Roboto Mono,monospace;font-size:14px;font-weight:700;color:var(--filter-text-primary)}.cell-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--filter-border);font-size:12px;color:var(--filter-text-tertiary)}.cells-grid--compact .cell-card{padding:14px;height:240px}.cells-grid--compact .cell-card-header{margin-bottom:12px;padding-bottom:8px}.cells-grid--compact .cell-card-title{font-size:14px}.cells-grid--compact .cell-card-chemistry{display:none}.cells-grid--compact .cell-card-manufacturer-badge{font-size:10px;padding:3px 8px}.cells-grid--compact .cell-card-chemistry-footer{font-size:9px;padding:2px 6px}.cells-grid--compact .cell-card-body{gap:8px;margin-bottom:12px}.cells-grid--compact .metric-label{font-size:11px}.cells-grid--compact .metric-value{font-size:12px}.cells-grid--compact .cell-card-footer{font-size:11px}.cells-grid--detailed .cell-card{padding:24px;height:360px}.cells-grid--detailed .cell-card-title{font-size:18px}.cells-grid--detailed .cell-card-chemistry{font-size:12px}.cells-grid--detailed .metric-label{font-size:14px}.cells-grid--detailed .metric-value{font-size:16px}.cells-grid--minimal .cell-card{padding:12px;height:200px}.cells-grid--minimal .cell-card-header{margin-bottom:8px;padding-bottom:6px;padding-right:28px}.cells-grid--minimal .cell-card-title{font-size:13px}.cells-grid--minimal .cell-card-chemistry{display:none}.cells-grid--minimal .cell-card-body{gap:6px;margin-bottom:0}.cells-grid--minimal .cell-card-metric{flex-direction:column;align-items:flex-start;gap:2px}.cells-grid--minimal .metric-label{font-size:10px}.cells-grid--minimal .metric-value{font-size:11px}.cells-grid--minimal .cell-card-footer{display:none}.cells-grid--minimal .cell-card__compare-toggle{width:1.5rem;height:1.5rem;top:6px;right:6px}@media (max-width: 767px){.cells-grid{grid-template-columns:1fr;gap:16px}}@media (min-width: 768px) and (max-width: 1024px){.cells-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media (min-width: 1441px){.cells-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}}.cells-graph-view{width:100%;flex:1;display:flex;flex-direction:row;gap:16px;height:100%;min-height:600px;overflow:hidden}.cells-graph-view.plot-fullscreen{gap:0}.ragone-plot-container{flex:1;width:100%;height:100%;min-height:600px;max-height:calc(100vh - 110px);background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;display:flex;flex-direction:column;overflow:hidden}.ragone-plot-header{padding:12px 20px;height:48px;min-height:48px;max-height:48px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026;display:flex;align-items:center;justify-content:space-between}.ragone-plot-title{display:flex;align-items:center;gap:12px}.ragone-plot-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.ragone-plot-icon svg{stroke:#ea5b0c;stroke-width:2}.ragone-plot-label{font-family:Big John,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#f1f5f9}.ragone-plot-count{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#94a3b8;padding:2px 8px;background:#ea5b0c26;border-radius:4px;border:1px solid rgba(234,91,12,.3)}.ragone-plot-chart{flex:1;display:flex;padding:20px;width:100%;height:100%;min-height:600px;overflow:hidden;position:relative}.ragone-info-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:6px;color:#ea5b0c;cursor:pointer;transition:all .2s}.ragone-info-btn:hover{background:#ea5b0c40;border-color:#ea5b0c;transform:scale(1.05)}.ragone-info-btn:active{transform:scale(.95)}.cells-table-view{width:100%;height:100%;max-height:calc(100vh - 250px);overflow:hidden;display:flex;flex-direction:column}.cells-table-container{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;overflow:hidden}.cells-table{width:100%;border-collapse:collapse;font-size:14px;font-family:Roboto,sans-serif}.cells-table thead{background:#0003;position:sticky;top:0;z-index:10}.cells-table th{padding:14px 16px;text-align:left;font-family:Big John,sans-serif;font-weight:700;color:#ffffffe6;text-transform:uppercase;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;user-select:none;transition:background .2s}.cells-table th .unit-label{font-family:Roboto,sans-serif;font-weight:400;font-size:11px;text-transform:none;color:#fff9}.cells-table th:hover{background:#ea5b0c26}.cells-table .compare-column-header{width:50px;min-width:50px;text-align:center;cursor:default;padding:14px 8px}.cells-table .compare-column-header:hover{background:transparent}.cells-table .compare-column-cell{width:50px;min-width:50px;text-align:center;padding:8px!important}.cells-table .compare-checkbox{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin:0 auto}.cells-table .compare-checkbox:hover{background:#ea5b0c26;border-color:#ea5b0c66;color:var(--primary);transform:scale(1.05)}.cells-table .compare-checkbox.active{background:#ea5b0c33;border-color:#ea5b0c80;color:var(--accent)}.cells-table .row-number-header{width:50px;min-width:50px;text-align:center;color:#ffffff80;font-size:12px;cursor:default}.cells-table .row-number-header:hover{background:#0003}.cells-table .sortable-header{position:relative;cursor:pointer;transition:background .2s,color .2s}.cells-table .sortable-header:hover{background:#ea5b0c40;color:#ea5b0c}.cells-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s}.cells-table tbody tr:hover{background:#ea5b0c14}.cells-table-container[data-row-height=compact] .cells-table th,.cells-table-container[data-row-height=compact] .cells-table td{padding:8px 12px;font-size:13px}.cells-table-container[data-row-height=normal] .cells-table th,.cells-table-container[data-row-height=normal] .cells-table td{padding:14px 16px;font-size:14px}.cells-table-container[data-row-height=spacious] .cells-table th,.cells-table-container[data-row-height=spacious] .cells-table td{padding:20px;font-size:15px}.cells-table-container[data-alternate-rows=true] .cells-table tbody tr:nth-child(2n){background:#0003}.cells-table-container[data-column-borders=true] .cells-table td,.cells-table-container[data-column-borders=true] .cells-table th{border-right:1px solid rgba(255,255,255,.04)}.cells-table-container[data-column-borders=true] .cells-table td:last-child,.cells-table-container[data-column-borders=true] .cells-table th:last-child{border-right:none}.cells-table-container[data-hover-highlight=true] .cells-table tbody tr:hover{background:#ea5b0c26}.cells-table td{padding:14px 16px;color:#ffffffd9;font-weight:400}.row-number{width:50px;min-width:50px;text-align:center;color:#ffffff80;font-size:12px;font-family:Roboto Mono,monospace;background:#0000004d;border-right:1px solid rgba(255,255,255,.06)}.cell-name{font-family:Big John,sans-serif;font-weight:600;color:#fffffff2}.cell-number{font-family:Roboto,sans-serif;font-weight:500;color:#fffc}.table-toolbar{display:flex;gap:8px;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.06)}.btn-column-picker{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:6px;color:#ea5b0c;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-column-picker:hover{background:#ea5b0c40;border-color:#ea5b0c80}.column-picker-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.column-picker-panel{background:linear-gradient(135deg,#373532f2,#2d2a26fa);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #00000080;min-width:320px;max-width:400px;animation:slideUp .3s ease-out}.column-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.column-picker-header h3{margin:0;font-family:Big John,sans-serif;font-size:16px;font-weight:700;color:#fffffff2;text-transform:uppercase}.column-picker-header button{background:none;border:none;color:#fff9;font-size:28px;line-height:1;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color .2s}.column-picker-header button:hover{color:#ea5b0c}.column-picker-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.column-picker-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0003;border-radius:6px;cursor:pointer;transition:background .2s;font-family:Roboto,sans-serif;font-size:14px;color:#ffffffd9}.column-picker-item:hover{background:#ea5b0c1a}.column-picker-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ea5b0c}@media (max-width: 767px){.cells-table{font-size:12px}.cells-table th,.cells-table td{padding:10px 12px}.cells-table th:nth-child(n+5),.cells-table td:nth-child(n+5){display:none}}body.light-theme .cell-card,body.light-theme .ragone-plot-container,body.light-theme .cells-table-container{background:linear-gradient(135deg,#ffffffe6,#fafafaf2)}body.light-theme .cells-table thead{background:#0000000a}body.light-theme .cells-table tbody tr:hover{background:#ea5b0c0d}body.light-theme .cells-table .sortable-header:hover{background:#ea5b0c26;color:#d14200}.pagination-controls{position:fixed;bottom:20px;left:380px;right:20px;display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem 2rem;z-index:100;background:linear-gradient(135deg,#2d2a26f2,#282623fa);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 24px #0006}body:has(.adaptive-sidebar--collapsed) .pagination-controls{left:96px}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#ea5b0c26;border-color:#ea5b0c4d;color:#ea5b0c;transform:translate(0)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.pagination-current{font-weight:700;color:var(--text-primary);font-size:1rem}.pagination-divider{color:var(--text-tertiary)}.pagination-total{font-weight:600;color:var(--text-secondary)}.pagination-count{margin-left:.5rem;padding-left:.75rem;border-left:1px solid var(--filter-border);font-size:.8125rem;color:var(--text-tertiary)}@media (max-width: 768px){.pagination-controls{flex-direction:column;gap:1rem}.pagination-count{display:none}}.benchmarking-page{display:flex;flex-direction:column;min-height:calc(100vh - 60px);height:100%;background:var(--bg-primary)}.benchmarking-header{padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.view-switcher{display:flex;gap:.5rem;background:var(--bg-primary);padding:.5rem;border-radius:12px;width:fit-content}.view-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--text-secondary);border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #ea5b0c4d}.benchmarking-view{flex:1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.benchmarking-content{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;overflow:hidden;position:relative}.plot-placeholder{flex:1;display:flex;flex-direction:column;width:100%;height:100%;padding:1rem;overflow-y:auto}.plot-placeholder h2{font-family:Big John,sans-serif;font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.plot-placeholder p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.placeholder-content{display:flex;gap:2rem;height:calc(100% - 120px)}.placeholder-main{flex:1;background:var(--bg-secondary);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:0}.placeholder-chart{font-size:1.25rem;color:var(--text-tertiary);text-align:center;padding:4rem;border:2px dashed var(--border-color);border-radius:8px;width:100%}.placeholder-sidebar{flex-shrink:0;width:320px;background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.placeholder-sidebar h3{font-family:Big John,sans-serif;font-size:1rem;text-transform:uppercase;margin-bottom:1rem;color:var(--text-primary)}.placeholder-sidebar ul{list-style:none;padding:0;margin:0}.placeholder-sidebar li{padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.placeholder-sidebar li:last-child{border-bottom:none}@media (max-width: 1024px){.placeholder-content{flex-direction:column}.placeholder-sidebar{width:100%}}@media (max-width: 768px){.benchmarking-header{padding:1rem}.view-switcher{width:100%}.view-btn{flex:1;justify-content:center;padding:.75rem 1rem}.view-btn span{display:none}.plot-placeholder{padding:1rem}}.benchmarking-workflow{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-primary)}.workflow-content{flex:1;min-height:0;overflow:hidden}.workflow-header{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem;background:transparent;z-index:10}.workflow-header h1{font-family:Big John,sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin:0}.workflow-progress{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d}.workflow-step-indicator{display:flex;align-items:flex-start;gap:.5rem}.step-dot{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;min-width:120px}.step-dot-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);font-family:Big John,sans-serif;font-size:.875rem;font-weight:700;color:#fff6;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.step-dot-label{font-family:Roboto,sans-serif;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;opacity:.6;text-align:center;transition:all .3s ease}.step-dot.active .step-dot-circle{background:#0d7c9933;border-color:#0d7c99;color:#0d7c99}.step-dot.active .step-dot-label{opacity:.8;color:#0d7c99}.step-dot.current .step-dot-circle{background:linear-gradient(135deg,#ea5b0c,#ff7a33);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c80}.step-dot.current .step-dot-label{opacity:1;color:#ea5b0c;font-weight:600}.step-connector{flex:1;height:2px;background:#fff3;transition:all .3s ease;margin-top:17px}.workflow-step-labels{display:none}.workflow-reset-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;font-family:Big John,sans-serif;font-size:.9375rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.workflow-reset-btn:hover{background:#ea5b0c33;border-color:#ea5b0c;color:#ea5b0c;transform:translateY(-3px);box-shadow:0 12px 40px #ea5b0c4d}.workflow-reset-btn:active{transform:translateY(-1px)}.workflow-content{flex:1;overflow-y:auto;padding:0;width:100%}.workflow-loading{display:flex;align-items:center;justify-content:center;height:100%}.loading-spinner{font-family:Roboto,sans-serif;font-size:1rem;color:var(--text-secondary)}.workflow-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;padding:2rem 0;background:transparent;z-index:10}.workflow-nav-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;font-family:Big John,sans-serif;font-size:.9375rem;font-weight:600;text-transform:uppercase;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.workflow-nav-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-3px);box-shadow:0 12px 40px #0006}.workflow-nav-btn:disabled{opacity:.3;cursor:not-allowed}.workflow-nav-btn--next{background:linear-gradient(135deg,#ea5b0c,#ff7a33);border-color:#ea5b0c;color:#fff;box-shadow:0 8px 32px #ea5b0c66}.workflow-nav-btn--next:hover:not(:disabled){box-shadow:0 12px 40px #ea5b0c99;transform:translateY(-3px)}.workflow-nav-btn--back{justify-self:start}.workflow-nav-btn--next{justify-self:end}.workflow-nav-right{display:flex;align-items:center;gap:1rem;justify-self:end}.workflow-cell-count{display:flex;justify-content:center;align-items:center}.cell-count-chain{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d}.count-chain-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;min-width:60px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .3s ease}.count-chain-step.active{background:#ea5b0c26;border-color:#ea5b0c;box-shadow:0 0 12px #ea5b0c4d}.count-chain-step.passed{background:#0d7c991a;border-color:#0d7c994d}.count-chain-step.future{opacity:.4}.count-chain-number{font-family:Big John,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.count-chain-step.active .count-chain-number{color:#ea5b0c}.count-chain-step.passed .count-chain-number{color:#0d7c99}.count-chain-label{font-family:Roboto,sans-serif;font-size:.625rem;text-transform:uppercase;color:var(--text-secondary);opacity:.7}.count-chain-arrow{color:#fff3;transition:color .3s ease}.count-chain-arrow.passed{color:#0d7c9980}.count-chain-arrow.future{opacity:.3}.workflow-nav-feedback{font-family:Roboto,sans-serif;font-size:.9375rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.workflow-nav-feedback strong{color:#ea5b0c;font-weight:500}.workflow-nav-feedback .arrow{color:#ffffff4d;margin:0 .25rem}.step-fundamentals{height:100%;overflow:hidden}.step-fundamentals-card{display:flex;flex-direction:column;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2rem;height:100%;overflow:hidden}.step-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.step-title{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem}.step-title svg{color:#ea5b0c}.step-title h2{font-family:Big John,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin:0}.step-description{font-family:Roboto,sans-serif;font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.fundamentals-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;flex:1;min-height:0}.filter-column{display:flex;flex-direction:column;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;transition:all .3s ease;min-height:0}.filter-column:hover{background:#0000004d;border-color:#ea5b0c33}.filter-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.filter-column-title{display:flex;align-items:center;gap:.5rem}.filter-column h3{font-family:Big John,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0}.filter-count{font-family:Roboto,sans-serif;font-size:.8125rem;color:var(--text-secondary)}.filter-options{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0;padding-right:.5rem}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:#ea5b0c66;border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:#ea5b0c99}.filter-option{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:6px;font-family:Roboto,sans-serif;font-size:.9375rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.filter-option:hover{background:#ffffff0d}.filter-option--disabled{opacity:.4;cursor:not-allowed}.filter-option--disabled:hover{background:transparent}.filter-option--disabled .filter-option-label{text-decoration:line-through}.filter-option--disabled .filter-option-count{opacity:.5}.filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ea5b0c}.filter-option input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.filter-option-label{flex:1}.filter-option-count{padding:.25rem .625rem;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:12px;font-family:Roboto,sans-serif;font-size:.8125rem;font-weight:600;color:#ea5b0c}.filter-empty{padding:1rem;text-align:center;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-secondary);font-style:italic}.fundamentals-feedback{margin-bottom:2rem}.feedback-box{text-align:center;padding:1.5rem;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:8px}.feedback-label{font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.feedback-count{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.count-number{font-family:Big John,sans-serif;font-size:2rem;font-weight:700;color:#ea5b0c}.count-number--large{font-size:2.5rem}.count-total{font-family:Roboto,sans-serif;font-size:1.25rem;color:var(--text-secondary)}.feedback-status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Roboto,sans-serif;font-size:.875rem;color:#0d7c99}.feedback-status--success{color:#0d7c99}.step-performance{height:100%;overflow:hidden}.step-performance-card{display:flex;flex-direction:row;gap:1rem;height:100%;width:100%;overflow:hidden;position:relative;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:1rem}.performance-requirements-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.requirements-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ea5b0c14;border-bottom:1px solid rgba(234,91,12,.2)}.requirements-header svg{color:#ea5b0c}.requirements-header h3{font-family:Big John,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0}.requirements-body{display:flex;flex-direction:column;gap:1rem;padding:1rem;flex:1;overflow-y:auto}.requirement-input-group,.weight-slider{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.requirement-label,.weight-slider-header{display:flex;align-items:baseline;justify-content:space-between;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-secondary)}.requirement-unit,.weight-value{font-family:Roboto Mono,monospace;font-size:.75rem;color:#fff6;font-weight:500}.requirement-input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:Roboto,sans-serif;font-size:1rem;color:var(--text-primary);transition:all .2s ease}.requirement-input:focus{outline:none;border-color:#ea5b0c;box-shadow:0 0 0 3px #ea5b0c1a}.requirement-input:disabled{opacity:.5;cursor:not-allowed}.requirement-reset-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.requirement-reset-btn:hover:not(:disabled){background:#ea5b0c1a;border-color:#ea5b0c;color:#ea5b0c}.requirement-reset-btn:disabled{opacity:.4;cursor:not-allowed}.requirement-reset-btn svg{transition:transform .3s ease}.requirement-reset-btn:hover:not(:disabled) svg{transform:rotate(180deg)}.requirement-summary{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.summary-label{font-family:Roboto,sans-serif;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.summary-count{display:flex;align-items:baseline;gap:.5rem}.summary-number{font-family:Big John,sans-serif;font-size:2rem;font-weight:700;color:#ea5b0c}.summary-total{font-family:Roboto,sans-serif;font-size:1rem;color:var(--text-secondary)}.workflow-my-plot-container{flex:1;display:flex;flex-direction:column;background:#1a1a1a99;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(80px) saturate(250%);min-width:0}.workflow-my-plot-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#32323280;border-bottom:1px solid rgba(255,255,255,.08)}.workflow-my-plot-title{display:flex;align-items:center;gap:.75rem;font-family:Big John,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--text-primary)}.workflow-my-plot-title svg{color:#ea5b0c}.workflow-my-plot-count{font-family:Roboto,sans-serif;font-size:.75rem;font-weight:400;text-transform:none;color:var(--text-secondary);margin-left:.5rem;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.15)}.workflow-my-plot-main{flex:1;min-height:0;padding:1rem}.step-priorities{height:100%;overflow:hidden}.step-priorities-card{display:flex;flex-direction:row;gap:1rem;height:100%;width:100%;overflow:hidden;position:relative;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:1rem}.priorities-weight-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.weight-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ea5b0c14;border-bottom:1px solid rgba(234,91,12,.2)}.weight-header svg{color:#ea5b0c}.weight-header h3{font-family:Big John,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0;flex:1}.weight-total{font-family:Roboto Mono,monospace;font-size:.875rem;color:#0d7c99;font-weight:600}.weight-body{display:flex;flex-direction:column;gap:1rem;padding:1rem;flex:1;overflow-y:auto}.weight-slider{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.weight-slider-header{display:flex;align-items:center;gap:.75rem}.weight-slider-header svg{flex-shrink:0}.weight-label{flex:1;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-secondary);font-weight:500}.weight-value{font-family:Roboto Mono,monospace;font-size:.875rem;color:#ea5b0c;font-weight:600;min-width:40px;text-align:right}.weight-range{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.weight-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ea5b0c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.weight-range::-webkit-slider-thumb:hover{background:#ff7a33;transform:scale(1.1)}.weight-range::-webkit-slider-thumb:active{transform:scale(.95)}.weight-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ea5b0c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.weight-range::-moz-range-thumb:hover{background:#ff7a33;transform:scale(1.1)}.weight-range::-moz-range-thumb:active{transform:scale(.95)}.weight-range::-webkit-slider-runnable-track{background:linear-gradient(to right,#ea5b0c 0%,#ea5b0c var(--value, 50%),rgba(255,255,255,.1) var(--value, 50%),rgba(255,255,255,.1) 100%)}.weight-range::-moz-range-track{background:#ffffff1a}.weight-range::-moz-range-progress{background:#ea5b0c;height:6px;border-radius:3px}.weight-reset-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-top:auto}.weight-reset-btn:hover{background:#ea5b0c26;border-color:#ea5b0c;color:#ea5b0c}.weight-reset-btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.weight-reset-btn:hover svg{transform:rotate(180deg)}.weight-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0d7c9914;border:1px solid rgba(13,124,153,.2);border-radius:8px;margin-top:.5rem}.summary-label{font-family:Big John,sans-serif;font-size:.75rem;text-transform:uppercase;color:#fff9}.summary-count{display:flex;align-items:baseline;gap:.25rem}.summary-number{font-family:Big John,sans-serif;font-size:2rem;font-weight:700;color:#0d7c99;line-height:1}.summary-total{font-family:Roboto,sans-serif;font-size:1rem;color:#fff6}.priorities-chart-container{flex:1;display:flex;flex-direction:column;background:#1a1a1a99;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(80px) saturate(250%);min-width:0;width:100%}.priorities-chart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#32323280;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.priorities-chart-title{display:flex;align-items:center;gap:.75rem;font-family:Big John,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--text-primary)}.priorities-chart-title svg{color:#ea5b0c;flex-shrink:0}.priorities-chart-count{font-family:Roboto,sans-serif;font-size:.75rem;font-weight:400;text-transform:none;color:var(--text-secondary);margin-left:.5rem;padding-left:.75rem;border-left:1px solid rgba(255,255,255,.15)}.priorities-chart-main{flex:1;min-height:0;min-width:0;width:100%;padding:1rem}.performance-controls{display:flex;flex-direction:column;gap:1.5rem}.control-section{background:#32323280;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem}.control-section h3{font-family:Big John,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0 0 1rem}.control-group{margin-bottom:1rem}.control-group:last-child{margin-bottom:0}.control-group label,.control-group .control-label{display:block;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.control-group select,.control-group input,.control-select,.control-input{width:100%;padding:.625rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:Roboto,sans-serif;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.control-group select:focus,.control-group input:focus,.control-select:focus,.control-input:focus{outline:none;border-color:#ea5b0c;box-shadow:0 0 0 3px #ea5b0c1a}.control-reset-btn{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:Roboto,sans-serif;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.control-reset-btn:hover{background:#ea5b0c1a;border-color:#ea5b0c;color:#ea5b0c}.zone-inputs{display:flex;flex-direction:column;gap:1rem}.zone-input-group{display:flex;flex-direction:column}.input-with-unit{display:flex;align-items:center;gap:.5rem;position:relative}.input-with-unit input{flex:1}.input-unit{position:absolute;right:.75rem;font-family:Roboto,sans-serif;font-size:.8125rem;color:var(--text-secondary);pointer-events:none}.requirement-zone-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.performance-plot{background:#32323280;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;height:100%;display:flex;flex-direction:column}.performance-plot h3{font-family:Big John,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0 0 1rem}.performance-feedback{padding:1rem;background:#0d7c991a;border:1px solid rgba(13,124,153,.3);border-radius:6px;font-family:Roboto,sans-serif;font-size:.9375rem;color:#0d7c99;margin-top:1rem}.step-champion{height:100%;overflow:hidden}.step-champion-card{display:flex;flex-direction:column;gap:1rem;height:100%;width:100%;overflow:hidden;position:relative;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:1rem}.champion-table-wrapper{flex:1;background:#1a1a1a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow-y:auto;overflow-x:hidden}.champion-table{width:100%;border-collapse:collapse}.champion-table thead{background:#0000004d;border-bottom:2px solid rgba(255,255,255,.1)}.champion-table th{padding:1rem;text-align:left;font-family:Big John,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.champion-table th:first-child{width:60px;text-align:center}.champion-table th:nth-child(2){width:60px;text-align:center}.champion-table th:last-child{width:80px;text-align:center}.champion-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.champion-table tbody tr:hover{background:#ffffff08}.champion-table tbody tr.top-champion{background:#ea5b0c1a}.champion-table tbody tr.selected{background:#0d7c9926}.champion-table td{padding:1rem;font-family:Roboto,sans-serif;font-size:.9375rem;color:var(--text-primary)}.champion-table td:first-child{text-align:center;font-family:Big John,sans-serif;font-weight:700;color:#ea5b0c}.champion-table td:nth-child(2){text-align:center;font-size:1.5rem}.champion-table td:last-child{text-align:center}.champion-table .cell-name{font-weight:500;color:var(--text-primary)}.champion-table .manufacturer-name{font-size:.8125rem;color:var(--text-secondary)}.champion-table .score-value{font-weight:600;color:#0d7c99}.champion-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ea5b0c}.champion-actions{display:flex;justify-content:center;gap:1rem;padding:.5rem 0;flex-shrink:0}.champion-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#ea5b0c,#ff7a33);border:none;border-radius:8px;font-family:Big John,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.champion-action-btn:hover{box-shadow:0 8px 30px #ea5b0c80;transform:translateY(-3px)}.champion-action-btn:active{transform:translateY(-1px)}.champion-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.rank-badge{display:flex;align-items:center;justify-content:center;gap:.25rem;min-width:32px;height:32px;padding:0 .5rem;background:#ffffff0d;border-radius:6px;font-family:Big John,sans-serif;font-weight:700;font-size:.875rem;color:var(--text-secondary)}.rank-badge--champion{background:linear-gradient(135deg,#ea5b0c,#ff7a33);color:#fff;box-shadow:0 4px 12px #ea5b0c4d}.col-rank,.col-image,.col-select{text-align:center!important}.champion-cell-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:8px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative;aspect-ratio:1 / 1}.champion-cell-image img{width:100%;height:100%;object-fit:contain;background:#1414144d}.champion-cell-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.625rem;text-align:center}.top-champion .champion-cell-image{border-color:#ea5b0c;box-shadow:0 0 12px #ea5b0c4d}.top-champion .champion-cell-image-placeholder{color:#ea5b0c}.compare-toggle-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-family:Roboto,sans-serif}.compare-toggle-btn:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.compare-toggle-btn.active{background:#ea5b0c26;border-color:var(--color-primary);color:var(--color-primary)}.compare-toggle-btn.active:hover{background:#ea5b0c40}.input-with-slider{display:flex;flex-direction:column;gap:.75rem}.req-range-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.req-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ea5b0c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.req-range-slider::-webkit-slider-thumb:hover{background:#ff7a33;transform:scale(1.1)}.req-range-slider::-webkit-slider-thumb:active{transform:scale(.95)}.req-range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ea5b0c;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.req-range-slider::-moz-range-thumb:hover{background:#ff7a33;transform:scale(1.1)}.req-range-slider::-moz-range-thumb:active{transform:scale(.95)}@media (max-width: 1400px){.fundamentals-filters{grid-template-columns:repeat(2,1fr)}.step-performance,.step-priorities{grid-template-columns:350px 1fr}}@media (max-width: 1024px){.fundamentals-filters{grid-template-columns:1fr}.step-performance,.step-priorities{grid-template-columns:1fr;height:auto}.performance-controls,.priorities-weights{margin-bottom:2rem}.champion-table{font-size:.875rem}.champion-table th,.champion-table td{padding:.75rem .5rem}}@media (max-width: 768px){.workflow-header{flex-direction:column;gap:1rem;padding:1rem}.workflow-progress{width:100%;justify-content:center}.workflow-navigation{flex-direction:column;gap:1rem}.workflow-nav-feedback{order:-1}.step-title{font-size:1.25rem}.champion-table{display:block;overflow-x:auto}}.compare-page{padding:2rem;max-width:1600px;margin:0 auto}.compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.compare-header h1{margin:0;font-size:2rem;color:var(--text-primary)}.compare-header p{margin:.5rem 0 0;color:var(--text-secondary)}.btn-clear{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-clear:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.compare-content{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;min-height:400px}.compare-empty{text-align:center;padding:4rem 2rem}.compare-empty h2{margin:0 0 1rem;color:var(--text-primary)}.compare-empty p{color:var(--text-secondary);margin:0}.compare-table-container{overflow-x:auto}.compare-table{width:100%;border-collapse:separate;border-spacing:0}.compare-table thead{position:sticky;top:0;background:var(--bg-primary);z-index:10}.compare-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);background:#ffffff0d;border-bottom:2px solid rgba(255,255,255,.1)}.compare-table th:first-child{border-top-left-radius:8px;position:sticky;left:0;z-index:11;background:var(--bg-primary)}.compare-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-secondary)}.compare-table td:first-child{font-weight:500;color:var(--text-primary);background:#ffffff05;position:sticky;left:0;z-index:1}.compare-table tbody tr:hover{background:#ffffff05}@media (max-width: 768px){.compare-page{padding:1rem}.compare-header{flex-direction:column;align-items:flex-start;gap:1rem}.compare-table th,.compare-table td{padding:.5rem;font-size:.875rem}}[data-theme=light] .compare-header{border-bottom-color:#0000001a}[data-theme=light] .compare-content{background:#00000005;border-color:#0000001a}[data-theme=light] .compare-table th{background:#0000000d;border-bottom-color:#0000001a}[data-theme=light] .compare-table td{border-bottom-color:#0000000d}[data-theme=light] .compare-table td:first-child,[data-theme=light] .compare-table tbody tr:hover{background:#00000005}.compare-quality-view{width:100%;height:100%;overflow-y:auto}.compare-quality-view.loading,.compare-quality-view.empty{display:flex;align-items:center;justify-content:center;min-height:400px}.compare-quality-view .loading-spinner,.compare-quality-view .empty-state{text-align:center;color:var(--text-secondary);font-family:Roboto,sans-serif}.compare-quality-view .empty-state .hint{margin-top:var(--space-sm);font-size:14px;color:var(--text-tertiary)}.quality-comparison-section{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:24px;margin-bottom:var(--space-3xl);transition:all .3s ease}.quality-comparison-section:last-child{margin-bottom:0}.quality-comparison-section:hover{border-color:#ea5b0c4d;box-shadow:0 4px 20px #0006}.section-header{margin-bottom:var(--space-xl)}.section-title{font-family:Big John,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.section-subtitle{font-family:Roboto,sans-serif;font-size:14px;color:var(--text-secondary);margin:0}.info-banner{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#0d7c9914,#0d7c990a);border:1px solid rgba(13,124,153,.2);border-left:3px solid #0d7c99;border-radius:8px;margin-bottom:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.info-banner svg{flex-shrink:0;color:#0d7c99;margin-top:2px}.info-banner .info-banner-content{flex:1;font-family:Roboto,sans-serif;font-size:12px;line-height:1.5;color:#fffc}.info-banner .info-banner-content strong{color:#fffffff2;font-weight:600}.quality-plot-card{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:var(--space-xl);margin-bottom:var(--space-xl);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.plot-card-header{margin-bottom:var(--space-lg)}.plot-title{font-family:Big John,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.plot-subtitle{font-family:Roboto,sans-serif;font-size:12px;color:var(--text-tertiary);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.plot-container{width:100%;min-height:300px;position:relative}.comparison-table-card{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:var(--space-xl);margin-bottom:var(--space-xl);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);overflow-x:auto}.table-title{font-family:Big John,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0 0 var(--space-lg) 0}.comparison-table{width:100%;border-collapse:collapse;font-family:Roboto,sans-serif}.comparison-table thead{border-bottom:2px solid var(--border-medium)}.comparison-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.comparison-table th.metric-col{width:180px;min-width:180px}.comparison-table th.cell-col{min-width:160px}.comparison-table th.best-col{width:120px;text-align:center}.cell-header{display:flex;align-items:center;gap:var(--space-sm)}.cell-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.comparison-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.comparison-table tbody tr:hover{background:var(--bg-3)}.comparison-table tbody tr.highlight-row{background:#0d7c990d}.comparison-table tbody tr.highlight-row:hover{background:#0d7c9914}.comparison-table td{padding:var(--space-md) var(--space-lg);font-size:13px}.metric-label{font-weight:500;color:var(--text-primary)}.value-cell{color:var(--text-secondary)}.value-cell .value-num{font-family:Big John,sans-serif;font-weight:600;color:var(--text-primary);margin-right:3px}.value-cell .value-unit{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:var(--text-tertiary)}.value-cell.best-value{background:#10b9811a;position:relative}.value-cell.best-value:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:70%;background:var(--success);border-radius:0 2px 2px 0}.best-cell{text-align:center}.best-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 10px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--success);text-transform:uppercase}.best-indicator svg{flex-shrink:0}@media (max-width: 1200px){.compare-quality-view{padding:var(--space-lg)}.comparison-table th.metric-col{width:140px;min-width:140px}.comparison-table th.cell-col{min-width:130px}}@media (max-width: 768px){.compare-quality-view{padding:var(--space-md)}.section-title{font-size:18px}.plot-card-header,.comparison-table-card{padding:var(--space-lg)}.comparison-table{font-size:12px}.comparison-table th,.comparison-table td{padding:var(--space-sm) var(--space-md)}}body{background:#0a0a0a;background-image:radial-gradient(circle at 20% 30%,rgba(234,91,12,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(13,124,153,.04) 0%,transparent 50%);background-attachment:fixed}[data-theme=light] body{background:#fafafa;background-image:radial-gradient(circle at 20% 30%,rgba(234,91,12,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(13,124,153,.03) 0%,transparent 50%)}.section-container{position:relative;width:100%;min-height:600px;padding:0;background:transparent;backdrop-filter:none;border-radius:24px;overflow:visible;border:none;box-shadow:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;justify-content:center}[data-theme=light] .section-container{background:transparent;backdrop-filter:none;border:none;box-shadow:none;-webkit-backdrop-filter:blur(80px) saturate(120%)}.section-description{max-width:1280px;margin:0 auto 32px;padding:0;text-align:center;z-index:2;position:relative}.section-description p{font-size:14px;color:#999;line-height:1.6;margin:0;font-family:Big John,sans-serif;font-weight:400}[data-theme=light] .section-description p{color:#666}.section-watermark{position:absolute;top:80px;right:80px;font-family:Big John,sans-serif;font-size:72px;font-weight:400;color:#ea5b0c2e;pointer-events:none;user-select:none;z-index:1;line-height:1;text-align:right;text-shadow:0 0 40px rgba(234,91,12,.15),0 0 80px rgba(234,91,12,.08);animation:watermarkPulse 8s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(234,91,12,.1))}@keyframes watermarkPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.section-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0}.section-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.section-tile-flipper{perspective:1000px;min-height:140px}.section-tile-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.section-tile-flipper.flipped .section-tile-inner{transform:rotateY(180deg)}.section-tile{background:linear-gradient(135deg,#323232cc,#2d2d2de6);border-radius:16px;padding:24px;cursor:pointer;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff08;border:1px solid rgba(234,91,12,.1);min-height:140px;display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;backface-visibility:hidden}[data-theme=light] .section-tile{background:linear-gradient(135deg,#ffffffe6,#fafafaf2);box-shadow:0 4px 12px #0000000f,inset 0 1px #fffc;border:1px solid rgba(234,91,12,.15)}.section-tile-front{transform:rotateY(0);z-index:2}.section-tile-back{transform:rotateY(180deg);cursor:default;z-index:1}.section-tile-flipper:not(.flipped):hover .section-tile-front{box-shadow:0 12px 32px #ea5b0c4d,0 0 0 1px #ea5b0c66,inset 0 1px #ffffff0d;border-color:#ea5b0c80}.tile-flip-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);color:#ea5b0c;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.tile-flip-btn:hover{background:#ea5b0c4d;border-color:#ea5b0c99;transform:scale(1.1)}.tile-flip-back{background:#ffffff1a;border-color:#fff3;color:#fff;font-size:16px}.section-tile-label{font-size:12px;color:#aaa;margin-bottom:16px;text-transform:uppercase;font-family:Big John,sans-serif}[data-theme=light] .section-tile-label{color:#666}.section-tile-value{font-size:36px;color:#fff;line-height:1;font-family:Big John,sans-serif}[data-theme=light] .section-tile-value{color:#1a1a1a}.section-tile-unit{font-size:18px;color:#bbb;margin-left:8px}[data-theme=light] .section-tile-unit{color:#666}.section-tile-definition{padding:8px}.section-tile-definition h4{font-size:14px;color:#ea5b0c;margin:0 0 12px;text-transform:uppercase;font-family:Big John,sans-serif}.section-tile-definition p{font-size:13px;color:#ccc;line-height:1.6;margin:0}[data-theme=light] .section-tile-definition p{color:#4a4a4a}.section-side-content{background:#1a1a1a;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center}[data-theme=light] .section-side-content{background:#fff;box-shadow:0 2px 8px #0000000f}.section-side-content .radar-chart{height:320px!important;width:100%}.section-sidebar{position:sticky;top:137px;width:100%;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 157px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.3) transparent;align-self:start;padding:0;animation:flyInLeft .5s cubic-bezier(.34,1.56,.64,1)}@keyframes flyInLeft{0%{opacity:0;transform:translate(-100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.section-sidebar-header{padding:16px 20px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);backdrop-filter:blur(80px);border-radius:12px;border:1px solid rgba(234,91,12,.2)}.section-sidebar-title{font-family:Big John,sans-serif;font-weight:400;font-size:14px;color:#ea5b0c;margin:0;padding-top:3px;text-align:center}.section-sidebar-tiles{display:flex;flex-direction:column;gap:12px}.section-sidebar::-webkit-scrollbar{width:6px}.section-sidebar::-webkit-scrollbar-track{background:transparent}.section-sidebar::-webkit-scrollbar-thumb{background:#ea5b0c4d;border-radius:3px}.section-sidebar::-webkit-scrollbar-thumb:hover{background:#ea5b0c80}.section-mini-tile{background:linear-gradient(135deg,#2d2d2df2,#272727fa);backdrop-filter:blur(80px);border-radius:16px;padding:16px 20px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0009,0 0 0 1px #ea5b0c26,inset 0 1px #ffffff0d;border:1px solid rgba(234,91,12,.2);position:relative;animation:slideInLeft .4s cubic-bezier(.34,1.56,.64,1);width:100%;box-sizing:border-box}[data-theme=light] .section-mini-tile{background:linear-gradient(135deg,#fffffff2,#fafafafa);box-shadow:0 8px 32px #00000014,0 0 0 1px #ea5b0c1f,inset 0 1px #fffc;border:1px solid rgba(234,91,12,.2)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.section-mini-tile:hover{box-shadow:0 6px 20px #ea5b0c80;border-color:#ea5b0c66}.section-mini-tile.active{background:linear-gradient(135deg,#ea5b0c4d,#ea5b0c1a);border-color:#ea5b0c;box-shadow:0 6px 24px #ea5b0ccc;transform:scale(1.1)}.section-mini-label{font-size:10px;color:#aaa;margin-bottom:4px;text-transform:uppercase}[data-theme=light] .section-mini-label{color:#666}.section-mini-value{font-size:18px;color:#fff;font-family:Big John,sans-serif}[data-theme=light] .section-mini-value{color:#1a1a1a}.section-mini-unit{font-size:12px;color:#bbb;margin-left:4px}[data-theme=light] .section-mini-unit{color:#666}.section-mini-tile .close-icon{position:absolute;top:12px;right:12px;font-size:16px;color:#ea5b0c;font-weight:700;transition:all .2s ease}.section-mini-tile.active:hover .close-icon{transform:translate(-2px);text-shadow:0 0 8px rgba(234,91,12,.6)}.section-detail-content{grid-column:2;grid-row:2;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1)}.section-detail-view{background:#1f1f1f;border-radius:16px;padding:32px;box-shadow:0 4px 24px #00000080;min-height:500px}.section-detail-view h3{font-size:24px;color:#fff;margin-bottom:16px}.section-detail-view p{color:#aaa;font-size:14px}.section-quality{min-height:800px}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px}.quality-card{background:#ffffff03;border:1px solid rgba(255,255,255,.04);border-radius:12px;display:flex;flex-direction:column;gap:16px}.quality-card .card-section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:#fff;margin:0;padding-bottom:12px;border-bottom:1px solid rgba(234,91,12,.3)}.quality-card svg{width:100%;height:auto;stroke:#ea5b0c}.quality-content{flex:1;display:flex;flex-direction:column;gap:16px}.quality-empty{text-align:center;padding:40px 20px;color:#fff6;font-size:14px}.batch-plot-container{display:flex;justify-content:center;margin:16px 0}.batch-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.batch-metric-item{background:#ea5b0c0d;border:1px solid rgba(234,91,12,.2);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase}.metric-value{font-size:16px;font-weight:600;color:#ea5b0c}.metric-unit{font-size:12px;color:#fff6}.aging-metrics{display:flex;flex-direction:column;gap:16px}.aging-metric-item{display:flex;flex-direction:column;gap:8px}.metric-gauge{display:flex;align-items:center;gap:12px}.gauge-bar{flex:1;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,#34a853,#fbbc05,#ff5733);transition:width .4s ease;border-radius:6px}.metric-gauge .metric-value{font-size:14px;min-width:60px;text-align:right}@media (max-width: 1200px){.quality-grid,.section-grid{grid-template-columns:1fr}.section-tiles{grid-template-columns:repeat(2,1fr)}.section-sidebar{position:relative;top:0;width:100%;flex-direction:row;overflow-x:auto}.section-mini-tile{min-width:160px}}.login-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0a0a0a);overflow:hidden;padding:20px}.login-background{position:absolute;inset:0;overflow:hidden;z-index:0}.login-background:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(234,91,12,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(234,91,12,.03) 1px,transparent 1px),linear-gradient(rgba(13,124,153,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(13,124,153,.02) 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;background-position:-1px -1px,-1px -1px,-1px -1px,-1px -1px;z-index:1;pointer-events:none}.radar-logo{position:absolute;width:70px;height:70px;opacity:0;pointer-events:none;z-index:1;filter:drop-shadow(0 0 12px rgba(234,91,12,.3))}.radar-logo-1{top:8%;left:4%}.radar-logo-2{top:22%;left:10%}.radar-logo-3{top:38%;left:2%}.radar-logo-4{top:54%;left:8%}.radar-logo-5{top:68%;left:3%}.radar-logo-6{top:82%;left:12%}.radar-logo-7{top:95%;left:6%}.radar-logo-8{top:15%;left:25%}.radar-logo-9{top:50%;left:28%}.radar-logo-10{top:85%;left:22%}.radar-logo-11{top:18%;right:25%}.radar-logo-12{top:50%;right:28%}.radar-logo-13{top:82%;right:23%}.radar-logo-14{top:10%;right:5%}.radar-logo-15{top:25%;right:11%}.radar-logo-16{top:40%;right:3%}.radar-logo-17{top:56%;right:9%}.radar-logo-18{top:70%;right:4%}.radar-logo-19{top:84%;right:13%}.radar-logo-20{top:96%;right:7%}.radar-logo-21{top:12%;left:15%}.radar-logo-22{top:28%;left:6%}.radar-logo-23{top:44%;left:18%}.radar-logo-24{top:60%;left:12%}.radar-logo-25{top:76%;left:5%}.radar-logo-26{top:90%;left:16%}.radar-logo-27{top:5%;left:20%}.radar-logo-28{top:33%;left:32%}.radar-logo-29{top:65%;left:26%}.radar-logo-30{top:92%;left:30%}.radar-logo-31{top:14%;right:15%}.radar-logo-32{top:30%;right:6%}.radar-logo-33{top:46%;right:18%}.radar-logo-34{top:62%;right:12%}.radar-logo-35{top:78%;right:5%}.radar-logo-36{top:92%;right:16%}.radar-logo-37{top:7%;right:20%}.radar-logo-38{top:35%;right:32%}.radar-logo-39{top:67%;right:26%}.radar-logo-40{top:94%;right:30%}@keyframes radarScan{0%{transform:translateY(-2px)}to{transform:translateY(100vh)}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:float 25s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#ea5b0c 0%,transparent 70%);top:-300px;left:-300px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#0d7c99 0%,transparent 70%);bottom:-250px;right:-250px;animation-delay:8s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#ea5b0c 0%,transparent 70%);top:40%;right:5%;animation-delay:16s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.95)}}.login-container{position:relative;z-index:1;width:100%;max-width:520px;min-height:100vh;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;margin:0 auto;padding:24px 20px}.login-logo{text-align:center;flex-shrink:0}.login-center{width:100%;max-width:480px;flex-shrink:0}.login-legal{grid-column:1 / -1}.login-logo{animation:fadeInDown .7s cubic-bezier(.34,1.56,.64,1)}.login-logo-container{display:flex;align-items:center;justify-content:center;gap:16px}.login-logo .logo-icon{width:65px;height:65px;filter:drop-shadow(0 0 40px rgba(234,91,12,.3)) drop-shadow(0 0 80px rgba(13,124,153,.15));animation:pulse 3s ease-in-out infinite;flex-shrink:0}.logo-text-stack{display:flex;flex-direction:column;gap:2px;align-items:flex-start}@keyframes pulse{0%,to{filter:drop-shadow(0 0 40px rgba(234,91,12,.3)) drop-shadow(0 0 80px rgba(13,124,153,.15))}50%{filter:drop-shadow(0 0 50px rgba(234,91,12,.4)) drop-shadow(0 0 100px rgba(13,124,153,.2))}}.login-logo h1{font-family:Big John,sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0;padding:0;text-transform:uppercase;background:linear-gradient(135deg,#ea5b0c,#ff7a33);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;white-space:nowrap}.login-subtitle{font-family:Big John,sans-serif;font-size:23.25px;color:#ffffff80;margin:0;padding:0;font-weight:400;text-transform:uppercase;line-height:1.2;white-space:nowrap}.info-card,.login-card{width:100%;display:flex;flex-direction:column;background:#1e1e1e66;backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0003;animation:fadeInUp .7s cubic-bezier(.34,1.56,.64,1) .15s both;position:relative;overflow:hidden;z-index:10}.info-card:before,.login-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 100%);pointer-events:none}.info-card:after,.login-card:after{content:"";position:absolute;inset:12px;border-radius:20px;background:linear-gradient(to right,#ea5b0c 20px,transparent 20px) 0 0 / 40px 2px,linear-gradient(to right,#ea5b0c 20px,transparent 20px) 0 100% / 40px 2px,linear-gradient(to bottom,#ea5b0c 20px,transparent 20px) 0 0 / 2px 40px,linear-gradient(to bottom,#ea5b0c 20px,transparent 20px) 100% 0 / 2px 40px,linear-gradient(to bottom,#ea5b0c 20px,transparent 20px) 0 100% / 2px 40px,linear-gradient(to bottom,#ea5b0c 20px,transparent 20px) 100% 100% / 2px 40px,linear-gradient(to right,#ea5b0c 20px,transparent 20px) 100% 0 / 40px 2px,linear-gradient(to right,#ea5b0c 20px,transparent 20px) 100% 100% / 40px 2px;background-repeat:no-repeat;opacity:.4;pointer-events:none}.info-card h2,.login-card h2{font-family:Big John,sans-serif;font-size:28px;font-weight:700;color:#fff;margin:0 0 24px;text-align:center}.info-description,.login-description{font-size:15px;color:#ffffff80;margin:0 0 36px;line-height:1.6}.info-features{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.info-feature-item{display:flex;gap:16px;align-items:flex-start;position:relative}.info-feature-item .feature-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#ea5b0c26,#ff7a331a);border:1px solid rgba(234,91,12,.3)}.info-feature-item .feature-icon svg{color:#ea5b0c;width:20px;height:20px}.info-feature-item .feature-text h3{font-family:Big John,sans-serif;font-size:14px;font-weight:600;color:#fff;margin:0 0 6px}.info-feature-item .feature-text p{font-size:13px;line-height:1.5;color:#fff9;margin:0}.info-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);margin:32px 0}.info-access{text-align:center}.access-title{font-family:Big John,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.access-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0;height:52px;width:100%;max-width:320px;background:linear-gradient(135deg,#ea5b0c,#ff7a33);border:none;border-radius:12px;color:#fff;font-family:Big John,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #ea5b0c40}.access-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.access-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ea5b0c66}.access-button:hover:before{opacity:1}.access-button:active{transform:translateY(0)}.access-button .arrow-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.access-button:hover .arrow-icon{transform:translate(4px)}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase}.form-group input{width:100%;height:48px;padding:0 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-family:Roboto,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:#ffffff40}.form-group input:hover{border-color:#ffffff26;background:#ffffff14}.form-group input:focus{outline:none;border-color:#ea5b0c80;background:#ffffff1a;box-shadow:0 0 0 4px #ea5b0c26,inset 0 1px 2px #0000001a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ff6b6b;font-size:14px;line-height:1.5;animation:shake .4s cubic-bezier(.34,1.56,.64,1)}.error-message svg{flex-shrink:0;color:#ff6b6b}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-button{width:100%;height:50px;padding:0 24px;background:linear-gradient(135deg,#ea5b0c,#ff7a33);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;font-family:Big John,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 24px #ea5b0c59,inset 0 1px 1px #fff3;margin-top:8px;text-transform:uppercase}.login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #ea5b0c73,inset 0 1px 1px #fff3;background:linear-gradient(135deg,#ff7a33,#ea5b0c)}.login-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ea5b0c4d,inset 0 1px 1px #fff3}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:0 8px 24px #ea5b0c33,inset 0 1px 1px #fff3!important}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;flex-shrink:0}.login-footer{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.login-divider{height:1px;background:#ffffff14;margin:20px 0 16px}.login-access{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0;font-family:Roboto,sans-serif;font-size:.85rem;color:#ffffff80}.access-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-primary);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.access-link:hover{color:#ff7a33;gap:10px}.access-link svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.access-link:hover svg{transform:translate(4px)}.login-link{font-size:13px;color:#ffffff80;text-decoration:none;transition:all .3s ease;position:relative}.login-link:hover{color:#ea5b0c}.login-link:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:#ea5b0c;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.login-link:hover:after{transform:scaleX(1);transform-origin:left}.separator{color:#fff3;font-size:12px}.login-features{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .7s cubic-bezier(.34,1.56,.64,1) .25s both}.feature-item{display:flex;gap:16px;align-items:flex-start;padding:24px;background:#1e1e1e66;backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0003;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.feature-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}.feature-item:hover{transform:translateY(-4px);border-color:#ea5b0c4d;box-shadow:0 12px 48px #ea5b0c26,0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a}.feature-item:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,rgba(234,91,12,.05) 20%,rgba(13,124,153,.05) 40%,transparent 60%,rgba(255,255,255,.02) 100%);background-size:200% 200%;animation:shimmer 3s ease-in-out infinite}.feature-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#ea5b0c26,#ff7a331a);border:1px solid rgba(234,91,12,.3)}.feature-icon svg{color:#ea5b0c;width:20px;height:20px}.feature-text h3{font-family:Big John,sans-serif;font-size:14px;font-weight:600;color:#fff;margin:0 0 6px}.feature-text p{font-size:13px;line-height:1.5;color:#fff9;margin:0}.login-signup{animation:fadeInUp .8s cubic-bezier(.34,1.56,.64,1) .35s both}.signup-content{text-align:center;padding:32px 28px;background:#1e1e1e66;backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0003;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.signup-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}.signup-content:hover{transform:translateY(-4px);border-color:#ea5b0c4d;box-shadow:0 12px 48px #ea5b0c33,0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a}.signup-content:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,rgba(234,91,12,.05) 20%,rgba(13,124,153,.05) 40%,transparent 60%,rgba(255,255,255,.02) 100%);background-size:200% 200%;animation:shimmer 3s ease-in-out infinite}.signup-title{font-family:Big John,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.signup-text{font-size:13px;line-height:1.5;color:#ffffffb3;margin:0 0 20px;font-weight:400}.signup-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0;height:52px;width:100%;max-width:280px;background:linear-gradient(135deg,#ea5b0c,#ff7a33);border:none;border-radius:12px;color:#fff;font-family:Big John,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none;box-shadow:0 4px 16px #ea5b0c66,0 2px 8px #0003,inset 0 1px #fff3;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.signup-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.signup-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ea5b0c80,0 4px 12px #0000004d,inset 0 1px #fff3}.signup-button:active{transform:translateY(-1px)}.signup-button .arrow-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.signup-button:hover .arrow-icon{transform:translate(4px)}.login-legal{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px 0;font-size:11px;color:#ffffff59;animation:fadeIn .6s ease-out .5s both;flex-shrink:0}.login-legal a{color:#ffffff59;text-decoration:none;transition:color .3s ease}.login-legal a:hover{color:#fff9}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.login-card:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,rgba(234,91,12,.05) 20%,rgba(13,124,153,.05) 40%,transparent 60%,rgba(255,255,255,.02) 100%);background-size:200% 200%;animation:shimmer 3s ease-in-out infinite}@media (max-width: 1300px){.login-container{grid-template-columns:1fr 460px;gap:40px}}@media (max-width: 1024px){.login-container{grid-template-columns:1fr;max-width:600px;gap:32px}.login-right{position:relative;top:0;max-width:100%}.login-logo{text-align:center}.login-logo-container{justify-content:center}}@media (max-width: 640px){.login-page{padding:16px}.login-container{max-width:100%;padding:12px;gap:16px}.login-logo-container{gap:12px}.login-logo .logo-icon{width:55px;height:55px}.logo-text-stack{gap:1px}.login-card{padding:24px 20px}.login-logo h1{font-size:22px}.login-subtitle{font-size:9px}.login-card h2{font-size:20px;margin-bottom:20px}.login-form{gap:16px}.form-group input{height:44px;font-size:14px}.login-button{height:46px;font-size:14px}.login-footer{margin-top:16px;padding-top:16px;font-size:11px}.login-divider{margin:16px 0 12px}.login-access{padding:10px 0;font-size:.8rem}.login-legal{font-size:10px;flex-wrap:wrap}.signup-content{padding:24px 20px}.signup-button{width:100%}.gradient-orb{opacity:.08;filter:blur(120px)}.login-background:before{background-size:30px 30px,30px 30px,6px 6px,6px 6px}.radar-logo{width:120px;height:120px}.feature-item{flex-direction:column;text-align:center;gap:16px;padding:20px}.feature-item:hover{transform:translateY(-4px)}.feature-icon{margin:0 auto}.signup-title{font-size:18px}}@media (prefers-color-scheme: light){.login-page{background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0a0a0a)}}.loading-screen{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0a0a0a);animation:fadeIn .4s ease;top:0!important;left:0!important;width:100vw!important;height:100vh!important}.loading-container{position:relative;z-index:1;width:100%;max-width:520px;min-height:100vh;display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;margin:0 auto;padding:24px 20px}.loading-message{margin-bottom:2rem;text-align:center}.loading-message h1{font-family:Big John,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .75rem;text-transform:uppercase;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{color:#fff;text-shadow:0 0 20px rgba(234,91,12,.3)}50%{color:var(--accent-primary);text-shadow:0 0 40px rgba(234,91,12,.6)}}.loading-detail{font-family:Roboto,sans-serif;font-size:.9rem;font-weight:400;color:#ffffff80;margin:0;min-height:1.5rem;transition:all .3s ease}.loading-progress-container{margin-bottom:2.5rem;width:100%;max-width:500px}.loading-progress-track{position:relative;width:100%;height:12px;background:#ffffff0d;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 8px #0000004d}.loading-progress-fill{position:relative;height:100%;background:linear-gradient(90deg,#ea5b0ccc,#ea5b0c,#ff8c3c);border-radius:999px;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px #ea5b0c99}.loading-progress-glow{position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:progressGlow 1.5s ease-in-out infinite}@keyframes progressGlow{0%,to{opacity:0;transform:translate(-30px)}50%{opacity:1;transform:translate(0)}}.loading-percentage{text-align:center;margin-top:.75rem;font-family:Big John,sans-serif;font-size:1.25rem;font-weight:600;color:#ea5b0c;text-shadow:0 0 20px rgba(234,91,12,.5)}.loading-phases{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.loading-phase{display:flex;align-items:center;gap:.5rem;opacity:.4;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.loading-phase.active{opacity:1}.loading-phase.complete{opacity:.6}.phase-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.loading-phase.active .phase-dot{background:#ea5b0c;box-shadow:0 0 16px #ea5b0ccc;animation:phasePulse 1.5s ease-in-out infinite}@keyframes phasePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.8}}.loading-phase.complete .phase-dot{background:#10b981;box-shadow:0 0 12px #10b98199}.phase-label{font-family:Roboto,sans-serif;font-size:.75rem;font-weight:500;color:#fff6;text-transform:uppercase;transition:color .4s ease}.loading-phase.active .phase-label{color:#ffffffe6}.loading-phase.complete .phase-label{color:#fff9}@media (max-width: 768px){.loading-logo .logo-text{font-size:1.25rem}.loading-message h1{font-size:1.5rem}.loading-phases{gap:1rem}.phase-label{font-size:.65rem}}.qa-verification-page{min-height:100vh;background:#0d0d0d;color:#fff;padding:40px 20px}.qa-header{max-width:1600px;margin:0 auto 30px;text-align:center;border-bottom:2px solid rgba(234,91,12,.3);padding-bottom:30px}.qa-header h1{font-family:Big John,sans-serif;font-size:2rem;font-weight:700;margin:0 0 12px;color:#fff;text-transform:uppercase}.qa-description{font-family:Roboto,sans-serif;font-size:1rem;color:#fff9;max-width:800px;margin:0 auto;line-height:1.6}.qa-controls{max-width:1600px;margin:0 auto 24px;padding:20px 24px;background:#1e1e1e66;backdrop-filter:blur(80px);border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:24px;flex-wrap:wrap}.qa-control-group{display:flex;align-items:center;gap:12px}.qa-control-label{font-family:Roboto,sans-serif;font-size:.9rem;font-weight:500;color:#ffffffb3;white-space:nowrap}.qa-control-select{padding:8px 16px;background:#0d0d0db3;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;font-family:Roboto,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:180px}.qa-control-select:hover{background:#0d0d0dd9;border-color:#ea5b0c66}.qa-control-select:focus{outline:none;border-color:#ea5b0c;box-shadow:0 0 0 3px #ea5b0c26}.qa-results-count{margin-left:auto;font-family:Roboto,sans-serif;font-size:.85rem;color:#ffffff80;padding:8px 16px;background:#ea5b0c1a;border-radius:6px;border:1px solid rgba(234,91,12,.2)}.qa-table-container{max-width:1600px;margin:0 auto 60px;overflow-x:auto;background:#1e1e1e66;backdrop-filter:blur(80px);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.qa-comparison-table{width:100%;border-collapse:collapse;font-family:Roboto,sans-serif}.qa-comparison-table thead{background:#ea5b0c1a;border-bottom:2px solid rgba(234,91,12,.3);position:sticky;top:0;z-index:10}.qa-comparison-table th{padding:16px;text-align:left;font-weight:600;font-size:.9rem;color:#fffc;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.05)}.qa-comparison-table th:last-child{border-right:none}.col-cell-info{width:180px;min-width:180px}.col-dimensions{width:240px;min-width:240px}.col-image,.col-drawing{width:350px;min-width:350px}.qa-row{border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s ease}.qa-row:hover{background:#ea5b0c0d}.qa-row td{padding:12px 16px;border-right:1px solid rgba(255,255,255,.05);vertical-align:top}.qa-row td:last-child{border-right:none}.cell-info{display:flex;flex-direction:column;gap:6px}.manufacturer-name{font-size:.85rem;color:#fff9;font-weight:500;text-transform:uppercase}.cell-name-link{font-size:.95rem;color:#fff;font-weight:600;word-break:break-word;text-decoration:none;transition:all .2s ease;display:inline-block}.cell-name-link:hover{color:#ea5b0c;text-decoration:underline;transform:translate(2px)}.cell-id{font-size:.75rem;color:#fff6;font-family:Courier New,monospace}.dimensions-info{display:flex;flex-direction:column;gap:14px}.dimension-group{display:flex;flex-direction:column;gap:6px}.dimension-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;font-weight:600}.dimension-values{display:flex;flex-direction:column;gap:3px}.dim-item{font-size:.8rem;color:#fff;font-family:Courier New,monospace;line-height:1.3}.dimension-value{font-size:.8rem;color:#fffc;font-family:Roboto,sans-serif;word-break:break-word;line-height:1.4}.image-container{display:flex;align-items:center;justify-content:center;min-height:280px;height:280px;background:#0000004d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.product-image{max-width:100%;max-height:280px;width:auto;height:auto;object-fit:contain;display:block}.image-placeholder{font-size:.85rem;color:#fff6;text-align:center;padding:20px}.drawing-container{display:flex;align-items:center;justify-content:center;min-height:280px;height:280px;background:#0000004d;border-radius:8px;overflow:auto;border:1px solid rgba(255,255,255,.1);padding:8px}.drawing-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.drawing-wrapper svg{max-width:100%;max-height:100%;height:auto;width:auto;display:block}.qa-footer{max-width:1600px;margin:0 auto;padding:30px;text-align:center;background:#ea5b0c0d;border-radius:8px;border:1px solid rgba(234,91,12,.2)}.qa-footer p{font-family:Roboto,sans-serif;font-size:.9rem;color:#fff9;margin:0 0 8px}.qa-note{font-size:.85rem;color:#ffffff80;margin-top:12px;line-height:1.6}@media (max-width: 1400px){.col-cell-info{width:180px;min-width:180px}.col-dimensions{width:200px;min-width:200px}.col-image,.col-drawing{width:300px;min-width:300px}.image-container,.drawing-container{height:250px;min-height:250px}.product-image{max-height:250px}.qa-comparison-table th,.qa-row td{padding:10px 12px;font-size:.85rem}}@media (max-width: 1200px){.col-cell-info{width:160px;min-width:160px}.col-dimensions{width:180px;min-width:180px}.col-image,.col-drawing{width:250px;min-width:250px}.image-container,.drawing-container{height:220px;min-height:220px}.product-image{max-height:220px}.manufacturer-name{font-size:.8rem}.cell-name-link{font-size:.85rem}.qa-controls{padding:16px 20px;gap:16px}.qa-control-select{min-width:150px;font-size:.85rem}.dimension-label{font-size:.65rem}.dimension-values{gap:2px}.dim-item,.dimension-value{font-size:.75rem}}@media (max-width: 800px){.qa-verification-page{padding:20px 10px}.qa-header h1{font-size:1.5rem}.qa-header{margin-bottom:20px;padding-bottom:20px}.qa-table-container{margin-bottom:40px;border-radius:12px}.qa-comparison-table th,.qa-row td{padding:8px;font-size:.75rem}.col-cell-info{width:120px;min-width:120px}.col-dimensions{width:140px;min-width:140px}.col-image,.col-drawing{width:160px;min-width:160px}.image-container,.drawing-container{height:150px;min-height:150px}.product-image{max-height:150px}.manufacturer-name{font-size:.7rem}.cell-name-link{font-size:.75rem}.cell-id{font-size:.65rem}.qa-controls{flex-direction:column;align-items:stretch;gap:12px}.qa-control-group{flex-direction:column;align-items:stretch;gap:6px}.qa-control-select{min-width:auto;width:100%}.qa-results-count{margin-left:0;text-align:center}.dimension-label{font-size:.6rem}.dimension-values{gap:1px}.dim-item,.dimension-value{font-size:.65rem}}.error-message{color:#ff6b6b;background:#ff6b6b1a;padding:16px;border-radius:8px;border:1px solid rgba(255,107,107,.3);font-family:Roboto,sans-serif}.qa-container{max-width:1600px;margin:0 auto;text-align:center;padding:60px 20px}.qa-container h1{font-family:Big John,sans-serif;font-size:2rem;color:#fff}.qa-container p{font-family:Roboto,sans-serif;color:#fff9}.admin-portal-page{max-width:1400px;margin:0 auto;padding:40px 20px}.admin-portal-header{margin-bottom:32px}.admin-portal-title-section{display:flex;align-items:center;gap:16px}.admin-badge-large{width:56px;height:56px;background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);border:2px solid rgba(234,91,12,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ea5b0c}.admin-portal-header h1{font-family:Big John,sans-serif;font-size:32px;margin:0 0 4px;color:#fff}.admin-portal-header p{margin:0;color:#94a3b8;font-size:14px}.admin-portal-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px 8px 0 0;color:#94a3b8;cursor:pointer;transition:all .2s;font-family:Roboto,sans-serif;font-size:14px;font-weight:500}.admin-tab:hover{background:#ffffff0d;color:#fff}.admin-tab--active{background:#ea5b0c1a;color:#ea5b0c;border-bottom:2px solid #ea5b0c}.admin-tab-icon{display:flex;align-items:center}.admin-portal-content{background:#1a1a1a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;min-height:500px;box-shadow:0 8px 32px #0000004d}.admin-tab-content{width:100%}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-section-header h2{font-family:Big John,sans-serif;font-size:24px;margin:0;color:#fff}.admin-section-title{display:flex;align-items:center;gap:12px}.admin-section-count{background:#ea5b0c26;color:#ea5b0c;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.admin-header-actions{display:flex;gap:12px;align-items:center}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.admin-stat-card{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.admin-stat-card:hover{transform:translateY(-2px);border-color:#ea5b0c4d;box-shadow:0 8px 24px #0003}.admin-stat-card--highlight{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c4d}.admin-stat-value{font-family:Big John,sans-serif;font-size:32px;font-weight:700;color:#fff;margin:0 0 4px}.admin-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:500}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#94a3b8}.admin-spinner{width:48px;height:48px;border:4px solid rgba(234,91,12,.2);border-top-color:#ea5b0c;border-radius:50%;animation:spin 1s linear infinite}.admin-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.admin-empty-state{text-align:center;padding:80px 20px;color:#94a3b8}.admin-empty-state--glass{background:#ffffff05;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;margin:20px 0}.admin-empty-icon{font-size:64px;margin-bottom:16px;color:#4caf5066}.admin-empty-icon svg{display:inline-block}.admin-empty-state h3{font-family:Big John,sans-serif;font-size:20px;margin:0 0 8px;color:#fff}.admin-empty-state p{margin:0;font-size:14px}.admin-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;backdrop-filter:blur(10px)}.admin-alert svg{flex-shrink:0}.admin-alert--error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.admin-alert--success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.admin-alert--warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.admin-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn--sm{padding:8px 14px;font-size:13px}.admin-btn--primary{background:linear-gradient(135deg,#ea5b0c,#d14e09);border-color:#ea5b0c;color:#fff;box-shadow:0 4px 12px #ea5b0c4d}.admin-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#d14e09,#b84308);transform:translateY(-1px);box-shadow:0 6px 16px #ea5b0c66}.admin-btn--secondary{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}.admin-btn--secondary:hover:not(:disabled){background:#ffffff1a;color:#fff}.admin-btn--success{background:#4caf5026;border-color:#4caf5066;color:#4caf50}.admin-btn--success:hover:not(:disabled){background:#4caf5040;transform:translateY(-1px)}.admin-btn--danger{background:#f4433626;border-color:#f4433666;color:#f44336}.admin-btn--danger:hover:not(:disabled){background:#f4433640;transform:translateY(-1px)}.admin-btn--outline{background:transparent;border-color:#fff3;color:#94a3b8}.admin-btn--outline:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;color:#fff}.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s}.admin-icon-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:scale(1.05)}.admin-icon-btn--success{color:#4caf50}.admin-icon-btn--success:hover:not(:disabled){background:#4caf501a}.admin-icon-btn--danger{color:#f44336}.admin-icon-btn--danger:hover:not(:disabled){background:#f443361a}.admin-icon-btn:disabled{opacity:.3;cursor:not-allowed}.admin-search-input{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;min-width:250px;transition:all .2s}.admin-search-input:focus{outline:none;border-color:#ea5b0c80;background:#ffffff14;box-shadow:0 0 0 3px #ea5b0c1a}.admin-search-input::placeholder{color:#64748b}.admin-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;backdrop-filter:blur(10px)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#ffffff08}.admin-table th{padding:14px 16px;text-align:left;font-family:Big John,sans-serif;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:14px}.admin-table tbody tr{transition:all .2s}.admin-table tbody tr:hover{background:#ffffff08}.admin-table-user{display:flex;align-items:center;gap:12px}.user-avatar-small{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#ea5b0c4d,#ea5b0c1a);border:2px solid rgba(234,91,12,.3);display:flex;align-items:center;justify-content:center;color:#ea5b0c;font-family:Big John,sans-serif;font-size:14px;font-weight:600;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:500;color:#fff}.user-email,.user-id{font-size:12px;color:#64748b}.admin-table-actions{display:flex;gap:8px}.admin-badge{display:inline-block;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-badge--success{background:#4caf5026;color:#4caf50}.admin-badge--error{background:#f4433626;color:#f44336}.admin-badge--info{background:#0d7c9926;color:#0d7c99}.admin-badge--warning{background:#ffc10726;color:#ffc107}.admin-badge--premium{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);color:#ea5b0c;border:1px solid rgba(234,91,12,.3)}.admin-badge--pro{background:#0d7c9926;color:#0d7c99;border:1px solid rgba(13,124,153,.3)}.admin-badge--basic{background:#ffffff14;color:#94a3b8;border:1px solid rgba(255,255,255,.15)}.admin-subscription-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.admin-subscription-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.admin-subscription-card--glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-subscription-card:hover{border-color:#ea5b0c4d;transform:translateY(-3px);box-shadow:0 12px 32px #0003}.admin-subscription-card--selected{border-color:#ea5b0c;box-shadow:0 0 0 2px #ea5b0c4d,0 12px 32px #ea5b0c26;animation:selectedPulse 2s ease-in-out}@keyframes selectedPulse{0%{box-shadow:0 0 0 2px #ea5b0c80,0 12px 32px #ea5b0c4d}50%{box-shadow:0 0 0 4px #ea5b0c4d,0 12px 32px #ea5b0c33}to{box-shadow:0 0 0 2px #ea5b0c4d,0 12px 32px #ea5b0c26}}.admin-subscription-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.admin-subscription-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ea5b0c4d,#ea5b0c1a);border:2px solid rgba(234,91,12,.3);display:flex;align-items:center;justify-content:center;color:#ea5b0c;font-family:Big John,sans-serif;font-size:18px;font-weight:600;flex-shrink:0}.admin-subscription-user{flex:1;min-width:0}.admin-subscription-user h3{font-family:Big John,sans-serif;font-size:16px;margin:0 0 4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-subscription-email{margin:0;font-size:13px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-subscription-details{margin-bottom:20px}.admin-subscription-info{display:flex;flex-direction:column;gap:10px}.admin-subscription-info-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#94a3b8}.admin-subscription-info-item svg{flex-shrink:0;opacity:.6}.admin-subscription-info-label{flex:1}.admin-subscription-info-value{color:#fff;font-weight:500}.admin-subscription-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.admin-subscription-actions .admin-btn{flex:1;justify-content:center}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.admin-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .2s}.admin-card:hover{border-color:#ea5b0c4d;background:#ffffff0d}.admin-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-card-title h3{font-family:Big John,sans-serif;font-size:16px;margin:0 0 4px;color:#fff}.admin-card-title p{margin:0;font-size:13px;color:#94a3b8}.admin-card-body{margin-bottom:16px}.admin-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-info-grid>div{display:flex;flex-direction:column;gap:4px}.admin-info-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:600}.admin-info-value{font-size:14px;color:#fff;font-weight:500}.admin-info-value--highlight{color:#ea5b0c;font-weight:600}.admin-info-value--mono{font-family:Roboto Mono,monospace;font-size:12px}.admin-card-footer{display:flex;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.admin-card-footer .admin-btn{flex:1;justify-content:center}.admin-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.admin-health-card{display:flex;align-items:center;gap:16px;padding:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s}.admin-health-card--glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-health-card:hover{border-color:#fff3;transform:translateY(-2px)}.admin-health-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-health-icon--success{background:#4caf5026;color:#4caf50}.admin-health-icon--info{background:#0d7c9926;color:#0d7c99}.admin-health-icon--warning{background:#ffc10726;color:#ffc107}.admin-health-icon--error{background:#f4433626;color:#f44336}.admin-health-content h3{font-family:Big John,sans-serif;font-size:12px;margin:0 0 6px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.admin-health-value{font-size:20px;font-weight:600;color:#fff;margin:0;text-transform:capitalize}.admin-actions-section{margin-top:32px;padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px}.admin-actions-section h3{font-family:Big John,sans-serif;font-size:18px;margin:0 0 8px;color:#fff}.admin-actions-description{font-size:14px;color:#94a3b8;margin:0 0 20px;line-height:1.5}.admin-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.admin-info-section{margin-top:24px;padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px}.admin-info-section h3{font-family:Big John,sans-serif;font-size:16px;margin:0 0 16px;color:#fff}.admin-info-section .admin-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-info-item{display:flex;flex-direction:column;gap:4px}.admin-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal{background:#1a1a1af2;border:1px solid rgba(255,255,255,.15);border-radius:16px;width:100%;max-width:480px;overflow:hidden}.admin-modal--glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-modal-header h3{font-family:Big John,sans-serif;font-size:18px;margin:0;color:#fff}.admin-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.admin-modal-close:hover{background:#ffffff1a;color:#fff}.admin-modal-body{padding:24px}.admin-modal-text{font-size:14px;color:#94a3b8;margin:0 0 20px;line-height:1.5}.admin-modal-text strong{color:#fff}.admin-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.admin-form-group{margin-bottom:16px}.admin-form-label{display:block;font-size:13px;font-weight:500;color:#94a3b8;margin-bottom:8px}.admin-form-textarea{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;resize:vertical;min-height:100px;transition:all .2s}.admin-form-textarea:focus{outline:none;border-color:#ea5b0c80;background:#ffffff14;box-shadow:0 0 0 3px #ea5b0c1a}.admin-form-textarea::placeholder{color:#64748b}@media (max-width: 768px){.admin-portal-page{padding:20px 16px}.admin-portal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-portal-content{padding:20px;border-radius:12px}.admin-section-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-header-actions{width:100%;flex-wrap:wrap}.admin-search-input{min-width:100%}.admin-table-container{font-size:13px}.admin-card-grid,.admin-subscription-grid{grid-template-columns:1fr}.admin-health-grid,.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-modal{max-width:100%;margin:20px}}.admin-stats-row{display:flex;gap:16px;margin-top:16px}.admin-stat-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;min-width:90px}.admin-stat-badge .stat-number{font-family:Big John,sans-serif;font-size:24px;color:#fff}.admin-stat-badge .stat-label{font-size:11px;text-transform:uppercase;color:#94a3b8;letter-spacing:.5px}.admin-stat-badge--success{border-color:#4caf504d;background:#4caf501a}.admin-stat-badge--success .stat-number{color:#4caf50}.admin-stat-badge--warning{border-color:#ffc1074d;background:#ffc1071a}.admin-stat-badge--warning .stat-number{color:#ffc107}.admin-stat-badge--info{border-color:#0d7c994d;background:#0d7c991a}.admin-stat-badge--info .stat-number{color:#0d7c99}.admin-search-wrapper{position:relative;flex:1;max-width:400px}.admin-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.admin-search-wrapper .admin-search-input{width:100%;padding-left:40px}.admin-user-detail-grid{display:flex;flex-direction:column;gap:12px}.admin-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.admin-detail-row:last-child{border-bottom:none}.admin-detail-label{font-size:13px;color:#94a3b8}.admin-detail-value{font-size:14px;color:#fff;font-weight:500;word-break:break-all}.admin-detail-divider{font-family:Big John,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#ea5b0c;margin-top:12px;padding-bottom:8px;border-bottom:1px solid rgba(234,91,12,.3)}.admin-badge--accent{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);color:#ea5b0c;border:1px solid rgba(234,91,12,.3)}.admin-btn--warning{background:#ffc10726;border-color:#ffc10766;color:#ffc107}.admin-btn--warning:hover:not(:disabled){background:#ffc10740;transform:translateY(-1px)}.admin-icon-btn--warning{color:#ffc107}.admin-icon-btn--warning:hover:not(:disabled){background:#ffc1071a}.admin-table-row--clickable{cursor:pointer;transition:all .2s}.admin-table-row--clickable:hover{background:#ea5b0c0d}.admin-quick-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.admin-quick-filter{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#94a3b8;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.admin-quick-filter:hover{background:#ffffff1a;color:#fff}.admin-quick-filter--active{background:#ea5b0c26;border-color:#ea5b0c66;color:#ea5b0c}.admin-filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.admin-filter-select{padding:10px 32px 10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.admin-filter-select:focus{outline:none;border-color:#ea5b0c80;background-color:#ffffff14}.admin-filter-select option{background:#1a1a1a;color:#fff}.admin-table-row--selected{background:#ea5b0c1a!important;animation:rowPulse 2s ease-in-out}@keyframes rowPulse{0%{background:#ea5b0c33}50%{background:#ea5b0c26}to{background:#ea5b0c1a}}.user-company{font-size:11px;color:#64748b;display:block}.admin-alert-close{margin-left:auto;background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7;padding:0 4px;line-height:1}.admin-alert-close:hover{opacity:1}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.admin-pagination-info{font-size:13px;color:#94a3b8}.admin-modal--wide{max-width:560px}.admin-modal-header--danger{background:#f443361a;border-bottom-color:#f4433633}.admin-modal-header--danger h3{color:#f44336}.admin-modal-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:16px;margin-bottom:20px}.admin-modal-warning p{margin:0 0 8px;color:#94a3b8;font-size:14px}.admin-modal-warning p:last-child{margin-bottom:0}.admin-modal-email{font-size:16px!important;color:#fff!important;font-weight:500}.admin-modal-amount{color:#ffc107!important}.admin-refund-options{display:flex;flex-direction:column;gap:8px}.admin-refund-option{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s}.admin-refund-option:hover{background:#ffffff0d;border-color:#fff3}.admin-refund-option--selected{background:#ea5b0c1a;border-color:#ea5b0c66}.admin-refund-option input[type=radio]{margin-top:3px;accent-color:#ea5b0c}.admin-refund-option-content{display:flex;flex-direction:column;gap:2px}.admin-refund-option-label{font-size:14px;font-weight:500;color:#fff}.admin-refund-option-desc{font-size:12px;color:#64748b}.admin-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#94a3b8}.admin-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#ea5b0c;cursor:pointer}.admin-checkbox-label span{user-select:none}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form-select{width:100%;padding:12px 32px 12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.admin-form-select:focus{outline:none;border-color:#ea5b0c80;background-color:#ffffff14;box-shadow:0 0 0 3px #ea5b0c1a}.admin-form-select option{background:#1a1a1a;color:#fff}.admin-form-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;transition:all .2s}.admin-form-input:focus{outline:none;border-color:#ea5b0c80;background:#ffffff14;box-shadow:0 0 0 3px #ea5b0c1a}.admin-form-input[type=date]{color-scheme:dark}.admin-form-hint{display:block;margin-top:6px;font-size:12px;color:#64748b}@media (max-width: 768px){.admin-filter-bar{flex-direction:column;align-items:stretch}.admin-filter-bar .admin-search-wrapper{max-width:100%}.admin-filter-select{width:100%}.admin-form-row{grid-template-columns:1fr}.admin-table th:nth-child(5),.admin-table td:nth-child(5),.admin-table th:nth-child(6),.admin-table td:nth-child(6){display:none}}.profile-page{max-width:900px;margin:0 auto;padding:40px 20px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:#94a3b8}.profile-spinner{width:48px;height:48px;border:4px solid rgba(234,91,12,.2);border-top-color:#ea5b0c;border-radius:50%;animation:profile-spin 1s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-header{margin-bottom:32px}.profile-avatar-section{display:flex;align-items:center;gap:24px}.profile-avatar{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#ea5b0c4d,#ea5b0c1a);border:3px solid rgba(234,91,12,.4);display:flex;align-items:center;justify-content:center;color:#ea5b0c;font-family:Big John,sans-serif;font-size:32px;font-weight:600;flex-shrink:0}.profile-header-info{flex:1}.profile-name{font-family:Big John,sans-serif;font-size:28px;margin:0 0 4px;color:#fff}.profile-email{margin:0 0 12px;color:#94a3b8;font-size:15px}.profile-header-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;backdrop-filter:blur(10px)}.profile-alert svg{flex-shrink:0}.profile-alert--success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50}.profile-alert--error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-card{background:#1a1a1a99;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s}.profile-card--glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003}.profile-card:hover{border-color:#ea5b0c33}.profile-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.profile-card-title{display:flex;align-items:center;gap:12px}.profile-card-title svg{color:#ea5b0c}.profile-card-title h2{font-family:Big John,sans-serif;font-size:18px;margin:0;color:#fff}.profile-card-body{padding:24px}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-info-item{display:flex;flex-direction:column;gap:6px}.profile-info-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:500}.profile-info-value{font-size:14px;color:#fff;font-weight:500}.profile-info-value--mono{font-family:Roboto Mono,monospace;font-size:12px;color:#94a3b8;word-break:break-all}.profile-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-badge--admin{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);color:#ea5b0c;border:1px solid rgba(234,91,12,.3)}.profile-badge--user{background:#0d7c9926;color:#0d7c99;border:1px solid rgba(13,124,153,.3)}.profile-badge--active{background:#4caf5026;color:#4caf50}.profile-badge--inactive{background:#f4433626;color:#f44336}.profile-badge--verified{background:#4caf5026;color:#4caf50}.profile-badge--unverified,.profile-badge--pending{background:#ffc10726;color:#ffc107}.profile-badge--premium{background:linear-gradient(135deg,#ea5b0c40,#ea5b0c1a);color:#ea5b0c;border:1px solid rgba(234,91,12,.4)}.profile-badge--pro{background:#0d7c9933;color:#0d7c99;border:1px solid rgba(13,124,153,.4)}.profile-badge--basic{background:#ffffff14;color:#94a3b8;border:1px solid rgba(255,255,255,.15)}.profile-subscription{display:flex;flex-direction:column;gap:20px}.profile-subscription-header{display:flex;align-items:center;gap:12px}.profile-subscription-tier{padding:8px 16px;border-radius:8px;font-family:Big John,sans-serif;font-size:14px;text-transform:uppercase}.profile-no-subscription{text-align:center;padding:40px 20px;color:#94a3b8}.profile-no-subscription svg{color:#ea5b0c4d;margin-bottom:16px}.profile-no-subscription h3{font-family:Big John,sans-serif;font-size:18px;margin:0 0 8px;color:#fff}.profile-no-subscription p{margin:0;font-size:14px}.profile-security-info{display:flex;flex-direction:column;gap:16px}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.profile-form-stack{display:flex;flex-direction:column;gap:16px}.profile-form-group{display:flex;flex-direction:column;gap:8px}.profile-form-label{font-size:13px;font-weight:500;color:#94a3b8}.profile-form-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;transition:all .2s}.profile-form-input:focus{outline:none;border-color:#ea5b0c80;background:#ffffff14;box-shadow:0 0 0 3px #ea5b0c1a}.profile-form-input::placeholder{color:#64748b}.profile-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.profile-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn--primary{background:linear-gradient(135deg,#ea5b0c,#d14e09);border-color:#ea5b0c;color:#fff;box-shadow:0 4px 12px #ea5b0c4d}.profile-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#d14e09,#b84308);transform:translateY(-1px);box-shadow:0 6px 16px #ea5b0c66}.profile-btn--secondary{background:#ffffff0d;border-color:#ffffff26;color:#94a3b8}.profile-btn--secondary:hover:not(:disabled){background:#ffffff1a;color:#fff;border-color:#ffffff40}.profile-btn--small{padding:6px 14px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#ea5b0c,#ff7a2f);border:none;color:#fff;margin-left:12px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 8px #ea5b0c4d;transition:all .2s ease}.profile-btn--small:hover:not(:disabled){background:linear-gradient(135deg,#ff7a2f,#ea5b0c);box-shadow:0 4px 12px #ea5b0c80;transform:translateY(-1px)}.profile-btn--small:disabled{opacity:.6;cursor:not-allowed}.profile-card--danger{border:1px solid rgba(239,68,68,.3)}.profile-card--danger .profile-card-header{border-bottom-color:#ef444433}.profile-card--danger .profile-card-title svg{color:#ef4444}.profile-card--danger .profile-card-title h2{color:#ef4444}.profile-delete-info{display:flex;flex-direction:column;gap:16px}.profile-delete-info p{color:#94a3b8;margin:0;font-size:14px}.profile-delete-confirm{display:flex;flex-direction:column;gap:16px}.profile-delete-warning{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:16px;border-radius:8px;margin:0;font-size:14px;line-height:1.6}.profile-delete-instruction{color:#94a3b8;margin:0;font-size:14px}.profile-form-input--danger{border-color:#ef44444d!important}.profile-form-input--danger:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}.profile-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.profile-btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.profile-btn--danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-btn--danger-outline{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.5);padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.profile-btn--danger-outline:hover{background:#ef44441a;border-color:#ef4444}@media (max-width: 768px){.profile-page{padding:20px 16px}.profile-avatar-section{flex-direction:column;text-align:center}.profile-header-badges{justify-content:center}.profile-info-grid,.profile-form-grid{grid-template-columns:1fr}.profile-form-actions{flex-direction:column}.profile-form-actions .profile-btn{width:100%;justify-content:center}}.plan-selection-page{position:fixed;inset:56px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0a0a0a);overflow-y:auto;padding:40px 20px;color:var(--text-primary, #fff)}.plan-selection-page:before{content:"";position:fixed;top:-30%;left:-20%;width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(234,91,12,.08) 0%,transparent 60%);animation:planOrb1 25s ease-in-out infinite;pointer-events:none;z-index:0}.plan-selection-page:after{content:"";position:fixed;bottom:-20%;right:-20%;width:70%;height:70%;background:radial-gradient(ellipse at center,rgba(13,124,153,.06) 0%,transparent 50%);animation:planOrb2 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes planOrb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5%,10%) scale(1.1)}}@keyframes planOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-8%,-5%) scale(1.15)}}.plan-selection-page .page-header{position:relative;z-index:1;text-align:center;margin-bottom:2.5rem}.plan-selection-page .page-header h1{font-family:Big John,Roboto,sans-serif;font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:var(--text-primary, #fff)}.plan-selection-page .page-header p{color:#fff9;font-size:1.1rem}.plan-selection-page .loading-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.plan-selection-page .loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary, #ea5b0c);border-radius:50%;animation:spin 1s linear infinite}.plan-selection-page .alert{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;max-width:600px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.plan-selection-page .pre-register-banner{max-width:800px;width:100%;display:block}.plan-selection-page .alert-error{background:#dc262626;border:1px solid rgba(220,38,38,.3);color:#fca5a5}.plan-selection-page .alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.alert-icon{font-size:1.25rem}.plans-container{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:800px;margin:0 auto 2rem;width:100%}.plan-card{position:relative;background:#1a1a1acc;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem 2rem;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff08 inset}.plan-card:hover{transform:translateY(-8px);border-color:#0d7c9980;box-shadow:0 20px 50px #0006,0 0 60px #0d7c991a}.plan-card.no-hover:hover{transform:none;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff08 inset}.plan-card.featured{border-color:#ea5b0c66;background:#ea5b0c0d;box-shadow:0 8px 32px #0000004d,0 0 80px #ea5b0c14}.plan-card.featured:hover{border-color:#ea5b0c99;box-shadow:0 20px 50px #0006,0 0 100px #ea5b0c26}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#1a1a1af2;backdrop-filter:blur(10px);color:#ffffffb3;padding:.375rem 1.25rem;border-radius:20px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;border:1px solid rgba(255,255,255,.1)}.plan-badge.recommended{background:linear-gradient(135deg,#ea5b0c,#d14e09);color:#fff;border-color:transparent;box-shadow:0 4px 15px #ea5b0c66}.plan-card h2{font-family:Big John,Roboto,sans-serif;font-size:1.5rem;font-weight:600;margin:.75rem 0 1.25rem;text-align:center;text-transform:uppercase;letter-spacing:.03em}.plan-price{text-align:center;margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.5rem}.plan-price .price{font-size:3.5rem;font-weight:700;color:var(--text-primary, #fff);line-height:1}.plan-price .period{display:block;color:#ffffff80;font-size:.9rem;margin-top:.25rem}.plan-price .price-intro{display:flex;flex-direction:column;align-items:center}.plan-price .price-intro .price{font-size:3rem;color:#ea5b0c}.plan-price .price-intro .intro-label{font-size:.75rem;color:#ea5b0c;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.plan-price .price-regular{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.plan-price .price-regular .regular-price{font-size:1.25rem;color:#fff6;text-decoration:line-through}.plan-price .price-regular .period{font-size:.75rem;color:#fff6;margin-top:2px}.plan-features{list-style:none;padding:0;margin:0 0 2rem;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:.875rem;padding:.625rem 0;color:#fffc;font-size:.95rem}.plan-features .check{color:var(--accent-secondary, #0d7c99);font-weight:700;font-size:1.1rem}.plan-actions{margin-top:auto;width:100%}.plan-actions .btn{width:100%}.plan-selection-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border-radius:12px;font-family:Big John,Roboto,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;border:none;width:100%}.plan-selection-page .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.plan-selection-page .btn-primary{background:linear-gradient(135deg,#ea5b0c,#d14e09);color:#fff;box-shadow:0 4px 20px #ea5b0c59}.plan-selection-page .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ea5b0c80}.plan-selection-page .btn-outline{background:transparent;border:2px solid rgba(255,255,255,.2);color:var(--text-primary, #fff)}.plan-selection-page .btn-outline:hover:not(:disabled){border-color:var(--accent-secondary, #0d7c99);color:var(--accent-secondary, #0d7c99);background:#0d7c991a}.plan-selection-page .btn-secondary{background:#ffffff0d;color:var(--text-primary, #fff);border:1px solid rgba(255,255,255,.1)}.plan-selection-page .btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.plan-info{position:relative;z-index:1;text-align:center;color:#ffffff80;font-size:.9rem;max-width:600px;margin:0 auto;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.plan-info strong{color:#fffc}.plan-info .btn-link{background:none;border:none;color:var(--accent-secondary, #0d7c99);cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.plan-info .btn-link:hover{color:var(--accent-primary, #ea5b0c)}.status-card{position:relative;z-index:1;max-width:500px;width:100%;background:#1a1a1ad9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset}.status-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(234,91,12,.3))}.status-card h2{font-family:Big John,Roboto,sans-serif;font-size:1.75rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.03em}.status-message{color:#fff9;margin-bottom:1.5rem;line-height:1.5}.period-info{color:#fff9;margin-bottom:1.5rem}.status-details{background:#0000004d;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#ffffff80}.detail-item .value{font-weight:600;color:#fff}.payment-card{position:relative;z-index:1;max-width:500px;width:100%;background:#1a1a1ad9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset}.payment-element-container{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;min-height:150px}.payment-info{color:#fff9;font-size:.875rem;text-align:center;margin-bottom:1.5rem;line-height:1.5}.button-group{display:flex;gap:1rem}.button-group .btn{flex:1}@media (max-width: 768px){.plan-selection-page{padding:24px 16px}.plan-selection-page .page-header h1{font-size:1.75rem}.plans-container{grid-template-columns:1fr;gap:1.5rem;padding:0 8px}.plan-card{padding:2rem 1.5rem}.plan-price .price{font-size:2.75rem}.button-group{flex-direction:column}.status-card,.payment-card{padding:2rem 1.5rem}}.auth-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0a0a0a);overflow-y:auto;padding:40px 20px}.auth-page:before{content:"";position:fixed;top:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(234,91,12,.08) 0%,transparent 60%);animation:authOrb1 20s ease-in-out infinite;pointer-events:none;z-index:0}.auth-page:after{content:"";position:fixed;bottom:-30%;right:-30%;width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(13,124,153,.06) 0%,transparent 50%);animation:authOrb2 25s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes authOrb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,10%) scale(1.1)}}@keyframes authOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10%,-5%) scale(1.15)}}.auth-page .auth-container:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(234,91,12,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(234,91,12,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.auth-container{position:relative;z-index:1;width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center}.auth-card{width:100%;background:#1a1a1ad9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset,0 0 80px #ea5b0c0d}.auth-card h1{font-family:Big John,Roboto,sans-serif;font-size:1.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin:0 0 .5rem;text-align:center}.auth-subtitle{color:#fff9;font-size:.95rem;text-align:center;margin-bottom:1.5rem}.selected-plan-badge{background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);color:#ea5b0c;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;text-align:center;margin-bottom:1.5rem}.auth-card form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{width:100%;padding:.875rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .2s ease}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ea5b0c;background:#ea5b0c0d;box-shadow:0 0 0 3px #ea5b0c1a}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group select option{background:#1a1a1a;color:#fff}.form-group small{font-size:.75rem;color:#fff6}.auth-card .alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:10px;font-size:.9rem;margin-bottom:1rem}.auth-card .alert-error{background:#dc26261a;border:1px solid rgba(220,38,38,.25);color:#fca5a5}.auth-card .alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#86efac}.auth-card .login-button{width:100%;height:50px;padding:0 24px;background:linear-gradient(135deg,#ea5b0c,#ff7a33);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;font-family:Big John,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 24px #ea5b0c59,inset 0 1px 1px #fff3;margin-top:8px;text-transform:uppercase}.auth-card .login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #ea5b0c73,inset 0 1px 1px #fff3;background:linear-gradient(135deg,#ff7a33,#ea5b0c)}.auth-card .login-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ea5b0c4d,inset 0 1px 1px #fff3}.auth-card .login-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:0 8px 24px #ea5b0c33,inset 0 1px 1px #fff3!important}.auth-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#fff9;font-size:.9rem}.auth-footer a{color:#ea5b0c;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-footer a:hover{color:#ff7a3d}@media (max-width: 600px){.auth-page{padding:20px 16px}.auth-card{padding:1.5rem;border-radius:16px}.auth-card h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}}.verify-email-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0a0a0a);padding:40px 20px}.verify-email-page:before{content:"";position:fixed;top:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(234,91,12,.08) 0%,transparent 60%);animation:authOrb1 20s ease-in-out infinite;pointer-events:none;z-index:0}.verify-email-page:after{content:"";position:fixed;bottom:-30%;right:-30%;width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(13,124,153,.06) 0%,transparent 50%);animation:authOrb2 25s ease-in-out infinite;pointer-events:none;z-index:0}.verify-email-card{position:relative;z-index:1;width:100%;max-width:480px;background:#1a1a1ad9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff08 inset,0 0 80px #ea5b0c0d;text-align:center}.verify-email-icon{width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d}.verify-email-icon--verifying{border:2px solid rgba(234,91,12,.2)}.verify-email-icon--success{background:#22c55e26;border:2px solid rgba(34,197,94,.3);color:#4ade80}.verify-email-icon--error{background:#ef444426;border:2px solid rgba(239,68,68,.3);color:#f87171}.verify-email-spinner{width:48px;height:48px;border:3px solid rgba(234,91,12,.2);border-top-color:#ea5b0c;border-radius:50%;animation:spin 1s linear infinite}.verify-email-title{font-family:Big John,Roboto,sans-serif;font-size:1.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin:0 0 1rem}.verify-email-message{color:#ffffffb3;font-size:1rem;line-height:1.6;margin-bottom:2rem}.verify-email-actions{display:flex;flex-direction:column;gap:1rem}.verify-email-btn{width:100%;height:50px;padding:0 24px;border:none;border-radius:12px;font-size:15px;font-weight:700;font-family:Big John,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase}.verify-email-btn--primary{background:linear-gradient(135deg,#ea5b0c,#ff7a33);color:#fff;box-shadow:0 8px 24px #ea5b0c59,inset 0 1px 1px #fff3}.verify-email-btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ea5b0c73,inset 0 1px 1px #fff3;background:linear-gradient(135deg,#ff7a33,#ea5b0c)}.verify-email-btn--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fffc}.verify-email-btn--secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}@media (max-width: 600px){.verify-email-page{padding:20px 16px}.verify-email-card{padding:2rem 1.5rem;border-radius:16px}.verify-email-title{font-size:1.5rem}}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}[data-layout-mode] .app-content{display:block!important;position:relative;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent!important;backdrop-filter:none!important}[data-layout-mode=cells-grid] .app-content,[data-layout-mode=benchmarking] .app-content,[data-layout-mode=compare] .app-content{max-width:100%!important;margin:0!important;padding:0!important}[data-layout-mode=cells-single] .app-content{max-width:1400px!important;margin:0 auto!important}.app-content.content--animating{transition:all .4s cubic-bezier(.4,0,.2,1)}.adaptive-sidebar{transform:translate(0);opacity:1;pointer-events:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform,opacity}[data-layout-mode=cells-grid] .adaptive-sidebar,[data-layout-mode=benchmarking] .adaptive-sidebar,[data-layout-mode=cells-single] .adaptive-sidebar,[data-layout-mode=compare] .adaptive-sidebar{transform:translate(0);opacity:1;pointer-events:auto}.adaptive-sidebar--animating-in{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}.adaptive-sidebar--animating-out{animation:slideOutLeft .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.cells-page-layout{display:flex;flex-direction:column;min-height:calc(100vh - 56px);width:100%;position:relative}.cells-page-layout--single{min-height:calc(100vh - 56px)}.cells-main-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}[data-layout-mode=cells-grid] .cells-main-content{margin-left:280px;margin-top:48px}[data-layout-mode=cells-single] .cells-main-content,.cells-main-content--single{margin-left:0;max-width:100%;width:100%;padding:0}.benchmarking-page-layout{display:flex;flex-direction:column;min-height:calc(100vh - 56px);width:100%;position:relative}.benchmarking-main-content{flex:1;display:flex;flex-direction:column;width:100%;min-width:0;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1);padding:0 20px 20px 0}[data-layout-mode=benchmarking] .benchmarking-main-content{margin-left:320px;margin-top:48px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}[data-layout-mode=cells-grid] .main-content,[data-layout-mode=benchmarking] .main-content{margin-left:320px}[data-layout-mode=cells-single] .main-content,[data-layout-mode=compare] .main-content{margin-left:0}.main-content--full{width:100%}.main-content--centered{max-width:1400px;margin:0 auto;padding:0 2rem}.side-panel{flex-shrink:0;width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:1.5rem;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.side-panel--controls,.side-panel--selection{background:var(--bg-secondary)}.side-panel--hidden{transform:translate(100%);opacity:0;pointer-events:none}.command-bar{transition:max-width .2s ease,padding .2s ease}[data-layout-mode=cells-grid] .command-bar,[data-layout-mode=benchmarking] .command-bar{max-width:100%;padding:0 2rem}[data-layout-mode=cells-single] .command-bar{max-width:100%;width:100%;padding:0 2rem}.command-bar--full{max-width:100%;padding:0 2rem}.command-bar--centered{max-width:1400px;margin:0 auto;padding:0 2rem}[data-layout-mode=cells-grid] .filter-panel{transform:translate(0);opacity:1}[data-layout-mode=cells-grid] .main-content{width:100%}[data-layout-mode=cells-single] .main-content{max-width:1400px;margin:0 auto}[data-layout-mode=benchmarking] .filter-panel,[data-layout-mode=benchmarking] .side-panel--controls{transform:translate(0);opacity:1}[data-layout-mode=compare] .filter-panel{transform:translate(-100%);opacity:0}[data-layout-mode=compare] .side-panel--selection{transform:translate(0);opacity:1}@media (max-width: 1024px){.filter-panel{width:240px}.side-panel{width:280px}.app-content[data-width=centered]{padding:0 1.5rem}}@media (max-width: 768px){.filter-panel{position:fixed;left:0;top:60px;bottom:0;width:280px;z-index:100;box-shadow:2px 0 12px #0000004d}.filter-panel--hidden{transform:translate(-100%)}.side-panel{position:fixed;right:0;top:60px;bottom:0;z-index:100;box-shadow:-2px 0 12px #0000004d}.main-content{width:100%!important;max-width:100%!important;padding:0 1rem}.app-content[data-width=centered]{padding:0 1rem}}@media (max-width: 640px){.filter-panel,.side-panel{width:100%;max-width:320px}.app-content[data-width=centered]{padding:0 .75rem}.command-bar--centered{padding:0 1rem}}.layout-backdrop{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:99;opacity:0;transition:opacity .3s ease}.layout-backdrop--visible{display:block;opacity:1}@media (max-width: 768px){.layout-backdrop{display:block}}.filter-panel,.side-panel,.app-content,.main-content{transform:translateZ(0);backface-visibility:hidden}.cell-card-flip-source{position:relative;will-change:transform,opacity}.cell-detail-container{position:relative;will-change:transform,opacity;transform-origin:top left}.cell-card-flip-source.flip-animating{opacity:0;transition:opacity .2s ease}.cell-detail-container.flip-animating{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.flip-animating{backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: reduce){.filter-panel,.side-panel,.app-content,.main-content,.command-bar{transition:none!important;animation:none!important}}:root{--brand: #ea5b0c;--bg: #1a1a1a;--text: #e8eaed;--muted: #a1a7ae;--h: 64px;--wktabs-h: 48px;--ctxbar-h: 56px;--font-display: "Big John", sans-serif;--font-ui: "Roboto", -apple-system, sans-serif}.app-shell{min-height:100vh;background:radial-gradient(800px 600px at 50% -10%,rgba(234,91,12,.12),transparent 70%),linear-gradient(180deg,#2c2c2c,#323232,#272727);background-attachment:fixed;background-color:#272727;color:var(--text)}.app-content{min-height:calc(100vh - 56px);background:transparent;padding-top:0}.global-controls{display:flex;align-items:center;gap:8px}.global-control-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:#fffc;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:600;white-space:nowrap;position:relative}.global-control-btn .control-icon{display:flex;align-items:center;justify-content:center;opacity:.8;transition:all .25s ease}.global-control-btn .control-label{font-family:Big John,sans-serif;text-transform:uppercase;font-size:11px;opacity:.9;transition:all .25s ease}.global-control-btn:hover{background:#ffffff14;border-color:#ea5b0c66;color:var(--brand);transform:translateY(-1px)}.global-control-btn:hover .control-icon{opacity:1;transform:scale(1.1)}.global-control-btn:hover .control-label{opacity:1}.global-control-btn:active{transform:translateY(0);background:#ea5b0c26;border-color:#ea5b0c99}.domain-switcher:hover{border-color:#ea5b0c66;color:#ea5b0c}.domain-switcher:active{background:#ea5b0c26;border-color:#ea5b0c99}.basis-switcher:hover{border-color:#ea5b0c66;color:var(--brand)}.basis-switcher:active{background:#ea5b0c26;border-color:#ea5b0c99}.wktabs{position:sticky;top:var(--h);z-index:950;background:transparent;padding:20px 2rem 0;margin-top:0}.wktabs-row{display:flex;gap:8px;padding:0;overflow-x:auto;scrollbar-width:thin;align-items:flex-end}.wktabs-row::-webkit-scrollbar{height:4px}.wktabs-row::-webkit-scrollbar-thumb{background:#ea5b0c4d;border-radius:2px}.wktab{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px 16px;margin-bottom:-6px;background:linear-gradient(to bottom,#32281ed9,#281e14f2);border:1px solid rgba(234,91,12,.25);border-bottom:none;border-radius:12px 12px 0 0;color:#ffffffb3;font-size:13px;transition:all .25s ease;cursor:move;user-select:none;min-width:280px;max-width:360px;transform-origin:bottom center}.wktab:hover{background:linear-gradient(to bottom,#463728f2,#372d23);color:#ffffffe6;border-color:#ea5b0c66;transform:translateY(-3px)}.wktab.is-active{background:linear-gradient(to bottom,#ea5b0c2e,#c8460a26);color:#fff;border-color:var(--brand);border-width:2px;border-bottom:3px solid transparent;z-index:10;transform:translateY(0);box-shadow:0 -4px 12px #ea5b0c40,0 0 0 1px #ea5b0c66,inset 0 1px #ffffff1f}.wktab.is-active .wktab-title{color:var(--brand);font-weight:700}.wktab.is-dragging{opacity:.5;cursor:grabbing;transform:scale(.95) rotate(-2deg)}.wktab.is-drag-over{background:linear-gradient(to bottom,#ea5b0c59,#ea5b0c40);border-color:var(--brand);transform:translateY(-2px) scale(1.02)}.wktab-link{flex:1;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;overflow:hidden;pointer-events:none;min-width:0}.wktab-image{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid rgba(234,91,12,.3);background:#0000004d}.wktab-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.wktab-title{font-family:var(--font-display);font-size:13px;font-weight:600;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wktab-meta{font-family:var(--font-ui);font-size:11px;font-weight:400;color:#fff6;overflow:hidden}.wktab-meta span{white-space:nowrap}.wktab.is-active .wktab-title{color:var(--brand)}.wktab.is-active .wktab-meta{color:#ea5b0cb3}.wktab-close{flex-shrink:0;margin-left:4px;opacity:.5;background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:2px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;pointer-events:auto}.wktab-close:hover{opacity:1;background:#ff646433;color:#f66}.akte-container{background:linear-gradient(to bottom,#322d28f2,#2d2a26fa);border:1px solid rgba(234,91,12,.3);border-top:3px solid var(--brand);border-radius:0 8px 8px;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0d;margin:0 2rem 2rem;overflow:hidden}.ctxbar{display:flex;align-items:stretch;gap:0;min-height:52px;background:linear-gradient(to bottom,#37322de6,#191614f2);border-bottom:2px solid rgba(234,91,12,.25);padding:0 2rem}.ctx-tabs{display:flex;align-items:stretch;gap:0;flex:1;background:transparent;padding:0;overflow-x:auto;scrollbar-width:none}.ctx-tabs::-webkit-scrollbar{display:none}.ctx-tab{position:relative;padding:16px 28px;color:#ffffffa6;text-decoration:none;font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap;transition:all .2s;border:none;background:transparent;border-right:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:8px}.ctx-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:all .2s}.ctx-tab:hover{color:#ffffffe6;background:#ffffff08}.ctx-tab:hover:after{background:#ea5b0c66}.ctx-tab.is-active{color:var(--brand);background:linear-gradient(to bottom,#ea5b0c1f,#ea5b0c14);font-weight:700}.ctx-tab.is-active:after{background:var(--brand);height:3px;box-shadow:0 0 8px #ea5b0c80}.ctx-right{display:flex;align-items:center;gap:12px;padding:0 20px;flex-shrink:0}.page{padding:20px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#32302d80,#2d2a26b3)}.drawer-content.page{padding:0;margin:0;max-width:none;background:transparent}.card{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;background:#0003;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);box-shadow:0 4px 20px #0003}.cell-akte{padding:0}.akte-header{background:linear-gradient(135deg,#ea5b0c14,#c8460a0d);border-bottom:1px solid rgba(234,91,12,.2);padding:24px 32px;display:flex;align-items:center;gap:20px}.akte-header-info h1{font-family:var(--font-display);font-size:32px;color:var(--brand);margin:0 0 8px;font-weight:700;text-transform:uppercase}.akte-header-meta{display:flex;gap:20px;font-size:14px;color:#ffffffb3}.akte-header-meta span{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.akte-section{padding:32px;min-height:400px}.akte-section h2{font-family:var(--font-display);font-size:18px;color:var(--brand);margin:0 0 20px;text-transform:uppercase}.input,.select{background:#111;color:#eee;border:1px solid #333;border-radius:8px;padding:8px 12px;font-family:var(--font-ui);font-size:14px;transition:all .2s}.input:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px #ea5b0c1a}.btn{background:var(--brand);color:#fff;padding:8px 16px;border-radius:10px;border:none;font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn:hover{background:#ff6b1a;box-shadow:0 4px 12px #ea5b0c4d}.explorer-page{padding:2rem;max-width:1600px;margin:0 auto}.explorer-header{margin-bottom:2rem}.explorer-header h1{font-family:var(--font-display);font-size:42px;color:var(--brand);margin:0 0 8px;text-transform:uppercase}.explorer-subtitle{font-size:16px;color:#fff9}.compare-hint{color:var(--brand);font-weight:500}.explorer-controls{display:flex;gap:12px;align-items:center}.explorer-controls .input{min-width:300px}.explorer-actions{display:flex;gap:12px;align-items:center}.btn-compare-mode,.btn-start-compare,.btn-cancel-compare{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-compare-mode{background:#ea5b0c26;color:var(--brand);border:1px solid rgba(234,91,12,.3)}.btn-compare-mode:hover{background:#ea5b0c40;border-color:var(--brand)}.btn-start-compare{background:var(--brand);color:#fff}.btn-start-compare:hover:not(:disabled){background:#ff6b1a;box-shadow:0 4px 12px #ea5b0c66}.btn-start-compare:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-compare{background:#ffffff1a;color:#ffffffb3}.btn-cancel-compare:hover{background:#ffffff26;color:#fff}.compare-actions{display:flex;gap:12px;align-items:center}.compare-count{font-size:13px;color:#fff9;padding:8px 12px;background:#ffffff0d;border-radius:6px}.explorer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.cell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:2rem}.cell-card.akte-file{position:relative;background:linear-gradient(135deg,#32281e99,#281e14cc);border:2px solid rgba(234,91,12,.2);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;overflow:hidden}.cell-card.akte-file:hover{transform:translateY(-4px) scale(1.02);border-color:var(--brand);box-shadow:0 8px 24px #0006,0 0 0 1px #ea5b0c4d,inset 0 1px #ffffff1a}.cell-card.akte-file.compare-mode{cursor:pointer}.cell-card.akte-file.is-selected{background:linear-gradient(135deg,#3c322de6,#322a26f2);border-color:var(--brand);border-width:2px;box-shadow:0 2px 12px #ea5b0c26,inset 0 1px #ffffff14}.cell-card .compare-checkbox,.factsheet-card .compare-checkbox{position:absolute;top:12px;right:12px;z-index:10}.compare-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--brand)}.cell-image{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.cell-image img{width:100%;height:100%;object-fit:cover}.cell-placeholder{display:flex;align-items:center;justify-content:center;color:#ffffff4d}.cell-info{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.cell-manufacturer{font-size:11px;text-transform:uppercase;color:var(--brand);font-weight:600}.cell-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:#ffffffe6;line-height:1.3}.cell-year{font-size:11px;color:#ffffff80;margin-top:4px}.cell-hover-action{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,#ea5b0ce6,#ea5b0cb3);color:#fff;font-size:13px;font-weight:600;text-align:center;opacity:0;transform:translateY(10px);transition:all .3s ease}.cell-card.akte-file:hover .cell-hover-action{opacity:1;transform:translateY(0)}.flex{display:flex;align-items:center}.gap-2{gap:12px}.cell-id{display:flex;align-items:center;gap:12px;font-size:14px}.cell-id-image{width:40px;height:40px;object-fit:contain;border-radius:6px;background:#0003;padding:4px}.cell-id-info{display:flex;flex-direction:column;gap:4px}.cell-id strong{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text);display:block}.cell-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.cell-meta span{display:flex;align-items:center;gap:4px}:root[data-theme=light]{--bg: #f5f5f5;--text: #1a1a1a;--muted: #666}:root[data-theme=light] .app-shell{background:radial-gradient(800px 600px at 50% -10%,rgba(234,91,12,.08),transparent 70%),linear-gradient(180deg,#fafafa,#f5f5f5,#efefef);background-attachment:fixed;background-color:#efefef}:root[data-theme=light] .wktabs{background:#f5f5f5e6}:root[data-theme=light] .wktab{border-color:#0000001a;background:#ffffff80}:root[data-theme=light] .ctxbar{background:#f8f8f8e6;border-bottom-color:#00000014}:root[data-theme=light] .card{background:#fff9;border-color:#00000014}:root[data-theme=light] .input,:root[data-theme=light] .select{background:#fff;color:#1a1a1a;border-color:#ddd}@media (max-width: 768px){.wktabs-row{padding:6px 8px}.ctxbar{padding:8px 12px;flex-direction:column;align-items:stretch}.ctx-tabs{justify-content:flex-start}.page{padding:12px}}.adaptive-sidebar{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:transparent;overflow:hidden;transition:width .4s ease-out}.adaptive-sidebar--collapsed{width:60px!important;cursor:pointer}.adaptive-sidebar--collapsed:hover{background:#ea5b0c0d}.adaptive-sidebar__collapsed-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:32px;gap:24px;height:100%}.adaptive-sidebar__collapsed-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:8px;cursor:pointer;transition:all .3s ease}.adaptive-sidebar__collapsed-icon:hover{background:#ea5b0c33;border-color:#ea5b0c;box-shadow:0 0 12px #ea5b0c4d}.adaptive-sidebar__collapsed-icon svg{stroke:#ea5b0c;stroke-width:2.5}.adaptive-sidebar__collapsed-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:Big John,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;color:#ffffff80;user-select:none;transition:color .3s ease}.adaptive-sidebar--collapsed:hover .adaptive-sidebar__collapsed-text{color:#ea5b0c}.adaptive-sidebar__tabs{display:flex;align-items:center;gap:8px;padding:12px 16px;height:48px;min-height:48px;max-height:48px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;position:relative}.adaptive-sidebar__tab{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative}.adaptive-sidebar__tab:hover{background:#ffffff0d;border-color:#ea5b0c33}.adaptive-sidebar__tab.active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;box-shadow:0 0 12px #ea5b0c40}.adaptive-sidebar__tab-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.adaptive-sidebar__tab-icon svg{width:100%;height:100%;stroke:#fff9;stroke-width:2;transition:all .3s ease}.adaptive-sidebar__tab.active .adaptive-sidebar__tab-icon svg{stroke:#ea5b0c;filter:drop-shadow(0 0 4px rgba(234,91,12,.3));stroke-width:2}.adaptive-sidebar__tab-label{font-family:Big John,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#ffffff80;text-align:center;white-space:nowrap;transition:color .3s ease}.adaptive-sidebar__tab.active .adaptive-sidebar__tab-label{color:#f1f5f9}.adaptive-sidebar__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ea5b0c;border-radius:9px;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;color:#fff;margin-left:4px;box-shadow:0 2px 6px #ea5b0c66}.adaptive-sidebar__content{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.adaptive-sidebar__panel{position:absolute;inset:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) rgba(255,255,255,.05);box-sizing:border-box}.adaptive-sidebar__panel::-webkit-scrollbar{width:8px}.adaptive-sidebar__panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.adaptive-sidebar__panel::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:4px;transition:background .2s ease}.adaptive-sidebar__panel::-webkit-scrollbar-thumb:hover{background:#ea5b0cb3}.adaptive-sidebar__panel--filter{transform:translate(0);opacity:1;pointer-events:auto}.adaptive-sidebar__panel--filter.inactive{transform:translate(-100%);opacity:0;pointer-events:none}.adaptive-sidebar__panel--compare{transform:translate(100%);opacity:0;pointer-events:none}.adaptive-sidebar__panel--compare.active{transform:translate(0);opacity:1;pointer-events:auto}body.sidebar-filter .adaptive-sidebar__panel--filter,body.sidebar-compare .adaptive-sidebar__panel--compare{transform:translate(0);opacity:1}.adaptive-sidebar__hint{position:absolute;bottom:1rem;left:.5rem;right:.5rem;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#373532d9,#2d2a26eb);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.4);border-radius:10px;box-shadow:0 4px 16px #ea5b0c33,0 0 20px #ea5b0c1a;animation:slideUp .3s ease;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.adaptive-sidebar__hint-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.adaptive-sidebar__hint-icon svg{width:100%;height:100%;stroke:#ea5b0c;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.adaptive-sidebar__hint-text{flex:1;font-family:Roboto,sans-serif;font-size:.875rem;color:#fff;font-weight:500;line-height:1.4}.adaptive-sidebar__hint-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ea5b0c,#ff6a1a);border:1px solid rgba(234,91,12,.5);border-radius:8px;font-family:Big John,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ea5b0c4d}.adaptive-sidebar__hint-btn:hover{background:linear-gradient(135deg,#ff6a1a,#ea5b0c);border-color:#ea5b0c;transform:translateY(-1px);box-shadow:0 4px 12px #ea5b0c66}.adaptive-sidebar--collapsed{width:48px;background:#2c2c2ccc;border-right:1px solid rgba(255,255,255,.1)}.adaptive-sidebar__toggle{width:100%;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.adaptive-sidebar__toggle:hover{background:#ffffff0d;color:var(--text-primary)}.adaptive-sidebar__collapse-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .3s ease;margin-right:8px}.adaptive-sidebar__collapse-btn:hover{background:#ea5b0c4d;border-color:#ea5b0c80}.adaptive-sidebar__collapse-btn svg{stroke:#fff9;stroke-width:2;transition:all .3s ease}.adaptive-sidebar__collapse-btn:hover svg{stroke:#ea5b0c}@media (max-width: 1280px){.adaptive-sidebar__tab{padding:12px}.adaptive-sidebar__tab-icon{width:28px;height:28px}.adaptive-sidebar__tab-label{font-size:11px}.adaptive-sidebar__stepper-line{width:30px}}body.light-theme .adaptive-sidebar{background:#fffffff2;border-right-color:#0000001a}body.light-theme .adaptive-sidebar__tabs{background:linear-gradient(135deg,#f5f5f5e6,#ebebebf2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-color:#0000001a;border-bottom-color:#0000001a}body.light-theme .adaptive-sidebar__tab{color:#666}body.light-theme .adaptive-sidebar__tab:hover{background:#00000008;border-color:#ea5b0c33}body.light-theme .adaptive-sidebar__tab.active{background:linear-gradient(135deg,#ea5b0c1f,#ea5b0c0a);border-color:#ea5b0c}body.light-theme .adaptive-sidebar__tab-icon svg{stroke:#666}body.light-theme .adaptive-sidebar__tab.active .adaptive-sidebar__tab-icon svg{stroke:#ea5b0c}body.light-theme .adaptive-sidebar__tab-label{color:#666}body.light-theme .adaptive-sidebar__tab.active .adaptive-sidebar__tab-label{color:#1a1a1a}body.light-theme .adaptive-sidebar__stepper-line{background:linear-gradient(to right,#ea5b0c40,#ea5b0c14)}body.light-theme .adaptive-sidebar__hint{background:#ea5b0c1a;border-color:#ea5b0c33}body.light-theme .adaptive-sidebar--collapsed{background:#fffc;border-right-color:#0000001a}.main-app-page{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#2d2a26fa,#282623,#2d2a26fa)}.command-bar{position:fixed;top:0;left:0;right:0;height:70px;z-index:1000;background:linear-gradient(180deg,#2c2c2cf2,#2c2c2ce6);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08)}.unified-context-bar{position:fixed;top:0;left:0;right:0;height:60px;z-index:900;background:linear-gradient(135deg,#373532eb,#2d2a26f5);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d}[data-view-mode=cells-single] .unified-context-bar{height:90px}.context-bar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:2rem;max-width:100%;margin:0 auto}.app-content-wrapper{position:relative;margin-top:80px;display:flex;height:calc(100vh - 160px);transition:margin-top .3s ease}[data-view-mode=cells-single] .app-content-wrapper{margin-top:110px}.adaptive-sidebar{position:fixed;left:20px;top:80px;max-height:calc(100vh - 160px);width:340px;z-index:850;background:linear-gradient(135deg,#373532d9,#2d2a26eb);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 4px 24px #0000004d;transition:width .4s ease-out,top .3s ease,transform .3s ease-out,opacity .3s ease-out;overflow:hidden}.adaptive-sidebar.adaptive-sidebar--collapsed{width:60px}[data-view-mode=cells-grid] .adaptive-sidebar,[data-view-mode=cells-ragone] .adaptive-sidebar,[data-view-mode=cells-table] .adaptive-sidebar,[data-view-mode=single-cell] .adaptive-sidebar,[data-view-mode^=benchmarking-] .adaptive-sidebar{transform:translate(0);opacity:1;pointer-events:auto}.adaptive-sidebar[data-workflow-mode=active].workflow-hidden{width:60px!important;opacity:.3;pointer-events:none;cursor:not-allowed}.adaptive-sidebar[data-workflow-mode=active].workflow-hidden .adaptive-sidebar__panel{opacity:0;pointer-events:none}.adaptive-sidebar[data-workflow-mode=active].workflow-visible{width:340px!important;opacity:1}.adaptive-sidebar[data-workflow-mode=active].workflow-visible .adaptive-sidebar__panel{opacity:1;pointer-events:auto}.adaptive-sidebar[data-workflow-mode=active]:before{content:"Press C to toggle";position:absolute;top:-30px;left:50%;transform:translate(-50%);padding:.25rem .75rem;background:#ea5b0ce6;color:#fff;font-family:Roboto,sans-serif;font-size:.75rem;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1001}.adaptive-sidebar[data-workflow-mode=active]:hover:before{opacity:1}.app-main-content{flex:1;margin-left:380px;margin-right:20px;max-height:calc(100vh - 160px);overflow-y:auto;transition:margin-left .4s ease-out,margin-right .4s ease-out,opacity .3s ease,filter .3s ease;position:relative;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) rgba(255,255,255,.05)}.app-main-content::-webkit-scrollbar{width:10px}.app-main-content::-webkit-scrollbar-track{background:#ffffff08;border-radius:5px}.app-main-content::-webkit-scrollbar-thumb{background:#ea5b0c66;border-radius:5px;transition:background .2s ease}.app-main-content::-webkit-scrollbar-thumb:hover{background:#ea5b0c99}[data-view-mode=cells-grid] .app-main-content{overflow-y:hidden;max-height:calc(100vh - 160px);padding-bottom:0}[data-view-mode=cells-table] .app-main-content{overflow-y:hidden}body:has(.plot-fullscreen) .app-main-content{margin-left:20px!important;margin-right:20px!important}body:not(:has(.plot-fullscreen)):has(.adaptive-sidebar--collapsed) .app-main-content{margin-left:100px}[data-view-mode=single-cell]:has(.adaptive-sidebar--collapsed) .app-main-content{margin-left:100px;margin-right:20px;opacity:1;filter:none;pointer-events:auto}[data-view-mode=single-cell]:not(:has(.adaptive-sidebar--collapsed)) .app-main-content{margin-left:380px;margin-right:20px;opacity:1;filter:none;pointer-events:auto}.floating-compare-btn{display:none!important}.floating-compare-btn:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 12px 32px #ea5b0c99,0 6px 16px #0006;border-color:#ffffff4d}.floating-compare-btn svg{width:28px;height:28px;stroke:currentColor;stroke-width:2.5}.floating-compare-badge{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 6px;background:#fff;color:#ea5b0c;font-family:Big John,sans-serif;font-size:12px;font-weight:700;border-radius:12px;border:2px solid rgba(234,91,12,.95);box-shadow:0 2px 8px #0000004d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (min-width: 1600px){.floating-compare-btn{display:none}}[data-view-mode=cells-grid] .floating-compare-btn,[data-view-mode=cells-ragone] .floating-compare-btn,[data-view-mode=cells-table] .floating-compare-btn{display:none}.floating-compare-panel-overlay{position:fixed;inset:0;z-index:999;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.floating-compare-panel{width:90%;max-width:500px;max-height:80vh;background:linear-gradient(135deg,#373532fa,#2d2a26);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.single-cell-overlay{position:fixed;inset:110px 0 0;z-index:950;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.overlay-backdrop{position:fixed;inset:110px 0 0;background:linear-gradient(135deg,#2d2a26fa,#282623,#2d2a26fa);backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);z-index:-1;cursor:pointer;animation:backdropFadeIn .3s ease}@keyframes backdropFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(30px)}}.overlay-content{position:relative;width:100%;max-width:100%;background:linear-gradient(135deg,#373532d9,#2d2a26eb);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0a;animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideInFromBottom{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.overlay-content.closing{animation:slideOutToBottom .3s cubic-bezier(.4,0,.2,1)}@keyframes slideOutToBottom{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(40px) scale(.95);opacity:0}}@media (max-width: 1200px){.adaptive-sidebar{width:260px}.app-main-content{margin-left:260px}[data-view-mode=cells-single] .app-main-content{margin-left:0}}@media (max-width: 768px){.adaptive-sidebar{transform:translate(-100%)}.adaptive-sidebar.mobile-open{transform:translate(0)}.app-main-content{margin-left:0;padding:1rem}.single-cell-overlay{padding:1rem;top:120px}.overlay-content{border-radius:12px}}.control-group .control-label{font-size:13px;font-weight:500;color:var(--filter-text-secondary);white-space:nowrap}.control-select{padding:8px 32px 8px 12px;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:6px;color:var(--filter-text-primary);font-size:13px;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ea5b0c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .2s;min-width:120px}body.light-theme .control-select{background-color:#0000000a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ea5b0c' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.control-select:hover{background-color:#ffffff14;border-color:#ea5b0c4d}body.light-theme .control-select:hover{background-color:#0000000f}.control-select:focus{outline:none;border-color:#ea5b0c80;box-shadow:0 0 0 3px #ea5b0c1a}.control-select option{background:#2c2c2c;color:#fff;padding:8px}body.light-theme .control-select option{background:#fff;color:#000}.control-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:6px;color:var(--filter-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}body.light-theme .control-btn{background:#0000000a}.control-btn:hover{background:var(--filter-hover);border-color:#ea5b0c4d;color:var(--filter-text-accent)}.control-btn:active{transform:translateY(1px)}.control-sort-order{padding:8px 12px;min-width:36px;justify-content:center;font-size:16px;font-weight:700}.mobile-filter-toggle{display:none}@media (max-width: 767px){.mobile-filter-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--filter-selected);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #ea5b0c4d;position:relative}.mobile-filter-toggle .filter-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;background:#f33;border-radius:10px;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}}@media (max-width: 767px){.context-bar-row{flex-wrap:wrap;gap:8px}.view-switcher{order:-1;width:100%}.context-search{order:1;flex:1 1 100%;max-width:none}.control-group{flex-wrap:wrap}.control-select{min-width:auto;flex:1}.control-label{display:none}.active-filters{width:100%;order:10}.control-group:has(.control-btn:not(.mobile-filter-toggle)){display:none}}@media (min-width: 768px) and (max-width: 1024px){.control-select{min-width:100px;font-size:12px}.control-label{font-size:12px}.control-btn{padding:7px 12px;font-size:12px}.context-bar-row{gap:12px}}@media (min-width: 1441px){.control-select{min-width:140px}.control-group{gap:10px}}@media (max-width: 1024px){.view-tab-label{display:none}.view-tab{padding:8px 12px}}@media (min-width: 1025px){.view-tab-label{display:inline}}.context-bar-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.context-bar-row{transition:all .3s ease}.control-select:disabled,.control-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.control-group.loading{opacity:.6;pointer-events:none}.control-group.loading:after{content:"";display:inline-block;width:12px;height:12px;border:2px solid rgba(234,91,12,.3);border-top-color:#ea5b0c;border-radius:50%;margin-left:8px}.control-select:focus-visible,.control-btn:focus-visible{outline:2px solid #ea5b0c;outline-offset:2px}@media (prefers-contrast: high){.control-select,.control-btn{border-width:2px}.control-select:focus,.control-btn:focus{border-color:#ea5b0c;box-shadow:0 0 0 4px #ea5b0c33}}@media (prefers-reduced-motion: reduce){.control-select,.control-btn,.context-bar-section,.context-bar-row{animation:none;transition:none}}.control-btn[title],.control-select[title]{position:relative}.control-btn[title]:hover:after,.control-select[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background:#000000e6;color:#fff;font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d}body.light-theme .control-btn[title]:hover:after,body.light-theme .control-select[title]:hover:after{background:#000000d9}.control-btn[title]:hover:before,.control-select[title]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6;pointer-events:none;z-index:1001}body.light-theme .control-btn[title]:hover:before,body.light-theme .control-select[title]:hover:before{border-top-color:#000000d9}.section-nav{position:relative;z-index:50;width:100%;max-width:1800px;margin:-1px auto 0;background:transparent;padding:24px 40px 0;display:flex;align-items:flex-end;gap:0;min-height:80px}.section-nav-cell-identity{display:flex;align-items:center;gap:16px;padding:14px 28px 16px;background:linear-gradient(135deg,#ea5b0c47,#ea5b0c2e);backdrop-filter:blur(80px) saturate(250%);border:2px solid rgba(234,91,12,.65);border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;min-width:360px;max-width:360px;flex-shrink:0;position:relative;z-index:10;margin-left:0;box-shadow:0 -8px 32px #ea5b0c66,0 0 28px #ea5b0c59,inset 0 2px #ffffff26,inset 0 0 50px #ea5b0c1f}.section-nav-cell-identity:before{content:"";position:absolute;top:-2px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,#ea5b0c 20%,#ea5b0c 80%,transparent);border-radius:2px 2px 0 0;box-shadow:0 0 20px #ea5b0ce6,0 -2px 8px #ea5b0c99}.section-nav-cell-identity:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:4px;background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);z-index:11;border-left:2px solid rgba(234,91,12,.6);border-right:2px solid rgba(234,91,12,.6)}.section-nav-cell-image{width:64px;height:64px;object-fit:contain;border-radius:10px;background:linear-gradient(135deg,#272727b3,#272727cc);padding:10px;border:2px solid rgba(234,91,12,.4);cursor:zoom-in;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff08}.section-nav-cell-image:hover{transform:scale(1.05);box-shadow:0 6px 20px #ea5b0c66,0 0 24px #ea5b0c4d;border-color:#ea5b0cb3}.section-nav-cell-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;justify-content:center}.section-nav-cell-name{font-family:Big John,sans-serif;font-size:16px;font-weight:500;color:#fff;line-height:1.3;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-nav-cell-meta{font-size:11px;color:#ddd;font-family:Roboto,sans-serif;font-weight:400;display:flex;gap:8px;align-items:center;opacity:.95;white-space:nowrap}.section-nav-track{display:flex;align-items:flex-end;justify-content:flex-end;gap:4px;padding:0;flex:1;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;background:transparent;margin-left:auto;height:100%}.section-nav-track::-webkit-scrollbar{display:none}.section-nav-item{background:linear-gradient(135deg,#323232d9,#2d2d2de6);backdrop-filter:blur(80px);border:1px solid rgba(234,91,12,.2);border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;padding:12px 22px 14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:#999;font-family:Big John,sans-serif;font-size:11px;text-transform:uppercase;white-space:nowrap;box-shadow:0 -2px 8px #0003,inset 0 1px #ffffff08;min-width:120px;flex-shrink:0;overflow:visible}.section-nav-item:hover{background:linear-gradient(135deg,#373737f2,#323232fa);border-color:#ea5b0c59;color:#ddd;transform:translateY(-3px) scale(1.02);z-index:2;box-shadow:0 -4px 16px #0000004d,inset 0 1px #ffffff0d}.section-nav-item.active{background:linear-gradient(135deg,#ea5b0c47,#ea5b0c2e);backdrop-filter:blur(80px) saturate(250%);border:2px solid rgba(234,91,12,.65);border-bottom:none;color:#fff;box-shadow:0 -8px 32px #ea5b0c66,0 0 28px #ea5b0c59,inset 0 2px #ffffff26,inset 0 0 50px #ea5b0c1f;transform:translateY(0) scale(1);z-index:10;padding:14px 24px 16px;font-size:12px;font-weight:500}.section-nav-item.active:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:4px;background:linear-gradient(135deg,#ea5b0c47,#ea5b0c2e);z-index:11;border-left:2px solid rgba(234,91,12,.65);border-right:2px solid rgba(234,91,12,.65)}.section-nav-item.active:before{content:"";position:absolute;top:-2px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,#ea5b0c 20%,#ea5b0c 80%,transparent);border-radius:2px 2px 0 0;box-shadow:0 0 20px #ea5b0ce6,0 -2px 8px #ea5b0c99}.section-nav~.container,body:has(.section-nav) .container{margin-top:-2px;border-top-left-radius:0;border-top-right-radius:0;border-top:none;box-shadow:0 8px 32px #0006,inset 0 2px 8px #ea5b0c14}body:has(.section-nav) .container-content{border-top:2px solid rgba(234,91,12,.2);border-top-left-radius:0;border-top-right-radius:0}@media (max-width: 1200px){.section-nav{flex-direction:column;min-height:auto}.section-nav-cell-identity{border-right:none;border-bottom:1px solid rgba(234,91,12,.4);min-width:100%;padding:16px 20px}.section-nav-cell-identity:after{display:none}.section-nav-cell-image{width:56px;height:56px}.section-nav-cell-name{font-size:16px}.section-nav-track{padding:0 16px}.section-nav-item{min-width:110px;padding:12px 18px 14px}}[data-theme=light] .section-nav{background:linear-gradient(135deg,#fffffffa,#fafafafc);border-color:#ea5b0c40;box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffe6}[data-theme=light] .section-nav-cell-identity{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1f);border-color:#ea5b0c80;box-shadow:0 -10px 40px #ea5b0c40,0 0 30px #ea5b0c33,inset 0 2px #ffffffb3,inset 0 0 50px #ea5b0c0f}[data-theme=light] .section-nav-cell-identity:before{box-shadow:0 0 20px #ea5b0cb3,0 -2px 8px #ea5b0c66}[data-theme=light] .section-nav-cell-identity:after{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1f);border-left-color:#ea5b0c80;border-right-color:#ea5b0c80}[data-theme=light] .section-nav-cell-image{background:linear-gradient(135deg,#fffffff2,#fafafafa);border-color:#ea5b0c66;box-shadow:0 4px 12px #00000014,inset 0 1px #fffc}[data-theme=light] .section-nav-cell-name{color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.5)}[data-theme=light] .section-nav-cell-meta{color:#555}[data-theme=light] .section-nav-item{background:linear-gradient(135deg,#fafafaf2,#f5f5f5fa);border-color:#ea5b0c40;color:#666;box-shadow:0 -3px 12px #0000000f,inset 0 1px #ffffffe6}[data-theme=light] .section-nav-item:hover{background:linear-gradient(135deg,#fffffffa,#fafafafc);border-color:#ea5b0c59;color:#1a1a1a}[data-theme=light] .section-nav-item.active{background:linear-gradient(135deg,#ea5b0c2e,#ea5b0c1a);border-color:#ea5b0c8c;color:#1a1a1a;box-shadow:0 -10px 40px #ea5b0c40,0 0 30px #ea5b0c33,inset 0 2px #ffffffb3,inset 0 0 50px #ea5b0c0f}[data-theme=light] .section-nav-item.active:after{background:linear-gradient(135deg,#ea5b0c2e,#ea5b0c1a);border-left-color:#ea5b0c8c;border-right-color:#ea5b0c8c}[data-theme=light] .section-nav-item.active:before{box-shadow:0 0 20px #ea5b0cb3,0 -2px 8px #ea5b0c66}.cmdbar{position:sticky;top:0;z-index:1000;width:100%;background:linear-gradient(135deg,#373532f2,#2d2a26fa);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.cmdbar__main{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:2rem;max-width:100%}.cmdbar__left{display:flex;align-items:center;flex-shrink:0}.cmdbar-logo-group{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#3c3a37e6,#322f2bf2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;padding:8px 16px;height:54px}.cmdbar__right{display:flex;align-items:center;gap:1rem;flex-shrink:0;background:linear-gradient(135deg,#3c3a37e6,#322f2bf2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;padding:8px 12px;height:54px}.cmdbar__center{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#3c3a37e6,#322f2bf2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;padding:8px 12px;height:54px}.cmdbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;transition:opacity .2s ease}.cmdbar-logo:hover{opacity:.8}.cmdbar-logo img{width:40px;height:40px}.cmdbar-logo-text{font-family:var(--font-display, "Big John", sans-serif);font-size:30px;font-weight:700;line-height:1;padding-top:5px;background:linear-gradient(135deg,#ea5b0c,#ff7a33);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cmdbar-nav-tabs{display:flex;align-items:center;gap:.5rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.1)}.cmdbar-nav-tab{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px;font-family:var(--font-display, "Big John", sans-serif);font-size:14px;font-weight:400;text-transform:uppercase;color:#ffffff80;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.cmdbar-nav-tab:hover{color:#fffc;background:#ffffff0d}.cmdbar-nav-tab:hover .cmdbar-badge{background:#ea5b0c40;border-color:#ea5b0c80}.cmdbar-nav-tab--active{color:#fff;background:#ea5b0c33;border-color:#ea5b0c66;box-shadow:0 0 12px #ea5b0c4d}.cmdbar-nav-tab--active .cmdbar-badge{color:#fff;background:#ea5b0c59;border-color:#ea5b0cb3;box-shadow:0 0 8px #ea5b0c66}.cmdbar-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;font-family:Roboto,sans-serif;font-size:11px;font-weight:700;color:#fff;background:#ea5b0c99;border:1px solid rgba(234,91,12,.8);border-radius:9px;box-shadow:0 2px 4px #0003;transition:all .2s ease}.cmdbar-nav-tab:hover .cmdbar-nav-badge{background:#ea5b0cb3;border-color:#ea5b0c;box-shadow:0 0 8px #ea5b0c80}.cmdbar-nav-tab--active .cmdbar-nav-badge{background:#ea5b0ce6;border-color:#ea5b0c;box-shadow:0 0 12px #ea5b0c99}.cmdbar-nav-tab:disabled{opacity:.4;cursor:not-allowed}.cmdbar-nav-tab:disabled:hover{color:#ffffff80;background:transparent}.cmdbar-tab{position:relative;display:flex;align-items:center;gap:8px;padding:10px 18px;font-family:var(--font-display, "Big John", sans-serif);font-size:13px;font-weight:700;text-transform:uppercase;color:#999;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.cmdbar-badge{padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;color:#ea5b0c;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:4px;transition:all .2s ease}.cmdbar-tab:hover .cmdbar-badge{background:#ea5b0c40;border-color:#ea5b0c80}.cmdbar-tab--active .cmdbar-badge{color:#fff;background:#ea5b0c59;border-color:#ea5b0cb3;box-shadow:0 0 8px #ea5b0c66}.cmdbar-tab:hover{color:#ccc;background:#ffffff0d;border-color:#ea5b0c33}.cmdbar-tab--active{color:#fff;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;box-shadow:0 0 20px #ea5b0c4d}.cmdbar-tool-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:linear-gradient(135deg,#3c3a37cc,#322f2be6);border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 2px 8px #0000004d;color:#fff9;cursor:pointer;transition:all .2s ease}.cmdbar-tool-icon:hover{background:linear-gradient(135deg,#464441e6,#3c3935f2);border-color:#ffffff26;box-shadow:0 4px 12px #0006;color:#ffffffe6}.cmdbar-tool-icon.is-active{background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c66;color:#ea5b0c;box-shadow:0 0 16px #ea5b0c66}.cmdbar-user{display:flex;align-items:center;gap:12px;padding:0;background:transparent;border:none;box-shadow:none;font-size:.85rem}.user-name{color:#ffffffb3;font-weight:500;font-size:13px;font-family:Big John,sans-serif;padding:0 4px}.user-exp{color:#ffffff80;font-size:.75rem}.user-exp.exp-soon{color:#ff6b6b}.cmdbar-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-family:Big John,sans-serif;font-size:13px;font-weight:700;color:#999;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cmdbar-btn:hover{background:#ffffff0d;border-color:#ea5b0c33;color:#ccc}.cmdbar-btn--small{padding:.35rem .75rem;font-size:.75rem}body.scrolled .cmdbar{backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);box-shadow:0 4px 16px #0000004d}.cmdbar{position:sticky;top:0;z-index:1000}@media (max-width: 768px){.cmdbar__main{padding:0 1rem;gap:.75rem;height:60px}.cmdbar-logo-text{display:none}.cmdbar-tab{padding:8px 12px;font-size:12px}.cmdbar__right{padding:6px 8px}}@media (max-width: 480px){.cmdbar__center,.cmdbar-user .user-name{display:none}}.cmdbar--cells-single .cmdbar__main{height:70px}.cmdbar--cells-single .cmdbar__left{gap:1rem}.cmdbar-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:8px;color:#ea5b0c;cursor:pointer;transition:all .2s ease}.cmdbar__subheader--cell-detail{display:flex;justify-content:center;padding:0 20px;background:#1a1a1a99;border-top:1px solid rgba(255,255,255,.06)}.cmdbar-subheader-inner{display:flex;align-items:center;gap:12px;width:100%;max-width:1400px;height:60px}.cmdbar-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:8px;color:#ea5b0c;cursor:pointer;transition:all .2s ease;flex-shrink:0}.cmdbar-back-btn:hover{background:#ea5b0c26;border-color:#ea5b0c80}.cmdbar-cell-info-tile{display:flex;align-items:center;gap:12px;padding:6px 12px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:10px;box-shadow:0 2px 12px #0000004d;flex-shrink:0}.cmdbar-cell-image{width:40px;height:40px;border-radius:6px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.cmdbar-cell-image img{width:100%;height:100%;object-fit:contain}.cmdbar-cell-info{display:flex;flex-direction:column;gap:2px}.cmdbar-cell-name{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:#e2e8f0;margin:0;text-transform:uppercase}.cmdbar-cell-meta{display:flex;align-items:center;gap:10px;font-family:Roboto,sans-serif;font-size:11px;color:#94a3b8}.cmdbar-cell-meta .meta-item{display:flex;align-items:center;gap:4px}.cmdbar-section-tabs{display:flex;align-items:center;gap:4px;padding:6px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:10px;box-shadow:0 2px 12px #0000004d;flex-shrink:0}.cmdbar-section-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:#999;font-family:Big John,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cmdbar-section-tab:hover{background:#ffffff0d;border-color:#ea5b0c33;color:#ccc}.cmdbar-section-tab.is-active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}.cmdbar-compare-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#999;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:auto}.cmdbar-compare-btn:hover{background:linear-gradient(135deg,#ea5b0c1a,#ea5b0c0d);border-color:#ea5b0c4d;color:#ea5b0c}.cmdbar-compare-btn.in-cart{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#ea5b0c;box-shadow:0 0 20px #ea5b0c4d}.cmdbar--minimal .cmdbar__main{justify-content:space-between}.cmdbar--minimal .cmdbar__right{gap:.5rem;padding:8px 12px}.context-bar-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;padding:0 20px;height:100%;transition:all .3s ease}.context-bar-inner>*{flex-shrink:0}.view-switcher{display:flex;align-items:center;gap:4px;padding:6px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:10px;box-shadow:0 2px 12px #0000004d}.view-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:#999;font-family:Big John,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-tab:hover{background:#ffffff0d;border-color:#ea5b0c33;color:#ccc}.view-tab.active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}.view-tab svg{stroke:currentColor;transition:stroke .2s ease}.view-tab-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;margin-left:4px;background:#fb923c33;border:1px solid rgba(251,146,60,.4);border-radius:4px;font-family:Roboto,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;color:#fb923c}.view-tab:disabled{opacity:.5;cursor:not-allowed}.view-tab:disabled:hover{background:transparent;border-color:transparent;color:#999}.view-toggle-mini{display:flex;align-items:center;gap:2px;padding:3px;background:#0000004d;border-radius:6px}.view-toggle-btn{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 12px;background:transparent;border:1px solid transparent;border-radius:4px;color:#999;cursor:pointer;transition:all .2s ease;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;white-space:nowrap;gap:4px}.view-toggle-btn:hover{background:#ffffff0d;border-color:#ea5b0c33;color:#ccc}.view-toggle-btn.active{background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c;color:#ea5b0c}.view-toggle-btn svg{stroke:currentColor}.context-controls{display:flex;align-items:center;gap:16px}.context-control-group{display:flex;align-items:center;gap:12px;padding:6px 12px;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 2px 8px #0003}.context-control{display:flex;align-items:center;gap:8px}.context-control-label{font-family:Roboto,sans-serif;font-size:12px;color:#999;white-space:nowrap}.context-control-select{padding:6px 12px;background:linear-gradient(135deg,#323232b3,#282828e6);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-family:Roboto,sans-serif;font-size:13px;cursor:pointer;transition:all .2s ease;min-width:100px;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff0d}.context-control-select:hover{background:linear-gradient(135deg,#3c3c3ccc,#323232f2);border-color:#ea5b0c66;box-shadow:0 4px 12px #ea5b0c26,inset 0 1px #ffffff14}.context-control-select:focus{outline:none;border-color:#ea5b0c;box-shadow:0 0 0 3px #ea5b0c40,0 4px 16px #ea5b0c33}.context-control-select optgroup{background:#1a1a1afa;color:#ea5b0c;font-weight:700;font-size:12px;letter-spacing:.3px;padding:8px 4px 4px}.context-control-select option{background:#1a1a1a;color:#fff;padding:8px 12px;font-weight:400}.context-control-select option:hover{background:#2a2a2a}.context-control-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#323232b3,#282828e6);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#ccc;font-family:Roboto,sans-serif;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff0d}.context-control-btn:hover{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border-color:#ea5b0c66;color:#ea5b0c;box-shadow:0 4px 12px #ea5b0c33,inset 0 1px #ffffff14;transform:translateY(-1px)}.context-control-btn.active{background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c;color:#ea5b0c;box-shadow:0 0 20px #ea5b0c66,0 4px 12px #ea5b0c4d,inset 0 1px #ffffff1a}.context-control-btn svg{stroke:currentColor}.context-control--menu{position:relative}.context-control--menu:hover .context-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.context-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:linear-gradient(135deg,#1e1e1efa,#141414fa);backdrop-filter:blur(60px) saturate(200%);-webkit-backdrop-filter:blur(60px) saturate(200%);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #00000080;padding:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease;z-index:1000}.free-plot-advanced-dropdown{background:linear-gradient(135deg,#1a1a1afa,#0d0d0dfa);border:1px solid rgba(234,91,12,.3);border-radius:12px;padding:16px;box-shadow:0 12px 48px #ea5b0c33,0 0 0 1px #ea5b0c1a}.free-plot-advanced-dropdown label{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:4px 0;font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease}.free-plot-advanced-dropdown label:hover{background:#ea5b0c1f;color:#ea5b0c}.free-plot-advanced-dropdown input[type=checkbox]{accent-color:#ea5b0c;width:16px;height:16px;cursor:pointer}.free-plot-advanced-dropdown select{background:#ea5b0c14;border:1px solid rgba(234,91,12,.25);color:#e2e8f0;border-radius:6px;transition:all .2s ease}.free-plot-advanced-dropdown select:hover{background:#ea5b0c1f;border-color:#ea5b0c59}.free-plot-advanced-dropdown select:focus{background:#ea5b0c26;border-color:#ea5b0c;outline:none}.context-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#fffc;border-radius:6px;cursor:pointer;transition:all .15s ease}.context-dropdown-item:hover{background:#ea5b0c26;color:#ea5b0c}.context-dropdown-item input[type=checkbox]{accent-color:#ea5b0c;width:16px;height:16px}.context-dropdown-item--small{font-size:12px;padding:8px 14px}.context-dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0}.context-dropdown-select{width:100%;padding:8px 10px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffe6;font-family:Roboto,sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .15s ease}.context-dropdown-select:hover{background:#0009;border-color:#ffffff26}.context-dropdown-select:focus{background:#000000b3;border-color:#ea5b0c4d;outline:none}.context-dropdown-select option{background:#1a1a1a;color:#ffffffe6}.context-dropdown-label-small{display:block;font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;margin-bottom:6px}.context-dropdown-item--select-container{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 14px}.context-divider{width:1px;height:24px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.15) 80%,transparent 100%);margin:0 4px;flex-shrink:0}.context-bar-single-cell{display:flex;align-items:center;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:0 40px}.cell-header-left,.compare-left-controls{display:flex;align-items:center;gap:12px}.compare-left-controls .section-tabs{margin-left:0}.back-button{display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(135deg,#323232b3,#282828e6);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ccc;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff0d}.back-button:hover{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border-color:#ea5b0c66;color:#ea5b0c;box-shadow:0 4px 12px #ea5b0c33,inset 0 1px #ffffff14;transform:translate(-2px)}.back-button svg{stroke:currentColor;transition:stroke .2s ease}.cell-info-card{display:flex;align-items:center;gap:10px;padding:6px 12px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:10px;box-shadow:0 2px 12px #0000004d;min-width:0;height:48px}.context-bar-cell-image{width:40px;height:40px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003;flex-shrink:0}.context-bar-cell-image img{width:100%!important;height:100%!important;max-width:40px!important;max-height:40px!important;object-fit:contain;display:block}.cell-info-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cell-name{font-family:Big John,sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#fff9;line-height:1;font-weight:500}.cell-meta>span{display:flex;align-items:center;gap:4px}.cell-meta>span:not(:last-child):after{content:"·";margin-left:8px;color:#ffffff4d}.country-flag{display:inline-flex;align-items:center;margin-right:2px;vertical-align:middle;font-size:14px;line-height:1}.country-flag img{width:14px;height:11px;border-radius:2px;box-shadow:0 1px 3px #0003}.meta-country,.meta-year,.meta-chemistry,.meta-cathode{display:flex;align-items:center;gap:4px}.section-tabs{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:10px;box-shadow:0 2px 12px #0000004d;overflow-x:auto;scrollbar-width:none;height:50px;flex:0 1 auto}.section-tabs::-webkit-scrollbar{display:none}.section-tab{padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:#999;font-family:Big John,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.section-tab:hover{background:#ffffff0d;border-color:#ea5b0c33;color:#ccc}.section-tab.active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}.cell-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cell-actions .back-button{pointer-events:auto!important}.cell-actions .back-button.active{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);border-color:#ea5b0c80;color:#ea5b0c}.cell-actions .back-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none!important}.plot-type-switcher{display:flex;align-items:center;gap:16px;padding:8px 12px;height:50px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:10px;box-shadow:0 2px 12px #0000004d}.workflow-indicator{padding:8px 16px;display:flex;align-items:center;gap:8px}.workflow-label{font-family:Big John,sans-serif;font-size:13px;font-weight:700;color:#ea5b0c;text-transform:uppercase}.workflow-steps-indicator{display:flex;align-items:center;gap:8px;padding:4px 8px}.step-dot-mini{position:relative;width:auto;height:32px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;background:transparent;border:1px solid transparent;font-family:Big John,sans-serif;font-size:13px;font-weight:700;color:#999;transition:all .2s ease}.step-dot-mini[data-active=true]{border-radius:8px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border:1px solid #ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d;cursor:pointer}.step-dot-mini[data-active=true]:hover{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c14);border-color:#ea5b0ccc}.step-dot-mini[data-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.step-dot-mini .step-name{font-family:Big John,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;white-space:nowrap}.plot-tab{padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:#999;font-family:Big John,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.plot-tab:hover{background:#ffffff0d;border-color:#ea5b0c33;color:#ccc}.plot-tab.active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}.plot-controls{display:flex;flex-direction:row;align-items:center;gap:12px;padding:6px 12px;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 2px 8px #0003}@media (max-width: 1200px){.context-bar-single-cell{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.cell-actions{grid-column:1 / -1;justify-content:flex-end}}@media (max-width: 768px){.context-bar-inner{padding:0 1rem;gap:1rem}.view-switcher,.plot-type-switcher{padding:4px;gap:2px}.view-tab,.plot-tab,.section-tab{padding:6px 12px;font-size:12px}.view-tab span,.back-button span,.context-control-label{display:none}.section-tabs{padding:4px;gap:4px}.context-bar-single-cell{grid-template-columns:1fr;gap:.5rem;padding:0 1rem}.cell-actions{justify-content:flex-start}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;flex:1;gap:24px;padding:48px;animation:none!important;transform:none!important}.loading-spinner *{animation:inherit}.loading-spinner__animation{position:relative;width:80px;height:80px;animation:none!important;transform:none!important}.loading-spinner__ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:#ea5b0c;border-right-color:#ea5b0c;border-radius:50%;animation:spin-ring 1.2s cubic-bezier(.5,0,.5,1) infinite}.loading-spinner__core{position:absolute;inset:12px;background:radial-gradient(circle,rgba(234,91,12,.3) 0%,transparent 70%);border-radius:50%;animation:pulse-core 1.5s ease-in-out infinite}.loading-spinner__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ea5b0c;font-size:28px;opacity:.9;animation:none!important;transform:none!important}.loading-spinner__text{font-family:Big John,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:500;color:#ffffffe6;text-transform:uppercase}.loading-spinner__subtext{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#fff9;margin-top:-8px}.loading-spinner__progress{width:200px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.loading-spinner__progress-bar{height:100%;background:linear-gradient(90deg,#ea5b0c,#f73);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #ea5b0c80}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-core{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.loading-spinner--compact .loading-spinner__animation{width:60px;height:60px}.loading-spinner--compact .loading-spinner__icon{font-size:20px}.loading-spinner--compact .loading-spinner__text{font-size:14px}.loading-spinner--compact{min-height:200px;gap:20px;padding:40px 20px}.loading-spinner--small .loading-spinner__animation{width:40px;height:40px}.loading-spinner--small .loading-spinner__ring{border-width:2px}.loading-spinner--small .loading-spinner__core{inset:8px}.loading-spinner--small .loading-spinner__icon{font-size:16px}.loading-spinner--small{min-height:100px;gap:12px;padding:20px}.cells-grid-view>.loading-spinner,.cells-graph-view>.loading-spinner,.cells-table-view>.loading-spinner{width:100%}.filter-panel-loading .loading-spinner__animation{width:60px;height:60px}.filter-panel-loading .loading-spinner__text{font-size:14px}body.light-theme .loading-spinner__ring,:root[data-theme=light] .loading-spinner__ring{border-top-color:#ea5b0c;border-right-color:#ea5b0c}body.light-theme .loading-spinner__core,:root[data-theme=light] .loading-spinner__core{background:radial-gradient(circle,rgba(234,91,12,.2) 0%,transparent 70%)}body.light-theme .loading-spinner__icon,:root[data-theme=light] .loading-spinner__icon{color:#ea5b0c}body.light-theme .loading-spinner__text,:root[data-theme=light] .loading-spinner__text{color:#1a1a1ae6}body.light-theme .loading-spinner__subtext,:root[data-theme=light] .loading-spinner__subtext{color:#1a1a1a99}body.light-theme .loading-spinner__progress,:root[data-theme=light] .loading-spinner__progress{background:#00000014}.compare-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ea5b0c4d;position:relative}.compare-badge:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ea5b0c66}.compare-badge:active{transform:translateY(0);box-shadow:0 2px 6px #ea5b0c4d}.compare-badge__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ffffff40;border-radius:10px;font-size:.75rem;font-weight:600;line-height:1}.compare-badge__label{font-weight:500}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.compare-badge--pulse{animation:badgePulse .3s ease}@media (max-width: 640px){.compare-badge__label{display:none}.compare-badge{padding:.5rem .75rem}}.breadcrumb{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1);animation:slideInFromTop .3s ease}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.breadcrumb-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.breadcrumb-back:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color);transform:translate(-2px)}.breadcrumb-back:active{transform:translate(-4px)}.breadcrumb-trail{display:flex;align-items:center;gap:.5rem;flex:1}.breadcrumb-item{font-size:.875rem;font-weight:500;color:var(--text-secondary);background:none;border:none;padding:.25rem .5rem;cursor:pointer;border-radius:4px;transition:all .2s ease}.breadcrumb-item:not(.breadcrumb-current):hover{color:var(--primary-color);background:#ea5b0c1a}.breadcrumb-current{color:var(--text-primary);font-weight:600;cursor:default}.breadcrumb-separator{color:var(--text-tertiary);font-size:.875rem}.cell-card-flip-source,.cell-detail-flip-target{will-change:transform}[data-layout-mode=cells-single] .app-content{animation:fadeIn .4s ease}[data-layout-mode=cells-grid] .cells-grid{animation:fadeIn .3s ease}[data-layout-mode=cells-single] .app-content{max-width:1400px;margin:0 auto;padding-top:20px}[data-layout-mode=cells-single] .filter-panel{transform:translate(-100%);opacity:0;pointer-events:none}@media (max-width: 768px){.breadcrumb{padding:.75rem 1rem}.breadcrumb-back{width:32px;height:32px}.breadcrumb-item{font-size:.8125rem}[data-layout-mode=cells-single] .app-content{padding-top:10px}}[data-theme=light] .breadcrumb{background:#00000005;border-bottom-color:#0000001a}[data-theme=light] .breadcrumb-back{background:#0000000d;border-color:#0000001a}[data-theme=light] .breadcrumb-back:hover{background:#0000001a}.score-plot-view{display:flex;flex-direction:row;gap:16px;width:100%;min-height:calc(100vh - 160px);height:100%;overflow:hidden}.score-plot-view.plot-fullscreen{gap:0}.score-plot-main{flex:1;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;border-radius:12px;padding:1rem;width:100%;min-width:0;min-height:500px;display:flex;flex-direction:column}.score-plot-controls{flex-shrink:0;width:320px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;border-radius:12px;padding:1.5rem;overflow-y:auto}.weight-sliders{display:flex;flex-direction:column;gap:1.5rem}.weight-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.weight-header h3{font-family:Big John,sans-serif;font-size:1rem;text-transform:uppercase;color:var(--text-primary);margin:0}.weight-total{font-family:Roboto Mono,monospace;font-size:1rem;font-weight:600;padding:.25rem .75rem;border-radius:6px;display:flex;align-items:center;gap:.5rem}.weight-total.valid{background:#4ade801a;color:#4ade80}.weight-total.invalid{background:#f871711a;color:#f87171}.error-icon{font-size:.875rem}.weight-slider{display:flex;flex-direction:column;gap:.75rem}.slider-header{display:flex;align-items:center;gap:.5rem}.slider-icon{font-size:1.25rem;width:24px;text-align:center}.slider-label{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.slider-value{font-family:Roboto Mono,monospace;font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:45px;text-align:right}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;cursor:pointer;transition:all .2s ease}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--slider-color, var(--primary-color));cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.slider-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--slider-color, var(--primary-color));cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.slider-input:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 3px 10px #ea5b0c80}.slider-input:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 3px 10px #ea5b0c80}.slider-input:active::-webkit-slider-thumb{transform:scale(1.1)}.slider-input:active::-moz-range-thumb{transform:scale(1.1)}.slider-input{background:linear-gradient(to right,var(--slider-color, var(--primary-color)) 0%,var(--slider-color, var(--primary-color)) var(--slider-percent, 50%),var(--bg-tertiary) var(--slider-percent, 50%),var(--bg-tertiary) 100%)}.weight-warning{padding:.75rem 1rem;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#f87171;font-size:.875rem;text-align:center}@media (max-width: 1024px){.score-plot-view{flex-direction:column}.score-plot-controls{width:100%;max-height:400px}}@media (max-width: 768px){.score-plot-view,.score-plot-main,.score-plot-controls{padding:1rem}}.my-plot-view{display:flex;flex-direction:row;gap:16px;width:100%;min-height:calc(100vh - 160px);height:100%;overflow:hidden}.my-plot-view.plot-fullscreen{gap:0}.my-plot-main{flex:1;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;border-radius:12px;padding:1rem;width:100%;min-width:0;min-height:500px;display:flex;flex-direction:column}.my-plot-controls{flex-shrink:0;width:320px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;border-radius:12px;padding:1.5rem;overflow-y:auto}.requirement-inputs{display:flex;flex-direction:column;gap:1.5rem}.requirement-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.requirement-header h3{font-family:Big John,sans-serif;font-size:1rem;text-transform:uppercase;color:var(--text-primary);margin:0}.matching-badge{font-family:Roboto Mono,monospace;font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:6px;background:#4ade801a;color:#4ade80}.requirement-info{padding:1rem;background:#ea5b0c0d;border-left:3px solid var(--primary-color);border-radius:6px}.requirement-info p{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.input-icon{font-size:1.125rem;width:24px;text-align:center}.input-label{flex:1}.input-with-unit{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.25rem .75rem;transition:all .2s ease}.input-with-unit:focus-within{border-color:var(--primary-color);background:var(--bg-primary)}.requirement-input{flex:1;background:transparent;border:none;outline:none;padding:.5rem 0;font-family:Roboto Mono,monospace;font-size:1rem;font-weight:600;color:var(--text-primary);width:100%}.requirement-input::-webkit-inner-spin-button,.requirement-input::-webkit-outer-spin-button{opacity:1;height:24px}.input-unit{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-tertiary);flex-shrink:0}.requirement-zone{padding:1rem;background:#4ade800d;border:1px solid rgba(74,222,128,.2);border-radius:8px}.zone-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#4ade80;margin-bottom:.5rem}.zone-icon{font-size:1.125rem}.zone-description{font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.btn-add-all{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ea5b0c4d}.btn-add-all:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ea5b0c66}.btn-add-all:active:not(:disabled){transform:translateY(0)}.btn-add-all:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-icon{font-size:1.125rem;font-weight:700}.btn-reset{padding:.75rem 1rem;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 1024px){.my-plot-view{flex-direction:column}.my-plot-controls{width:100%;max-height:500px}}@media (max-width: 768px){.my-plot-view,.my-plot-main,.my-plot-controls{padding:1rem}}.free-plot-view{display:flex;gap:1rem;width:100%;height:100%;min-height:calc(100vh - 140px)}.free-plot-main{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;border-radius:12px;padding:1rem;width:100%;min-height:500px}.free-plot-controls{width:320px;flex-shrink:0;display:flex;flex-direction:row;gap:1.5rem}.plot-controls{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;border-radius:12px;display:flex;flex-direction:row;gap:1.5rem}.controls-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.control-section{display:flex;flex-direction:column;gap:1rem}.control-section h4{margin:0;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.control-icon{font-size:1rem}.control-item .control-label{flex:1}.control-value{font-weight:600;color:var(--primary-color);font-size:.8125rem}.control-select{width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.control-select:hover{background:#ffffff14;border-color:#fff3}.control-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ea5b0c1a}.control-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,rgba(255,255,255,.1) 0%,var(--primary-color) 100%);border-radius:3px;outline:none;cursor:pointer}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary-color);border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ea5b0c66}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #ea5b0c99}.control-slider::-moz-range-thumb{width:18px;height:18px;background:var(--primary-color);border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ea5b0c66}.control-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #ea5b0c99}.color-legend{display:flex;flex-direction:column;gap:.75rem}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.legend-label{font-size:.875rem;color:var(--text-secondary)}.legend-gradient{display:flex;flex-direction:column;gap:.5rem}.gradient-bar{height:20px;border-radius:4px;background:linear-gradient(to right,#5299e0,#e09952);border:1px solid rgba(255,255,255,.2)}.gradient-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.btn-reset{width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-reset:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn-reset:active{transform:translateY(0)}@media (max-width: 1024px){.free-plot-view{flex-direction:column}.free-plot-controls{width:100%;max-width:600px;margin:0 auto}.control-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.control-section h4{grid-column:1 / -1}}@media (max-width: 640px){.free-plot-view{padding:1rem;gap:1rem}.free-plot-main{min-height:400px;padding:1rem}.control-section{grid-template-columns:1fr}}[data-theme=light] .free-plot-main,[data-theme=light] .plot-controls{background:#00000005;border-color:#0000001a}[data-theme=light] .control-select{background:#0000000d;border-color:#0000001a}[data-theme=light] .control-select:hover{background:#00000014;border-color:#0003}[data-theme=light] .control-slider{background:linear-gradient(to right,rgba(0,0,0,.1) 0%,var(--primary-color) 100%)}[data-theme=light] .legend-color,[data-theme=light] .gradient-bar{border-color:#0003}[data-theme=light] .btn-reset{background:#0000000d;border-color:#0000001a}[data-theme=light] .btn-reset:hover{background:#00000014;border-color:#0003}[data-theme=light] .control-section h4{border-bottom-color:#0000001a}.kpi-grid-enhanced{display:contents}.kpi-tile-enhanced{position:relative;perspective:1000px;height:100%;min-height:200px}.kpi-tile-flipper{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.kpi-tile-enhanced.flipped .kpi-tile-flipper{transform:rotateY(180deg)}.kpi-tile-front,.kpi-tile-back{position:absolute;width:100%;height:100%;padding:24px;background:linear-gradient(135deg,#32302dcc,#282623f2);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.12);border-radius:20px;cursor:pointer;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff14,inset 0 1px #ffffff26;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;justify-content:space-between}.kpi-tile-front{transform:rotateY(0)}.kpi-tile-back{transform:rotateY(180deg);cursor:default}.kpi-tile-front:hover{transform:translateY(-6px) scale(1.02) rotateY(0);border-color:#ea5b0c4d;box-shadow:0 12px 40px #ea5b0c80,0 0 0 1px #ea5b0c66,inset 0 1px #fff3}.kpi-tile-front:active{transform:translateY(-4px) scale(1.01) rotateY(0)}.kpi-tile-enhanced.active .kpi-tile-front,.kpi-tile-enhanced.active .kpi-tile-back{border-color:#ea5b0c99;background:linear-gradient(135deg,#ea5b0c40,#ea5b0c1f);box-shadow:0 0 30px #ea5b0c80,0 0 60px #ea5b0c33,inset 0 1px #ea5b0c4d}.kpi-tile-enhanced.radar-hovered .kpi-tile-front{transform:scale(1.05);border-color:#ea5b0c80;box-shadow:0 8px 32px #ea5b0c66,0 0 60px #ea5b0c40,0 0 0 2px #ea5b0c4d,inset 0 1px #ffffff1a;z-index:10}.tile-flip-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ea5b0c33;border:1px solid rgba(234,91,12,.3);border-radius:50%;color:#ea5b0c;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #ea5b0c33}.tile-flip-btn:hover{background:#ea5b0c66;border-color:#ea5b0c99;transform:scale(1.15);box-shadow:0 4px 12px #ea5b0c66}.tile-flip-back{background:#ffffff1a;border-color:#fff3;color:#fff}.kpi-tile-definition{padding:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.kpi-tile-definition h4{font-family:Roboto,sans-serif;font-size:13px;color:#999;margin-bottom:12px;text-transform:uppercase;margin-top:0}.kpi-tile-definition p{font-family:Roboto,sans-serif;font-size:13px;line-height:1.6;color:#ccc}.kpi-tile-icon{width:48px;height:48px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand);opacity:.9}.kpi-tile-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:2}.kpi-tile-enhanced:hover .kpi-tile-icon{opacity:1;transform:scale(1.1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.kpi-tile-enhanced.active .kpi-tile-icon{color:#fff;opacity:1}.kpi-tile-label{font-family:Roboto,sans-serif;font-size:13px;color:#999;text-transform:uppercase;margin-bottom:8px;font-weight:400}.kpi-tile-value{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.kpi-value-number{font-family:Big John,sans-serif;font-size:32px;color:#fff;font-weight:400;line-height:1}.kpi-tile-unit{font-family:Roboto,sans-serif;font-size:16px;color:#999;font-weight:500}.kpi-tile-rank{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2d2d2d80;border-radius:8px;font-size:11px;margin-top:auto}.kpi-tile-trend{font-size:14px}[data-theme=light] .kpi-tile-rank{background-color:transparent}.kpi-tile-percentile{color:#bbb}[data-theme=light] .kpi-tile-percentile{color:#666}.kpi-tile-hint{position:absolute;bottom:12px;right:12px;font-size:10px;color:#ffffff4d;text-transform:uppercase;opacity:0;transition:opacity .3s ease}.kpi-tile-enhanced:hover .kpi-tile-hint{opacity:1}.kpi-tile-active-indicator{position:absolute;top:12px;right:12px;color:#ea5b0c;font-size:18px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.detail-panel{position:relative;width:100%;background:linear-gradient(135deg,#3c3a37cc,#32302df2);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.15);border-radius:24px;padding:32px;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14,inset 0 -1px #0003;-webkit-backdrop-filter:blur(80px) saturate(250%);transform-origin:top left;will-change:transform;visibility:visible;opacity:1}.detail-panel-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(234,91,12,.15)}.detail-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px 8px;background:#32323280;border:1px solid rgba(234,91,12,.2);border-radius:10px;color:#ea5b0c;font-family:Big John,sans-serif;font-size:13px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.detail-back-btn:hover{background:#ea5b0c26;border-color:#ea5b0c66;transform:translate(-4px)}.detail-back-icon{font-size:16px}.detail-panel-title{flex:1;font-family:Big John,sans-serif;font-size:24px;color:#fff;font-weight:400;text-transform:uppercase;margin:0}.detail-panel-value{display:flex;align-items:baseline;gap:8px}.detail-value-number{font-family:Big John,sans-serif;font-size:36px;color:#ea5b0c;font-weight:400}.detail-value-unit{font-family:Roboto,sans-serif;font-size:18px;color:#999}.detail-tabs{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:#2d2d2d99;border-radius:12px}.detail-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px 12px;background:transparent;border:1px solid rgba(234,91,12,.1);border-radius:8px;color:#999;font-family:Big John,sans-serif;font-size:12px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.detail-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ea5b0c2e,#ea5b0c1a);opacity:0;transition:opacity .3s ease}.detail-tab:hover{background:#ea5b0c14;border-color:#ea5b0c4d;color:#ccc;transform:translateY(-2px)}.detail-tab.active{background:linear-gradient(135deg,#ea5b0c59,#ea5b0c38);border-color:#ea5b0c80;color:#ea5b0c;box-shadow:0 4px 16px #ea5b0c4d,0 0 24px #ea5b0c33}.detail-tab.active:before{opacity:1}.detail-tab-icon{width:16px;height:16px;flex-shrink:0;opacity:.7;transition:opacity .3s ease,fill .3s ease}.detail-tab:hover .detail-tab-icon{opacity:.9}.detail-tab.active .detail-tab-icon{opacity:1}.detail-tab-label{flex:1}.detail-content{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.definition-view h4,.trend-view h4,.distribution-view h4,.methodology-view h4{font-family:Big John,sans-serif;font-size:18px;color:#ea5b0c;text-transform:uppercase;margin-bottom:12px;font-weight:400}.definition-view h5,.trend-view h5,.distribution-view h5,.methodology-view h5{font-family:Big John,sans-serif;font-size:14px;color:#ccc;text-transform:uppercase;margin:24px 0 12px;font-weight:400}.definition-description,.trend-view p,.distribution-view p,.methodology-view p{font-size:14px;color:#999;line-height:1.6;margin-bottom:16px}.definition-formula{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#2d2d2d99;border:1px solid rgba(234,91,12,.2);border-radius:12px;margin:16px 0}.formula-label{font-family:Big John,sans-serif;font-size:12px;color:#ea5b0c;text-transform:uppercase}.formula-code{flex:1;font-family:Courier New,monospace;font-size:16px;color:#fff;background:#ea5b0c1a;padding:8px 12px;border-radius:6px}.definition-details ul,.methodology-protocol ol{list-style-position:inside;padding-left:0}.definition-details li,.methodology-protocol li,.trend-insights li,.methodology-standards li{font-size:13px;color:#bbb;line-height:1.8;margin-bottom:8px}.definition-values table{width:100%;border-collapse:collapse;margin-top:16px}.definition-values th,.definition-values td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(234,91,12,.1)}.definition-values th{font-family:Big John,sans-serif;font-size:11px;color:#ea5b0c;text-transform:uppercase;font-weight:400}.definition-values td{font-size:14px;color:#ccc}.trend-chart-placeholder,.distribution-chart-placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:#2d2d2d66;border:1px dashed rgba(234,91,12,.3);border-radius:16px;margin:20px 0}.placeholder-content{text-align:center}.placeholder-icon{font-size:48px;display:block;margin-bottom:12px;filter:grayscale(80%);opacity:.6}.placeholder-content p{font-family:Big John,sans-serif;font-size:14px;color:#999;text-transform:uppercase;margin-bottom:4px}.placeholder-content small{font-size:11px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}.stat-card{padding:16px;background:#2d2d2d80;border:1px solid rgba(234,91,12,.15);border-radius:12px;text-align:center}.stat-label{display:block;font-size:11px;color:#999;text-transform:uppercase;margin-bottom:8px}.stat-value{display:block;font-family:Big John,sans-serif;font-size:24px;color:#ea5b0c;font-weight:400}kbd{display:inline-block;padding:4px 8px;background:#ea5b0c33;border:1px solid rgba(234,91,12,.4);border-radius:4px;font-family:Roboto Mono,monospace;font-size:11px;color:#ea5b0c;box-shadow:0 2px 4px #0000004d}.keyboard-help-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(80px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.keyboard-help-dialog{max-width:600px;width:90%;padding:32px;background:linear-gradient(135deg,#3c3a37fa,#32302dfc);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:24px;box-shadow:0 20px 60px #000c}.keyboard-help-dialog h3{font-family:Big John,sans-serif;font-size:24px;color:#ea5b0c;text-transform:uppercase;margin-bottom:24px;font-weight:400}.shortcut-section{margin-bottom:24px}.shortcut-section h4{font-family:Big John,sans-serif;font-size:14px;color:#ccc;text-transform:uppercase;margin-bottom:12px;font-weight:400}.shortcut-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(234,91,12,.1)}.shortcut-row:last-child{border-bottom:none}.shortcut-row span{flex:1;font-size:13px;color:#bbb}.keyboard-help-close{width:100%;padding:12px 24px;margin-top:24px;background:linear-gradient(135deg,#ea5b0c6b,#ea5b0c52);border:1px solid rgba(234,91,12,.5);border-radius:10px;color:#ea5b0c;font-family:Big John,sans-serif;font-size:13px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.keyboard-help-close:hover{background:linear-gradient(135deg,#ea5b0c80,#ea5b0c66);transform:translateY(-2px);box-shadow:0 4px 16px #ea5b0c66}[data-theme=light] .kpi-tile-front,[data-theme=light] .kpi-tile-back{background:linear-gradient(135deg,#fffffff2,#fafafafa);border:1px solid rgba(234,91,12,.15);box-shadow:0 2px 12px #0000000f,0 0 0 1px #00000008,inset 0 1px #ffffffe6}[data-theme=light] .kpi-tile-front:hover{border-color:#ea5b0c66;box-shadow:0 8px 24px #ea5b0c26,0 0 30px #ea5b0c14,0 0 0 1px #ea5b0c40,inset 0 1px #fff}[data-theme=light] .kpi-tile-enhanced.active .kpi-tile-front,[data-theme=light] .kpi-tile-enhanced.active .kpi-tile-back{background:linear-gradient(135deg,#ea5b0c14,#ea5b0c0a);border-color:#ea5b0c80;box-shadow:0 0 20px #ea5b0c33,0 0 40px #ea5b0c1a,inset 0 1px #ea5b0c26}[data-theme=light] .kpi-tile-label{color:#666}[data-theme=light] .kpi-value-number{color:#1a1a1a}[data-theme=light] .kpi-tile-hint{color:#999}[data-theme=light] .tile-flip-btn{background:#ea5b0c1a;border-color:#ea5b0c33;color:#ea5b0c}[data-theme=light] .tile-flip-btn:hover{background:#ea5b0c26;border-color:#ea5b0c66}[data-theme=light] .detail-panel{background:linear-gradient(135deg,#fffffffa,#fafafafc);border:1px solid rgba(234,91,12,.2);box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000a,inset 0 1px #fff,inset 0 -1px #00000008}[data-theme=light] .detail-panel-header{border-bottom:1px solid rgba(234,91,12,.2)}[data-theme=light] .detail-panel-title{color:#1a1a1a}[data-theme=light] .detail-panel-subtitle{color:#666}[data-theme=light] .detail-value-number{color:#1a1a1a}[data-theme=light] .detail-tabs{background:#f5f5f599;border:1px solid #e8e8e8}[data-theme=light] .detail-tab{background:#f5f5f5;border-color:#e0e0e0;color:#666}[data-theme=light] .detail-tab:hover{background:#ea5b0c14;border-color:#ea5b0c4d;color:#1a1a1a}[data-theme=light] .detail-tab.active{background:#ea5b0c1f;border-color:#ea5b0c80;color:#1a1a1a}[data-theme=light] .detail-tab svg{opacity:.7}[data-theme=light] .detail-tab:hover svg{opacity:.9}[data-theme=light] .detail-tab.active svg{opacity:1;fill:#ea5b0c}[data-theme=light] .definition-tabs{background:#f5f5f599;border:1px solid #e8e8e8}[data-theme=light] .definition-tabs button{background:#f5f5f5;border-color:#e0e0e0;color:#666}[data-theme=light] .definition-tabs button:hover{background:#ea5b0c14;border-color:#ea5b0c4d;color:#1a1a1a}[data-theme=light] .definition-tabs button.active{background:#ea5b0c1f;border-color:#ea5b0c80;color:#1a1a1a}[data-theme=light] .definition-values table{background:#fff}[data-theme=light] .definition-values th,[data-theme=light] .definition-values td{border-bottom-color:#ea5b0c26}[data-theme=light] .definition-values th{color:#ea5b0c}[data-theme=light] .definition-values td{color:#4a4a4a}[data-theme=light] .detail-section-title{color:#1a1a1a}[data-theme=light] .detail-section-text{color:#4a4a4a}[data-theme=light] .stat-card{background:#f8f8f8;border-color:#ebebeb}[data-theme=light] .stat-card:hover{background:#fff;border-color:#ea5b0c33}[data-theme=light] .stat-label{color:#666}[data-theme=light] .stat-value{color:#1a1a1a}@media (max-width: 768px){.kpi-grid-enhanced{grid-template-columns:1fr}.detail-tabs{flex-wrap:wrap}.detail-tab{flex:1 1 calc(50% - 4px)}.stats-grid{grid-template-columns:repeat(2,1fr)}}.info-button-container{position:relative;display:inline-flex;align-items:center}.info-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:all .2s ease;color:#fff9}.info-button:hover{background:#ea5b0c26;border-color:#ea5b0c66;color:#ea5b0c;transform:scale(1.1)}.info-button svg{width:14px;height:14px}.info-tooltip{position:absolute;z-index:10000;min-width:300px;max-width:500px;padding:16px;background:#141414fa;backdrop-filter:blur(20px);border:1px solid rgba(234,91,12,.3);border-radius:8px;box-shadow:0 8px 32px #00000080;animation:fadeInTooltip .2s ease}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.info-tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.info-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.info-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.info-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.info-tooltip-bottom:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#ea5b0c4d}.info-tooltip-top:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#ea5b0c4d}.info-tooltip-title{font-family:Big John,sans-serif;font-size:13px;font-weight:600;color:#ea5b0c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(234,91,12,.2)}.info-tooltip-content{font-family:Roboto,sans-serif;font-size:12px;line-height:1.6;color:#fffc}.info-tooltip-content p{margin:0 0 10px}.info-tooltip-content p:last-child{margin-bottom:0}.info-tooltip-content strong{color:#fffffff2;font-weight:500}@media (max-width: 768px){.info-tooltip{min-width:250px;max-width:calc(100vw - 40px)}}.app-topbar{background:#0d0d0d;border-bottom:1px solid #2a2a2a;padding:0 40px;position:sticky;top:0;z-index:100}.topbar-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:32px;height:60px}.topbar-logo{height:28px}.topbar-logo img{height:100%}.topbar-link{background:transparent;border:none;color:#ea5b0c;font-size:15px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s}.topbar-link:hover{background:#ea5b0c1a}.app-content{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#32302d99,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%)}.kpi-grid-premium{display:grid;grid-template-columns:1fr 320px;gap:20px;max-width:1600px}.kpi-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.kpi-detail-layout{display:block;max-width:1600px;position:relative}.kpi-sidebar{position:absolute;left:calc(50% - var(--container-w / 2) - 180px - 20px);top:0;z-index:50;display:flex;flex-direction:column;gap:12px;width:140px;margin-left:-70px}.kpi-sidebar-tiles{display:flex;flex-direction:column;gap:12px}.kpi-mini-tile{background:linear-gradient(135deg,#323232b3,#272727e6);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-radius:10px;padding:8px 10px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translate(-120px)}.kpi-mini-tile:nth-child(1){animation:flyIn .5s ease-out .1s forwards}.kpi-mini-tile:nth-child(2){animation:flyIn .5s ease-out .2s forwards}.kpi-mini-tile:nth-child(3){animation:flyIn .5s ease-out .3s forwards}.kpi-mini-tile:nth-child(4){animation:flyIn .5s ease-out .4s forwards}.kpi-mini-tile:nth-child(5){animation:flyIn .5s ease-out .5s forwards}.kpi-mini-tile:nth-child(6){animation:flyIn .5s ease-out .6s forwards}.kpi-mini-tile:nth-child(7){animation:flyIn .5s ease-out .7s forwards}.kpi-mini-tile:nth-child(8){animation:flyIn .5s ease-out .8s forwards}.kpi-mini-tile:nth-child(9){animation:flyIn .5s ease-out .9s forwards}.kpi-mini-tile:nth-child(10){animation:flyIn .5s ease-out 1s forwards}@keyframes flyIn{0%{opacity:0;transform:translate(-120px)}to{opacity:1;transform:translate(0)}}.kpi-mini-tile:hover{transform:translate(20px) scale(1.05);box-shadow:0 6px 20px #ea5b0c80;border-color:#ea5b0c66}.kpi-mini-tile.active{background:linear-gradient(135deg,#ea5b0c4d,#ea5b0c1a);border-color:#ea5b0c;box-shadow:0 6px 24px #ea5b0ccc,300px 0 100px #ea5b0c26;transform:translate(20px) scale(1.25);padding:12px 14px;width:180px;margin-left:-40px}.kpi-mini-label{font-family:Big John,sans-serif;font-size:9px;font-weight:400;color:#fff9;margin-bottom:2px;text-transform:uppercase}.kpi-mini-tile.active .kpi-mini-label{font-size:11px;margin-bottom:4px}.kpi-mini-value{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-mini-tile.active .kpi-mini-value{font-size:18px;white-space:normal;overflow:visible}.kpi-detail-content{min-height:600px;margin-left:100px}.kpi-tile{background:linear-gradient(135deg,#323232b3,#272727e6);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-radius:16px;padding:16px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 16px #00000080,inset 0 1px #ffffff14;border:1px solid rgba(255,255,255,.08)}.kpi-tile:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 28px #ea5b0c99,0 0 0 1px #ea5b0c66;border-color:#ea5b0c99;background:linear-gradient(135deg,#3c3c3ccc,#2d2d2d)}.kpi-tile-label{font-family:Big John,sans-serif;font-size:11px;font-weight:400;color:#fff9;margin-bottom:8px;text-transform:uppercase}.kpi-tile-value{font-family:Roboto,sans-serif;font-size:28px;font-weight:500;color:#fff}.kpi-tile-unit{font-family:Roboto,sans-serif;font-size:14px;color:#fff9;font-weight:700}.chemistry-value{display:flex;flex-direction:column;gap:2px;font-size:18px}.chemistry-vs{font-size:13px;color:#aaa;font-weight:400;margin:2px 0}.kpi-radar{background:#1a1a1a;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000004d}.detail-view{width:100%;background:#1f1f1f;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000080}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.detail-header{display:flex;align-items:center;padding:16px 24px;background:#101010;border-bottom:1px solid #2a2a2a}.detail-header h2{font-size:16px;color:#fff;margin:0}.btn-back-detail{background:#2a2a2a;border:1px solid #343434;color:#ddd;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;margin-right:16px}.btn-back-detail:hover{background:#ea5b0c;border-color:#ea5b0c;color:#fff}.detail-controls{display:inline-flex;background:#222;border:1px solid #343434;border-radius:999px;padding:3px;gap:0;position:relative}.detail-controls:before{content:"";position:absolute;top:3px;left:3px;height:calc(100% - 6px);width:calc(50% - 3px);background:#ea5b0c;border-radius:999px;transition:all .7s cubic-bezier(.34,1.56,.64,1);z-index:0}.detail-controls:has(.chip:nth-child(1).active):before{left:3px}.detail-controls:has(.chip:nth-child(2).active):before{left:50%}.detail-controls .chip{padding:6px 14px;background:transparent;border:none;color:#cfd2d6;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;transition:color .2s;position:relative;z-index:1}.detail-controls .chip.active{color:#fff}.detail-body{padding:24px;position:relative}.plots-2d{display:flex;flex-direction:column;gap:24px}.plot-container h3,.plot-3d h3{color:#f2f2f2;margin-bottom:12px}.plot{height:400px;background:#101010;border-radius:12px;overflow:hidden}.plot .js-plotly-plot .plotly .main-svg{border-radius:12px}@media (max-width: 1400px){.kpi-tiles{grid-template-columns:repeat(4,1fr)}}.global-controls{display:flex;gap:20px;align-items:center}.control-group{display:flex;align-items:center;gap:8px}.control-group label{font-size:13px;color:#aaa}.chip-group{display:inline-flex;background:#222;border:1px solid #343434;border-radius:999px;padding:3px;gap:0;position:relative}.chip-group:before{content:"";position:absolute;top:3px;left:3px;height:calc(100% - 6px);background:#ea5b0c;border-radius:999px;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:0}.chip-group:has(.chip:nth-child(2):last-child):before{width:calc(50% - 3px)}.chip-group:has(.chip:nth-child(1).active):has(.chip:nth-child(2):last-child):before{left:3px}.chip-group:has(.chip:nth-child(2).active:last-child):before{left:50%}.chip-group:has(.chip:nth-child(3):last-child):before{width:calc(33.333% - 2px)}.chip-group:has(.chip:nth-child(1).active):has(.chip:nth-child(3):last-child):before{left:3px}.chip-group:has(.chip:nth-child(2).active):has(.chip:nth-child(3):last-child):before{left:calc(33.333% + 1px)}.chip-group:has(.chip:nth-child(3).active:last-child):before{left:calc(66.666% - 1px)}.chip-group .chip{padding:6px 14px;background:transparent;border:none;border-radius:999px;color:#cfd2d6;cursor:pointer;font-size:12px;font-weight:400;transition:color .2s;position:relative;z-index:1}.chip-group .chip.active{color:#fff}.chip-group .chip:hover:not(.active){color:#fff}.spacer{flex:1}.explorer-page{padding:40px;max-width:var(--container-w);margin:0 auto}.explorer-header{margin-bottom:40px}.explorer-header h1{font-size:32px;font-weight:600;color:#fff;margin-bottom:8px}.explorer-header p{font-size:16px;color:#aaa}.cell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.cell-placeholder{color:#555;font-size:14px}.cell-info{padding:16px;flex:1}.cell-id{font-size:18px;font-weight:600;color:#ea5b0c;margin-bottom:8px}.cell-manufacturer{font-size:13px;color:#aaa;margin-bottom:4px}.cell-name{font-size:15px;color:#ddd;font-weight:500}.cell-loading{font-size:13px;color:#777;font-style:italic}.btn-cell-details{margin:0 16px 16px;padding:10px 16px;background:#ea5b0c;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cell-details:hover:not(:disabled){background:#ff6b1a;transform:translateY(-1px)}.btn-cell-details:disabled{background:#555;color:#888;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding-top:40px;border-top:1px solid #2a2a2a}.pagination-btn{padding:10px 20px;background:#2a2a2a;border:1px solid #343434;border-radius:8px;color:#ddd;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#ea5b0c;border-color:#ea5b0c;color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#aaa;font-size:14px}@media (max-width: 1100px){.kpi-tiles{grid-template-columns:repeat(3,1fr)}.kpi-grid-premium,.kpi-detail-layout{grid-template-columns:1fr}.kpi-sidebar{position:relative;flex-direction:row;overflow-x:auto}.kpi-sidebar-tiles{flex-direction:row;min-width:max-content}.kpi-mini-tile{min-width:140px}.global-controls{flex-direction:column;gap:8px}}.chemistry-diagram-compact{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 8px;background:#0003;border-radius:8px;margin-bottom:10px;min-height:50px}.chemistry-diagram-compact .electrode-with-label{display:flex;flex-direction:column;align-items:center;gap:6px}.chemistry-diagram-compact .electrode{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.chemistry-diagram-compact .electrode.anode{background:linear-gradient(135deg,#0d7c99,#0a5f75)}.chemistry-diagram-compact .electrode.cathode{background:linear-gradient(135deg,#ea5b0c,#c74a09)}.chemistry-diagram-compact .electrode-label{font-size:12px;color:#ffffffd9;font-weight:600;text-align:center;max-width:90px;line-height:1.2}.chemistry-diagram-compact .ion-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative}.chemistry-diagram-compact .ion-flow svg{width:180px;height:60px}.chemistry-diagram-compact .li-ion-label{font-size:20px;color:#fffffff2;font-weight:700;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 8px rgba(255,255,255,.5)}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;background:transparent}.detail-header-text{display:flex;flex-direction:column;gap:4px}.detail-title{font-family:Big John,sans-serif;font-size:24px;font-weight:400;color:var(--ink);margin:0;text-transform:uppercase}.detail-subtitle{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;color:var(--muted);margin:0;line-height:1.4}.detail-2d-plots{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:500px;animation:fadeIn .5s ease-out}.detail-3d-plot{width:100%;min-height:500px;margin-top:20px;animation:fadeIn .5s ease-out .3s backwards}.detail-merge-btn{display:flex;align-items:center;gap:8px;padding:15px 28px 10px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:16px;color:#fff;font-family:Big John,sans-serif;font-weight:400;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #ea5b0c33,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(80px) saturate(250%)}.detail-merge-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c80;transform:translateY(-2px);box-shadow:0 8px 24px #ea5b0c4d,0 0 0 1px #ffffff14,inset 0 1px #ffffff26}.detail-merge-btn:active:not(:disabled){transform:translateY(0)}.detail-merge-btn:disabled{opacity:.5;cursor:not-allowed}.detail-merge-btn.morphing{pointer-events:none}.btn-icon{font-size:18px;line-height:1}.detail-plot-card{position:relative;background:linear-gradient(135deg,#323232b3,#272727e6);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-radius:16px;border:1px solid rgba(234,91,12,.1);padding:16px;box-shadow:0 2px 16px #0006,inset 0 1px #ffffff0a;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;display:flex;flex-direction:column}.detail-plot-card>div:last-child{flex:1;min-height:400px}.detail-plot-card>div,.detail-3d-plot>div{border-radius:12px;overflow:hidden}.detail-plot-card:hover{transform:translateY(-4px);border-color:#ea5b0c26;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0f}.plot-label,.plot-label-3d{font-family:Big John,sans-serif;font-weight:400;font-size:14px;color:#ffffffb3;padding:0 0 12px;pointer-events:none}.plot-label-3d{font-size:16px;color:#fffc;padding-bottom:16px}.detail-footer{padding:20px 0 0;border-top:1px solid rgba(234,91,12,.08);margin-top:20px}.detail-info-text{font-family:Big John,sans-serif;font-weight:400;font-size:13px;color:#fff9;line-height:1.6;padding-top:3px}.detail-info-text strong{color:#ffffffe6;font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes expandIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1200px){.detail-2d-plots{grid-template-columns:1fr;gap:16px}.detail-merge-btn{padding:12px 20px 8px;font-size:13px}}.detail-view{position:relative;width:100%;perspective:1500px}.detail-flipper{position:relative;width:100%;transition:transform .8s cubic-bezier(.68,-.55,.27,1.55);transform-style:preserve-3d}.detail-view.flipped .detail-flipper{transform:rotateY(180deg)}.detail-front{position:relative;width:100%;transform:rotateY(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;gap:20px;padding:24px;background:linear-gradient(135deg,#323232cc,#2d2d2de6);backdrop-filter:blur(80px) saturate(140%);border:1px solid rgba(234,91,12,.15);border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.detail-back{position:absolute;top:0;left:0;width:100%;max-height:700px;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;gap:20px;padding:24px;overflow-y:auto;background:linear-gradient(135deg,#323232cc,#2d2d2de6);backdrop-filter:blur(80px) saturate(140%);border:1px solid rgba(234,91,12,.15);border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.4) transparent}.detail-back::-webkit-scrollbar{width:8px}.detail-back::-webkit-scrollbar-track{background:transparent}.detail-back::-webkit-scrollbar-thumb{background:#ea5b0c66;border-radius:4px}.detail-back::-webkit-scrollbar-thumb:hover{background:#ea5b0c99}.detail-header-actions{display:flex;align-items:center;gap:12px}.detail-info-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#ea5b0c1f,#ea5b0c0d);backdrop-filter:blur(80px);border:1px solid rgba(234,91,12,.25);border-radius:12px;color:var(--brand);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ea5b0c26}.detail-info-btn:hover{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);border-color:#ea5b0c66;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #ea5b0c40}.detail-info-btn:active{transform:translateY(0) scale(.98)}.detail-back-btn{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:15px 28px 10px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:16px;color:#fff;font-family:Big John,sans-serif;font-weight:400;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #ea5b0c33,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(80px) saturate(250%);margin-bottom:20px}.detail-back-btn:hover{background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c80;transform:translateY(-2px);box-shadow:0 8px 24px #ea5b0c4d,0 0 0 1px #ffffff14,inset 0 1px #ffffff26}.detail-back-btn:active{transform:translateY(0)}.detail-methodology{display:flex;flex-direction:column;gap:20px;color:var(--ink);overflow:visible}.detail-methodology h3{font-family:Big John,sans-serif;font-size:22px;font-weight:400;color:var(--brand);margin:0 0 10px;text-transform:uppercase}.methodology-section{display:flex;flex-direction:column;gap:10px;padding:20px;background:#ea5b0c0d;border-left:3px solid var(--brand);border-radius:8px}.methodology-section h4{font-family:Big John,sans-serif;font-size:16px;font-weight:400;color:var(--brand);margin:0;text-transform:uppercase}.methodology-section p{font-family:Roboto,sans-serif;font-size:14px;line-height:1.6;color:var(--muted);margin:0}.methodology-section ul{margin:8px 0 0;padding-left:20px;list-style:none}.methodology-section ul li{font-family:Roboto,sans-serif;font-size:14px;line-height:1.7;color:var(--muted);position:relative;padding-left:16px}.methodology-section ul li:before{content:"▸";position:absolute;left:0;color:var(--brand);font-size:12px}.methodology-section ul li strong{color:var(--ink);font-weight:600}.methodology-formula{display:block;padding:12px 20px;background:#0000004d;border:1px solid rgba(234,91,12,.2);border-radius:8px;font-family:Courier New,monospace;font-size:16px;color:var(--brand);text-align:center;margin:10px 0}.methodology-note{font-size:13px;font-style:italic;color:var(--muted-more);margin-top:4px}[data-theme=light] .detail-view{background:linear-gradient(135deg,#ffffffe6,#fafafaf2);border:1px solid rgba(234,91,12,.15);box-shadow:0 8px 32px #0000000f,inset 0 1px #fffc}[data-theme=light] .methodology-section{background:#ea5b0c14}[data-theme=light] .methodology-formula{background:#ea5b0c0d;border-color:#ea5b0c26}[data-theme=light] .detail-info-btn{background:linear-gradient(135deg,#ea5b0c1a,#ea5b0c08)}[data-theme=light] .detail-back-btn{background:#ea5b0c1a}.energy-detail-view{display:flex;flex-direction:column;gap:20px;height:100%}.energy-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.energy-detail-title{font-family:Big John,sans-serif;font-size:20px;font-weight:400;color:var(--ink);margin:0;text-transform:uppercase;flex:1}.energy-view-toggle{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.25);border-radius:12px;color:#fff;font-family:Big John,sans-serif;font-weight:400;font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase}.energy-view-toggle:hover:not(:disabled){background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c66;transform:translateY(-2px)}.energy-view-toggle:disabled{opacity:.5;cursor:not-allowed}.toggle-icon{font-size:16px;line-height:1}.toggle-label{font-size:12px}.toggle-hint{font-size:9px;color:#fff9;font-weight:400}.detail-help-btn{width:32px;height:32px;background:#ea5b0c1f;border:1px solid rgba(234,91,12,.25);border-radius:50%;color:#ea5b0c;font-family:Big John,sans-serif;font-size:16px;font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.detail-help-btn:hover{background:#ea5b0c4d;border-color:#ea5b0c80;transform:scale(1.15)}.energy-detail-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.energy-info-text{font-family:Roboto,sans-serif;font-size:13px;line-height:1.7;color:#fffc;text-align:justify}.energy-info-text strong{color:#ea5b0c;font-weight:500}.plot-label,.plot-label-3d{font-family:Roboto,sans-serif!important;font-size:13px;font-weight:400;color:#ffffffb3;margin-bottom:8px}.energy-2d-plots{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:400px}.energy-3d-plot{width:100%;min-height:500px}.energy-plot-card{background:#37373766;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;display:flex;flex-direction:column}.mechanical-detail-page{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.detail-header{border-bottom:2px solid rgba(234,91,12,.3);padding-bottom:20px}.header-title{display:flex;align-items:center;gap:16px;margin-bottom:8px}.header-title h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--brand);margin:0;text-transform:uppercase}.format-badge{background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);color:var(--brand);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase}.header-subtitle{font-size:14px;color:#fff9;margin:0;font-style:italic}.visual-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.visual-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;backdrop-filter:blur(20px);transition:all .3s ease}.visual-card:hover{border-color:#ea5b0c4d;background:#ffffff08;box-shadow:0 8px 32px #ea5b0c1a}.visual-title{font-family:var(--font-display);font-size:14px;font-weight:700;text-transform:uppercase;color:#fffc;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.drawing-container{display:flex;align-items:center;justify-content:center;min-height:400px;background:#0003;border-radius:8px;padding:20px}.drawing-container svg{max-width:100%;max-height:450px;width:100%;height:auto}.photo-container{display:flex;align-items:center;justify-content:center;min-height:400px;background:#0003;border-radius:8px;padding:20px}.photo-container img{max-width:100%;max-height:450px;width:auto;height:auto;object-fit:contain;border-radius:4px}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffff4d}.photo-placeholder svg{stroke:#fff3}.photo-placeholder p{margin:0;font-size:14px;font-style:italic}.data-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.data-column{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;backdrop-filter:blur(20px)}.column-header{font-family:var(--font-display);font-size:14px;font-weight:700;text-transform:uppercase;color:var(--brand);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(234,91,12,.2)}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.data-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.data-item:hover{background:#ea5b0c0d;border-color:#ea5b0c33;transform:translateY(-2px)}.data-item.full-width{grid-column:1 / -1}.data-label{font-size:12px;color:#ffffff80;font-weight:600}.data-value{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2}.geometry-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;backdrop-filter:blur(20px)}.geometry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.geometry-stat{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transition:all .2s ease}.geometry-stat:hover{background:#ea5b0c0d;border-color:#ea5b0c33;transform:translateY(-2px)}.stat-label{font-size:10px;text-transform:uppercase;color:#ffffff80;font-weight:600}.stat-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--brand);line-height:1.2}@media (max-width: 1400px){.geometry-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.mechanical-detail-page{padding:24px;gap:24px}.visual-section,.data-section{grid-template-columns:1fr}.geometry-grid{grid-template-columns:repeat(2,1fr)}.drawing-container,.photo-container{min-height:300px}}@media (max-width: 768px){.header-title{flex-direction:column;align-items:flex-start}.header-title h2{font-size:22px}.data-grid,.geometry-grid{grid-template-columns:1fr}}.simplified-detail-panel{position:relative;width:100%;height:100%;min-height:500px;background:transparent;display:flex;flex-direction:column;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);perspective:1500px;overflow:visible}[data-theme=light] .simplified-detail-panel{background:linear-gradient(135deg,#ffffffe6,#fafafaf2);border:1px solid rgba(234,91,12,.15);box-shadow:0 8px 32px #0000000f,inset 0 1px #fffc}@keyframes slideInRight{0%{opacity:0;transform:translate(100px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.detail-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);color:#ea5b0c;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;padding:0}.detail-close-btn:hover{background:#ea5b0c33;border-color:#ea5b0c80;transform:scale(1.1)}.detail-help-btn{position:absolute;top:20px;right:66px;width:36px;height:36px;border-radius:50%;background:#0d7c9926;border:1px solid rgba(13,124,153,.3);color:#0d7c99;cursor:pointer;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;padding:0}.detail-help-btn:hover{background:#0d7c9940;border-color:#0d7c9980;transform:scale(1.1)}.detail-help-btn svg{width:20px;height:20px}.detail-analysis-content{flex:1;overflow:visible;display:flex;flex-direction:column}.detail-analysis-content::-webkit-scrollbar{width:6px}.detail-analysis-content::-webkit-scrollbar-track{background:transparent}.detail-analysis-content::-webkit-scrollbar-thumb{background:#ea5b0c4d;border-radius:3px}.detail-analysis-content::-webkit-scrollbar-thumb:hover{background:#ea5b0c80}.generic-analysis{display:flex;flex-direction:column;gap:24px}.analysis-header{text-align:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .analysis-header{border-bottom-color:#00000014}.analysis-title{font-family:Big John,sans-serif;font-size:28px;font-weight:400;color:#fff;margin:0 0 16px}[data-theme=light] .analysis-title{color:#1a1a1a}.analysis-value{display:flex;align-items:baseline;justify-content:center;gap:8px}.analysis-number{font-family:Big John,sans-serif;font-size:48px;color:#ea5b0c;line-height:1}.analysis-unit{font-size:24px;color:#999}[data-theme=light] .analysis-unit{color:#666}.analysis-body{display:flex;flex-direction:column;gap:24px}.analysis-placeholder{text-align:center;padding:60px 20px;background:#ffffff05;border-radius:12px;border:1px dashed rgba(234,91,12,.2)}[data-theme=light] .analysis-placeholder{background:#00000005}.analysis-placeholder p{margin:8px 0;color:#ccc;font-size:14px}[data-theme=light] .analysis-placeholder p{color:#666}.text-muted{color:#999!important;font-size:13px!important}[data-theme=light] .text-muted{color:#999!important}.analysis-trend{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08;border-radius:8px}[data-theme=light] .analysis-trend{background:#00000008}.trend-label{font-size:13px;color:#999;text-transform:uppercase}.trend-value{font-family:Big John,sans-serif;font-size:18px;font-weight:500}.trend-value.positive{color:#34a853}.trend-value.negative{color:#ff5733}.analysis-percentile{display:flex;flex-direction:column;gap:8px}.percentile-label{font-size:13px;color:#999;text-transform:uppercase}.percentile-bar{position:relative;height:32px;background:#ffffff0d;border-radius:8px;overflow:hidden}[data-theme=light] .percentile-bar{background:#0000000d}.percentile-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ea5b0c99,#ea5b0ccc);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.percentile-text{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:Big John,sans-serif;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.documentation-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(80px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}[data-theme=light] .documentation-modal-overlay{background:#0006}.documentation-modal{width:90%;max-width:700px;max-height:80vh;background:linear-gradient(135deg,#323232fa,#2d2d2dfc);backdrop-filter:blur(80px);border:1px solid rgba(234,91,12,.25);border-radius:20px;box-shadow:0 24px 80px #000c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .documentation-modal{background:linear-gradient(135deg,#fffffffa,#fafafafc);border-color:#ea5b0c4d;box-shadow:0 24px 80px #00000026,0 0 0 1px #ea5b0c1a,inset 0 1px #ffffffe6}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.documentation-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .documentation-header{border-bottom-color:#00000014}.documentation-title{display:flex;align-items:center;gap:12px;font-family:Big John,sans-serif;font-size:20px;font-weight:400;color:#fff;margin:0}[data-theme=light] .documentation-title{color:#1a1a1a}.documentation-icon{color:#0d7c99;width:24px;height:24px}.documentation-close{width:32px;height:32px;border-radius:50%;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);color:#ea5b0c;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.documentation-close:hover{background:#ea5b0c33;transform:scale(1.1)}.documentation-content{flex:1;overflow-y:auto;padding:32px;color:#ccc;line-height:1.7;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.3) transparent}[data-theme=light] .documentation-content{color:#4a4a4a}.documentation-content::-webkit-scrollbar{width:6px}.documentation-content::-webkit-scrollbar-track{background:transparent}.documentation-content::-webkit-scrollbar-thumb{background:#ea5b0c4d;border-radius:3px}.documentation-content h4{font-family:Big John,sans-serif;font-size:18px;font-weight:400;color:#ea5b0c;margin:0 0 16px}.documentation-content h5{font-size:14px;color:#fff;margin:24px 0 12px;text-transform:uppercase}[data-theme=light] .documentation-content h5{color:#1a1a1a}.documentation-content p{margin:0 0 16px;font-size:14px}.documentation-content ul{margin:12px 0;padding-left:24px}.documentation-content li{margin:8px 0;font-size:14px}.documentation-content code{display:block;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.2);border-radius:6px;padding:12px 16px;font-family:Courier New,monospace;font-size:16px;color:#ea5b0c;margin:16px 0}.documentation-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}[data-theme=light] .documentation-footer{border-top-color:#00000014}.btn-secondary{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-family:Big John,sans-serif;font-size:13px;text-transform:uppercase;cursor:pointer;transition:all .2s ease}[data-theme=light] .btn-secondary{background:#0000000d;border-color:#0003;color:#1a1a1a}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}[data-theme=light] .btn-secondary:hover{background:#00000014;border-color:#0000004d}@media (max-width: 768px){.simplified-detail-panel{min-height:400px}.detail-analysis-content{padding:20px}.documentation-modal{width:95%;max-height:85vh}.documentation-content{padding:20px}}.floating-controls{grid-column:1;grid-row:1;position:sticky;width:100%;background:linear-gradient(135deg,#32323266,#27272799);backdrop-filter:blur(80px) saturate(250%);border-radius:16px;padding:20px;box-shadow:0 4px 24px #00000080,0 0 0 1px #ffffff08,inset 0 1px #ffffff14,inset 0 -1px #0003;border:1px solid rgba(234,91,12,.15);-webkit-backdrop-filter:blur(80px) saturate(250%);z-index:10}.floating-controls-section{margin-bottom:20px}.floating-controls-section:last-child{margin-bottom:0}.floating-controls-label{font-size:11px;color:#888;text-transform:uppercase;margin-bottom:12px;padding-top:2px;font-family:Big John,sans-serif;font-weight:400}.floating-controls-buttons{display:flex;flex-direction:column;gap:8px}.floating-control-btn{background:#1f1f1f99;border:1px solid rgba(234,91,12,.2);color:#bbb;padding:15px 14px 10px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-family:Big John,sans-serif;font-weight:400;text-align:left}.floating-control-btn:hover{background:#1f1f1fe6;border-color:#ea5b0c66;color:#fff;transform:translate(-2px)}.floating-control-btn.active{background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c99;color:#ea5b0c;box-shadow:0 0 20px #ea5b0c4d,inset 0 1px #ea5b0c33;transform:translate(-4px)}.floating-control-btn.active:hover{border-color:#ea5b0ccc;box-shadow:0 0 24px #ea5b0c66,inset 0 1px #ea5b0c4d}.pareto-explanation-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.pareto-explanation-panel{background:#1a1a1afa;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.pareto-explanation-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(234,91,12,.1),transparent)}.pareto-explanation-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ea5b0c26;border:1px solid rgba(234,91,12,.3);border-radius:8px;color:#ea5b0c}.pareto-explanation-title{flex:1}.pareto-explanation-title h3{font-family:Big John,sans-serif;font-size:18px;font-weight:600;color:#f1f5f9;text-transform:uppercase;margin:0 0 4px}.pareto-explanation-subtitle{font-family:Roboto,sans-serif;font-size:13px;color:#94a3b8;margin:0}.pareto-explanation-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#cbd5e1;font-size:24px;cursor:pointer;transition:all .2s}.pareto-explanation-close:hover{background:#ffffff1a;border-color:#fff3;color:#f1f5f9}.pareto-explanation-content{flex:1;overflow-y:auto;padding:24px}.pareto-explanation-section{margin-bottom:24px}.pareto-explanation-section:last-child{margin-bottom:0}.pareto-explanation-section h4{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#cbd5e1;margin:0 0 12px;display:flex;align-items:center;gap:8px}.pareto-explanation-section h4 svg{color:#ea5b0c}.pareto-explanation-section p{font-family:Roboto,sans-serif;font-size:13px;line-height:1.6;color:#94a3b8;margin:0 0 12px}.pareto-explanation-section p:last-child{margin-bottom:0}.pareto-explanation-section ul{list-style:none;padding:0;margin:0}.pareto-explanation-section li{font-family:Roboto,sans-serif;font-size:13px;line-height:1.6;color:#94a3b8;margin-bottom:12px;padding-left:20px;position:relative}.pareto-explanation-section li:before{content:"→";position:absolute;left:0;color:#ea5b0c;font-weight:600}.pareto-explanation-section li:last-child{margin-bottom:0}.pareto-explanation-visual{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin:12px 0;display:flex;justify-content:center}.pareto-explanation-caption{text-align:center;font-size:12px!important;color:#64748b!important}.pareto-explanation-usecases{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.pareto-usecase{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px}.pareto-usecase strong{display:block;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:#cbd5e1;margin-bottom:4px}.pareto-usecase p{font-size:12px!important;color:#94a3b8!important;margin:0!important}.pareto-explanation-math{background:#ea5b0c0d;border:1px solid rgba(234,91,12,.2);border-radius:8px;padding:16px}.pareto-math-formula{font-family:Courier New,monospace;font-size:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;margin-top:12px;color:#cbd5e1;text-align:center;line-height:1.6}.pareto-math-formula strong{color:#ea5b0c}.pareto-explanation-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.pareto-explanation-btn{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;padding:10px 24px;background:#ea5b0c33;border:1px solid rgba(234,91,12,.5);border-radius:6px;color:#ea5b0c;cursor:pointer;transition:all .2s}.pareto-explanation-btn:hover{background:#ea5b0c4d;border-color:#ea5b0c}.pareto-explanation-content::-webkit-scrollbar{width:8px}.pareto-explanation-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.pareto-explanation-content::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:4px}.pareto-explanation-content::-webkit-scrollbar-thumb:hover{background:#ea5b0cb3}@media (max-width: 768px){.pareto-explanation-panel{max-width:100%;max-height:95vh;margin:10px}.pareto-explanation-header,.pareto-explanation-content{padding:16px}.pareto-explanation-title h3{font-size:16px}}.app-footer{position:static;width:100%;margin-top:0;padding:12px 20px;background:linear-gradient(135deg,#373532f2,#2d2a26fa);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-top:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff14,0 -4px 16px #0003;z-index:50}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-left{display:flex;align-items:center;gap:12px}.footer-logo{display:flex;align-items:center;gap:8px;text-decoration:none;transition:all .2s ease}.footer-logo:hover{opacity:.9;transform:scale(1.02)}.footer-logo img{width:20px;height:20px}.footer-logo span:last-child{font-family:var(--font-display, "Big John", sans-serif);font-size:12px;font-weight:700;line-height:1;background:linear-gradient(135deg,#ea5b0c,#ff7a33);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.footer-brand{font-size:12px;color:#fff9;font-family:Roboto,sans-serif;font-weight:400}.footer-center{flex:1;display:flex;justify-content:center;align-items:center;gap:8px}.footer-right{display:flex;align-items:center;gap:12px}.footer-copyright,.footer-version{font-family:Roboto,sans-serif;font-size:12px;font-weight:400;color:#94a3b8}.footer-link{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:#cbd5e1;text-decoration:none;transition:all .2s ease;padding:4px 8px;border-radius:4px}.footer-link:hover{color:#ea5b0c;background:#ea5b0c1a}.footer-separator{color:#fff3;font-size:10px}.footer-version{padding:4px 10px;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:6px;color:#ea5b0c;font-weight:600;font-family:Big John,sans-serif;font-size:10px;text-transform:uppercase}@media (max-width: 768px){.footer-content{flex-direction:column;gap:12px;text-align:center}.footer-left,.footer-right{justify-content:center}.footer-center{flex-wrap:wrap}}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px}.pagination-btn{padding:8px 16px;background:#323232b3;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#cbd5e1;font-size:13px;font-weight:600;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0003;min-width:80px}.pagination-btn--first,.pagination-btn--last{min-width:50px;font-size:16px;font-weight:700}.pagination-btn:hover:not(:disabled){background:#ea5b0c26;border-color:#ea5b0c80;color:#ea5b0c;box-shadow:0 4px 16px #ea5b0c4d;transform:translateY(-2px)}.pagination-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ea5b0c33}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;background:#32323266;border-color:#ffffff14;color:#ffffff4d}.pagination-btn:disabled:hover{transform:none;box-shadow:none}.pagination-info{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#1a1a1acc;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:Roboto,sans-serif}.pagination-current{font-size:14px;font-weight:700;color:#ea5b0c;font-family:Big John,sans-serif;text-transform:uppercase}.pagination-divider{font-size:14px;font-weight:400;color:#ffffff4d}.pagination-total{font-size:14px;font-weight:600;color:#94a3b8}.pagination-count{font-size:11px;font-weight:400;color:#64748b;margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.1)}.grid-footer{display:flex;align-items:center;justify-content:center;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.grid-footer-info{font-size:12px;font-weight:500;font-family:Roboto,sans-serif;color:#94a3b8}@media (max-width: 768px){.pagination-controls{flex-wrap:wrap;gap:8px;padding:20px 16px}.pagination-btn{min-width:60px;padding:6px 12px;font-size:12px}.pagination-btn--first,.pagination-btn--last{min-width:40px}.pagination-info{width:100%;justify-content:center;order:-1;margin-bottom:8px}.pagination-count{display:none}}.factsheet-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#323232b3,#1e1e1ee6);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d;overflow:hidden;min-height:420px;height:auto}.factsheet-card:hover{transform:translateY(-4px);border-color:#ea5b0c66;box-shadow:0 8px 32px #ea5b0c33,0 0 0 1px #ea5b0c4d,inset 0 1px #ffffff1a;background:linear-gradient(135deg,#3c3c3ccc,#282828f2)}.factsheet-card.in-compare{border-color:#ea5b0c99;box-shadow:0 0 0 2px #ea5b0c66,0 8px 24px #ea5b0c4d}.factsheet-card__compare{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ccc;cursor:pointer;transition:all .25s ease;z-index:10;padding:0}.factsheet-card__compare:hover{background:#ea5b0c33;border-color:#ea5b0c;color:#ea5b0c;transform:scale(1.1)}.factsheet-card__compare.active{background:#ea5b0c4d;border-color:#ea5b0c;color:#ea5b0c}.factsheet-card__image{align-self:center;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#28282880,#141414cc);margin-bottom:16px;display:flex;align-items:center;justify-content:center}.factsheet-card__image img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.factsheet-card__image-placeholder{display:flex;align-items:center;justify-content:center;color:#fff3}.factsheet-card__header{margin-bottom:16px}.factsheet-card__title{font-family:Big John,Roboto,sans-serif;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;margin:0 0 6px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.factsheet-card__subtitle{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#fff9;margin:0}.factsheet-card__specs{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;flex:1}.spec-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff05;border-radius:4px;font-size:13px;box-shadow:0 1px 3px #0003}.spec-label{color:#fff9;font-family:Roboto,sans-serif;font-size:13px;font-weight:400;text-transform:none}.spec-value{color:#ffffffe6;font-size:13px;font-weight:600;display:flex;align-items:baseline;gap:3px}.spec-number{font-family:Big John,sans-serif;color:#ffffffe6}.spec-unit{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;text-transform:none;color:#ffffffb3}.factsheet-card__footer{display:flex;gap:8px;flex-wrap:wrap}.factsheet-badge{display:inline-block;padding:4px 10px;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;border-radius:4px;text-transform:uppercase}.factsheet-badge--chemistry,.factsheet-badge--format{background:#ea5b0c26;color:#ea5b0c;border:1px solid rgba(234,91,12,.3)}.factsheet-card--compact{padding:10px;min-height:170px}.factsheet-card--compact .factsheet-card__title{font-size:13px;margin-bottom:4px}.factsheet-card--compact .factsheet-card__subtitle{font-size:11px}.factsheet-card--compact .factsheet-card__specs{gap:2px}.factsheet-card--compact .spec-row{padding:5px 8px}.factsheet-card--compact .spec-label{font-size:11px}.factsheet-card--compact .spec-number{font-size:13px}.factsheet-card--compact .spec-unit{font-size:11px}.factsheet-card--compact .factsheet-badge{font-size:10px;padding:3px 8px}@media (max-width: 768px){.factsheet-card{padding:14px}.factsheet-card__title{font-size:14px}.spec-number{font-size:16px}.factsheet-card__image{height:120px}}.free-plot-container{display:flex;width:100%;height:100%;gap:16px;padding:0;overflow:hidden;position:relative}.free-plot-container.fullscreen,.plot-fullscreen{gap:0;padding:0}.free-plot-container.fullscreen .free-plot-tile,.plot-fullscreen .free-plot-tile,.plot-fullscreen .ragone-plot-container,.plot-fullscreen .score-plot-container,.plot-fullscreen .my-plot-container{flex:1 1 100%;max-width:100%;min-width:100%}.score-plot-header,.my-plot-header{padding:12px 20px;height:48px;min-height:48px;max-height:48px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.score-plot-title,.my-plot-title{display:flex;align-items:center;gap:12px}.score-plot-icon,.my-plot-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.score-plot-icon svg,.my-plot-icon svg{stroke:#ea5b0c;stroke-width:2}.score-plot-label,.my-plot-label{font-family:Big John,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#f1f5f9}.score-plot-count,.my-plot-count{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#94a3b8;padding:2px 8px;background:#ea5b0c26;border-radius:4px;border:1px solid rgba(234,91,12,.3)}.score-plot-container,.my-plot-container{display:flex;flex-direction:column;flex:1;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 2px 8px #0003;overflow:hidden}.free-plot-container.fullscreen .settings-drawer,.plot-fullscreen .settings-drawer{transform:translate(calc(100% + 20px));opacity:0;pointer-events:none;transition:transform .8s ease-in-out,opacity .6s ease}body:has(.free-plot-container.fullscreen) .adaptive-sidebar,body:has(.plot-fullscreen) .adaptive-sidebar{transform:translate(calc(-100% - 40px))!important;opacity:0!important;pointer-events:none!important;transition:transform .8s ease-in-out,opacity .6s ease!important}.free-plot-tile{flex:0 0 calc(100% - 360px);min-width:0;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 2px 8px #0003;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:flex .8s ease-in-out,min-width .8s ease-in-out,max-width .8s ease-in-out}.free-plot-header{padding:12px 20px;height:48px;min-height:48px;max-height:48px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.free-plot-title{display:flex;align-items:center;gap:12px}.free-plot-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.free-plot-icon svg{stroke:#ea5b0c;stroke-width:2}.free-plot-label{font-family:Big John,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#f1f5f9}.free-plot-count{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#94a3b8;padding:2px 8px;background:#ea5b0c26;border-radius:4px;border:1px solid rgba(234,91,12,.3)}.free-plot-chart{flex:1;display:flex;padding:20px;width:100%;height:100%;min-height:0;position:relative;transition:width .4s ease-out}.free-plot-maximize-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#0d0d0d80;backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .3s ease-out;margin-left:auto}.free-plot-maximize-btn:hover{background:#ea5b0c26;border-color:#ea5b0c;color:#ea5b0c;transform:scale(1.1)}.free-plot-maximize-btn:active{transform:scale(.95)}.settings-drawer{flex:0 0 320px;min-width:320px;max-width:320px;background:linear-gradient(135deg,#37353299,#2d2a26cc);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 2px 8px #0003;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .4s ease-out}.settings-drawer--collapsed{flex:0 0 60px;min-width:60px;max-width:60px;cursor:pointer}.settings-drawer--collapsed:hover{background:linear-gradient(135deg,#ea5b0c1a,#ea5b0c0d)}.settings-drawer__collapsed-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:32px;gap:24px;height:100%}.settings-drawer__collapsed-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:8px;cursor:pointer;transition:all .3s ease}.settings-drawer__collapsed-icon:hover{background:#ea5b0c33;border-color:#ea5b0c;box-shadow:0 0 12px #ea5b0c4d}.settings-drawer__collapsed-icon svg{stroke:#ea5b0c;stroke-width:2.5}.settings-drawer__collapsed-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:Big John,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;color:#ffffff80;user-select:none;transition:color .3s ease}.settings-drawer--collapsed:hover .settings-drawer__collapsed-text{color:#ea5b0c}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;height:48px;min-height:48px;max-height:48px;background:#ea5b0c14;border-bottom:1px solid rgba(234,91,12,.25);backdrop-filter:blur(20px);position:relative;z-index:2}.settings-title{font-family:Big John,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.3);flex:1;text-align:center}.settings-collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.settings-collapse-btn:hover{background:#ea5b0c4d;border-color:#ea5b0c80}.settings-collapse-btn svg{stroke:#fff9;stroke-width:2;transition:all .3s ease}.settings-collapse-btn:hover svg{stroke:#ea5b0c}.settings-body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;position:relative;z-index:2}.settings-body::-webkit-scrollbar{width:8px}.settings-body::-webkit-scrollbar-track{background:#0000004d;border-radius:4px;margin:8px 0}.settings-body::-webkit-scrollbar-thumb{background:#ea5b0c66;border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}.settings-body::-webkit-scrollbar-thumb:hover{background:#ea5b0c99;background-clip:padding-box}.settings-group{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .4s ease;animation-fill-mode:backwards}.settings-group:nth-child(1){animation-delay:.1s}.settings-group:nth-child(2){animation-delay:.15s}.settings-group:nth-child(3){animation-delay:.2s}.settings-group:nth-child(4){animation-delay:.25s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-label{font-family:Big John,sans-serif;font-size:10px;font-weight:600;color:#cbd5e1;margin-bottom:2px}.settings-select{width:100%;padding:10px 14px;background:#0d0d0db3;backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;font-family:Roboto,sans-serif;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease-out;box-shadow:0 1px 3px #0003}.settings-select:hover{background:#0d0d0dd9;border-color:#ea5b0c66;transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.settings-select:focus{outline:none;background:#0d0d0df2;border-color:#ea5b0c;box-shadow:0 0 0 3px #ea5b0c26,0 2px 6px #0000004d;transform:translateY(-1px)}.settings-select optgroup{background:#0d0d0df2;color:#ea5b0c;font-weight:600;font-size:12px;letter-spacing:.3px;padding:8px 4px 4px}.settings-select option{background:#1a1a1af2;color:#e2e8f0;padding:8px 12px;font-weight:400}.settings-group--plot-type{padding:16px 0;border-top:1px solid rgba(148,163,184,.1);border-bottom:1px solid rgba(148,163,184,.1)}.plot-type-indicator{display:flex;gap:8px;margin-top:8px}.plot-type-badge{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#0d0d0d4d;border:1px solid rgba(148,163,184,.1);border-radius:8px;color:#ffffff80;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;transition:all .3s ease}.plot-type-badge.active{background:#ea5b0c26;border-color:#ea5b0c66;color:#ea5b0c;font-weight:500}.plot-type-hint{margin-top:8px;font-family:Roboto,sans-serif;font-size:11px;color:#fff6;font-style:italic;text-align:center}.regression-controls{display:flex;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(148,163,184,.1)}.settings-select--small{flex:1;padding:8px 10px;font-size:12px}.settings-group--checkboxes{padding-top:12px;border-top:1px solid rgba(148,163,184,.1);gap:4px}.settings-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease-out;border-radius:8px;background:#0d0d0d4d;border:1px solid transparent}.settings-checkbox:hover{background:#ea5b0c14;border-color:#ea5b0c33;transform:translate(3px)}.settings-checkbox input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#ea5b0c}.settings-checkbox span{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#cbd5e1;transition:color .2s ease}.settings-checkbox:hover span{color:#ea5b0c}.settings-advanced-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;margin-top:8px;background:#ea5b0c14;backdrop-filter:blur(10px);border:1px solid rgba(234,91,12,.3);border-radius:10px;color:#ea5b0c;font-family:Big John,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .3s ease-out;box-shadow:0 2px 8px #0003}.settings-advanced-toggle:hover{background:#ea5b0c26;border-color:#ea5b0c;transform:translateY(-2px);box-shadow:0 4px 12px #ea5b0c33}.settings-advanced-toggle:active{transform:translateY(0)}.settings-advanced-toggle .toggle-arrow{margin-left:auto;transition:transform .4s cubic-bezier(.34,1.56,.64,1);font-size:11px}.settings-advanced-toggle.expanded .toggle-arrow{transform:rotate(180deg)}.settings-advanced{display:flex;flex-direction:column;gap:16px;padding-top:16px;animation:expandDown .4s cubic-bezier(.34,1.56,.64,1)}@keyframes expandDown{0%{opacity:0;transform:translateY(-15px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.advanced-section{display:flex;flex-direction:column;gap:10px;padding:12px;background:#0d0d0d66;backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1);border-radius:8px}.advanced-section-title{display:flex;align-items:center;gap:6px;font-family:Big John,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;color:#cbd5e1;margin-bottom:6px}.advanced-section-title svg{flex-shrink:0;opacity:.8}.advanced-help-text,.settings-info-text{font-family:Roboto,sans-serif;font-size:11px;font-weight:400;line-height:1.5;color:#94a3b8;margin-top:6px;font-style:italic;opacity:.9}.advanced-row{display:flex;align-items:center;gap:12px}.advanced-row label{flex:1;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;color:#94a3b8}.advanced-row select{flex:1.5;padding:8px 12px;background:#0d0d0db3;backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#e2e8f0;font-family:Roboto,sans-serif;font-size:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0003}.advanced-row select:hover{background:#0d0d0dd9;border-color:#ea5b0c66;box-shadow:0 2px 4px #0000004d}.advanced-row select:focus{outline:none;border-color:#ea5b0c;box-shadow:0 0 0 2px #ea5b0c26,0 2px 4px #0000004d}.mode-indicator{display:inline-block;padding:3px 8px;margin-left:8px;font-size:9px;font-weight:700;text-transform:uppercase;border-radius:4px;background:#ea5b0c26;color:#ea5b0c;border:1px solid rgba(234,91,12,.3);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.mode-indicator--3d{background:linear-gradient(135deg,#ea5b0c33,#0d7c9933);border-color:#ea5b0c66}@media (max-width: 1200px){.free-plot-tile{flex:0 0 calc(100% - 300px)}.settings-drawer{flex:0 0 280px;min-width:280px;max-width:280px}}@media (max-width: 768px){.free-plot-container{flex-direction:column;padding:12px;gap:12px}.free-plot-tile{flex:1 1 auto;border-radius:12px}.free-plot-header{padding:12px 16px}.free-plot-label{font-size:12px}.free-plot-count{font-size:10px}.free-plot-chart{padding:16px}.free-plot-tile{flex:0 0 50%}.settings-drawer{flex:0 0 auto;min-width:100%;max-width:100%;max-height:50vh}}.plot-controls--axes{background:transparent;border:none;box-shadow:none;padding:0}.plot-controls--axes .context-control-group{gap:12px;display:flex;flex-direction:row}.free-plot-container:has(.settings-drawer--collapsed) .free-plot-tile{flex:1;max-width:calc(100% - 76px)}.plot-fullscreen .settings-show-btn{display:none}.plot-controls--axes .context-control{min-width:160px}.settings-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0d0d0d80;border:1px solid rgba(148,163,184,.15);border-radius:12px;animation:fadeInUp .4s ease}.settings-section-header{display:flex;align-items:center;gap:8px;font-family:Big John,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#cbd5e1;padding-bottom:8px;border-bottom:1px solid rgba(234,91,12,.2)}.settings-section-header svg{color:#ea5b0c;stroke-width:2}.settings-input-group{display:flex;flex-direction:column;gap:6px}.settings-input-label{display:flex;align-items:center;justify-content:space-between;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:#cbd5e1}.settings-input-unit{font-size:11px;font-weight:400;color:#ffffff80;text-transform:uppercase}.settings-input{width:100%;padding:10px 12px;background:#0006;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;transition:all .3s ease}.settings-input:hover{background:#00000080;border-color:#ea5b0c4d}.settings-input:focus{outline:none;background:#0009;border-color:#ea5b0c;box-shadow:0 0 0 3px #ea5b0c26}.settings-btn{width:100%;padding:10px 16px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.settings-btn--secondary{background:#ea5b0c1a;border-color:#ea5b0c4d;color:#ea5b0c}.settings-btn--secondary:hover{background:#ea5b0c33;border-color:#ea5b0c80;transform:translateY(-1px);box-shadow:0 2px 8px #ea5b0c33}.settings-btn--secondary:active{transform:translateY(0)}.settings-weight-total{font-family:Big John,sans-serif;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;margin-left:auto;background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.settings-weight-slider{display:flex;flex-direction:column;gap:4px}.settings-weight-header{display:flex;align-items:center;gap:8px}.settings-slider-labels{display:flex;justify-content:space-between;align-items:center;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;color:#64748b;padding:0 4px;margin-bottom:-4px}.settings-slider-labels span:first-child,.settings-slider-labels span:last-child{color:#94a3b8}.settings-slider-labels span:nth-child(2){color:#ea5b0c;font-weight:600}.settings-weight-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center}.settings-weight-label{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;color:#cbd5e1;flex:1}.settings-weight-value{font-family:Big John,sans-serif;font-size:11px;font-weight:700;color:#ea5b0c;padding:2px 8px;background:#ea5b0c1a;border-radius:4px}.settings-range{width:100%;height:6px;border-radius:3px;background:#94a3b833;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--slider-color, #ea5b0c);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.settings-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #0006}.settings-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--slider-color, #ea5b0c);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.settings-range::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #0006}.settings-warning{padding:10px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#f87171;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px}.settings-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .2s ease}.settings-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:85vh;background:linear-gradient(135deg,#323232d9,#1e1e1ef2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 16px #0000004d,0 20px 60px #00000080,inset 0 1px #ffffff0d;z-index:9999;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2rem;border-bottom:1px solid rgba(255,255,255,.08)}.settings-title{font-family:Big John,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:#fff;margin:0}.settings-close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px}.settings-close-btn:hover{color:#fff;background:#ffffff14;backdrop-filter:blur(20px)}.settings-content{flex:1;overflow-y:auto;padding:2rem}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.settings-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-family:Big John,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#ea5b0c;margin:0 0 1rem}.settings-section-desc{font-family:Roboto,sans-serif;font-size:13px;color:#ffffff80;margin:-.5rem 0 1rem;line-height:1.5}.settings-tours-list{display:flex;flex-direction:column;gap:.5rem}.settings-tour-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.settings-tour-btn:hover{background:#ea5b0c1a;border-color:#ea5b0c4d;transform:translate(4px);box-shadow:0 2px 12px #ea5b0c26}.settings-tour-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ea5b0c26;border-radius:6px;color:#ea5b0c}.settings-tour-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.settings-tour-name{font-family:Roboto,sans-serif;font-size:14px;font-weight:600;color:#fff;text-transform:none}.settings-tour-desc{font-family:Roboto,sans-serif;font-size:12px;color:#ffffff80;text-transform:none}.settings-tour-action{flex-shrink:0;color:#ffffff4d;transition:all .2s ease}.settings-tour-btn:hover .settings-tour-action{color:#ea5b0c;transform:translate(2px)}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.03);gap:2rem}.settings-option:last-child{border-bottom:none}.settings-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.settings-label-text{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;color:#fff}.settings-label-desc{font-family:Roboto,sans-serif!important;font-size:12px;font-weight:300;color:#ffffff80;text-transform:none!important}.settings-control{flex-shrink:0}.theme-selector{display:flex;gap:.5rem;background:#0000004d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);padding:.25rem;border-radius:8px}.theme-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:#fff9;font-family:Roboto,sans-serif!important;font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;text-transform:none!important}.theme-btn:hover{color:#fff;background:#ffffff14;backdrop-filter:blur(20px)}.theme-btn.active{color:#ea5b0c;background:#ea5b0c26;backdrop-filter:blur(20px);border:1px solid rgba(234,91,12,.3);box-shadow:0 2px 8px #ea5b0c33,inset 0 1px #ffffff0d;margin:-1px}.theme-btn svg{flex-shrink:0}.settings-select{background:#0000004d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.5rem .75rem;color:#fff;font-family:Roboto,sans-serif!important;font-size:13px;cursor:pointer;transition:all .2s ease;min-width:180px;text-transform:none!important}.settings-select:hover{border-color:#ea5b0c66;background:#0006;box-shadow:0 2px 8px #ea5b0c26}.settings-select:focus{outline:none;border-color:#ea5b0c;background:#0006;box-shadow:0 0 0 2px #ea5b0c33,0 2px 8px #ea5b0c26}.settings-select option{background:#1a1a1a;color:#fff}.settings-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000004d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff;font-family:Roboto,sans-serif!important;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:none!important}.settings-action-btn:hover{background:#0006;border-color:#ea5b0c66;color:#ea5b0c;box-shadow:0 2px 8px #ea5b0c26,inset 0 1px #ffffff0d}.settings-action-btn--danger:hover{border-color:#dc26264d;color:#dc2626}.settings-action-btn svg{flex-shrink:0}.settings-info-text{font-family:Roboto,sans-serif!important;font-size:12px;font-weight:400;color:#ffffff80;text-transform:none!important}.settings-footer{display:flex;justify-content:flex-end;padding:1.75rem 2rem;border-top:1px solid rgba(255,255,255,.08)}.settings-footer-btn{padding:.75rem 2rem;background:#ea5b0c;border:none;border-radius:6px;color:#fff;font-family:Big John,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.settings-footer-btn:hover{background:#ff6b1c;transform:translateY(-1px);box-shadow:0 4px 16px #ea5b0c66,0 8px 32px #ea5b0c33,inset 0 1px #ffffff1a}.settings-footer-btn:active{transform:translateY(0)}@media (max-width: 640px){.settings-dialog{width:95%;max-height:90vh}.settings-header,.settings-content,.settings-footer{padding:1rem 1.5rem}.settings-option{flex-direction:column;align-items:flex-start;gap:1rem}.settings-select,.theme-selector{width:100%}.theme-btn{flex:1;justify-content:center}}.user-dropdown-container{position:relative;display:flex;align-items:center}.user-dropdown-trigger{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:#3232324d;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;transition:all .2s ease;height:40px}.user-dropdown-trigger:hover{background:#32323280;border-color:#ea5b0c4d}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ea5b0c,#ff8c42);display:flex;align-items:center;justify-content:center;font-family:Big John,sans-serif;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ea5b0c33;border-radius:50%;color:#ea5b0c;flex-shrink:0}.dropdown-arrow{flex-shrink:0;opacity:.7}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#141414fa;backdrop-filter:blur(80px) saturate(200%);border:1px solid rgba(234,91,12,.2);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #ea5b0c1a;z-index:10000;animation:dropdownFadeIn .2s ease;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;background:#ea5b0c0d;border-bottom:1px solid rgba(234,91,12,.1)}.user-info-large{display:flex;align-items:center;gap:12px}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ea5b0c,#ff8c42);display:flex;align-items:center;justify-content:center;font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.user-details{flex:1;min-width:0}.user-full-name{font-family:Big John,sans-serif;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:#ffffff0d;margin:0}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#ccc;font-family:Roboto,sans-serif;font-size:14px;text-align:left;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:#ea5b0c1a;color:#fff}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:.7}.dropdown-item:hover .dropdown-item-icon{opacity:1}.dropdown-item-label{flex:1}.dropdown-item--highlight{color:#ea5b0c;font-weight:500}.dropdown-item--highlight:hover{background:#ea5b0c26;color:#ff8c42}.dropdown-item--highlight .dropdown-item-icon{opacity:1;color:#ea5b0c}.dropdown-item--danger{color:#f44336}.dropdown-item--danger:hover{background:#f443361a;color:#ff5252}.dropdown-item--danger .dropdown-item-icon{color:#f44336}@media (max-width: 768px){.user-name{display:none}.user-dropdown-trigger{padding:6px}.user-dropdown-menu{right:-10px;min-width:260px}}[data-theme=dark] .user-dropdown-menu{background:#0f0f0ffa}[data-theme=light] .user-dropdown-menu{background:#fffffffa;border-color:#ea5b0c4d}[data-theme=light] .dropdown-header{background:#ea5b0c14}[data-theme=light] .user-full-name{color:#1a1a1a}[data-theme=light] .user-email{color:#666}[data-theme=light] .dropdown-item{color:#333}[data-theme=light] .dropdown-item:hover{color:#1a1a1a}.terms-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.terms-modal{background:#1a1a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.terms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.terms-modal-header h2{font-family:Big John,sans-serif;font-size:24px;margin:0;color:#fff}.terms-version{font-size:12px;color:#64748b;background:#ffffff0d;padding:4px 10px;border-radius:12px}.terms-summary{padding:16px 24px;background:#ea5b0c14;border-bottom:1px solid rgba(234,91,12,.2);flex-shrink:0}.terms-summary h3{font-family:Big John,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#ea5b0c;margin:0 0 12px}.terms-summary ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.terms-summary li{font-size:13px;color:#94a3b8;padding-left:20px;position:relative}.terms-summary li:before{content:"•";position:absolute;left:0;color:#ea5b0c}.terms-modal-content{flex:1;overflow-y:auto;padding:24px;color:#cbd5e1;font-size:14px;line-height:1.7}.terms-modal-content::-webkit-scrollbar{width:8px}.terms-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.terms-modal-content::-webkit-scrollbar-thumb{background:#ea5b0c66;border-radius:4px}.terms-modal-content::-webkit-scrollbar-thumb:hover{background:#ea5b0c99}.terms-h1{font-family:Big John,sans-serif;font-size:28px;color:#fff;margin:0 0 24px;text-align:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.terms-h2{font-family:Big John,sans-serif;font-size:18px;color:#ea5b0c;margin:32px 0 16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.terms-h2:first-of-type{margin-top:0;padding-top:0;border-top:none}.terms-paragraph{margin:0 0 16px;text-align:justify}.terms-scroll-indicator{text-align:center;padding:8px;background:linear-gradient(to top,rgba(26,26,26,1) 0%,transparent 100%);color:#ea5b0c;font-size:13px;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.terms-modal-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;flex-shrink:0}.terms-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin-bottom:16px}.terms-checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#ea5b0c;cursor:pointer;flex-shrink:0}.terms-checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.terms-checkbox-label span{font-size:14px;color:#94a3b8;line-height:1.5;user-select:none}.terms-button-group{display:flex;gap:12px;justify-content:flex-end}.terms-btn{padding:12px 24px;border-radius:8px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid}.terms-btn:disabled{opacity:.5;cursor:not-allowed}.terms-btn-primary{background:linear-gradient(135deg,#ea5b0c,#d14e09);border-color:#ea5b0c;color:#fff}.terms-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#d14e09,#b84308);transform:translateY(-1px);box-shadow:0 4px 12px #ea5b0c4d}.terms-btn-secondary{background:transparent;border-color:#fff3;color:#94a3b8}.terms-btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;color:#fff}@media (max-width: 768px){.terms-modal{max-height:100vh;border-radius:0}.terms-modal-header h2{font-size:20px}.terms-summary ul{grid-template-columns:1fr}.terms-button-group{flex-direction:column}.terms-btn{width:100%;justify-content:center}}.compare-panel{display:flex;flex-direction:column;height:100%;background:transparent}.compare-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.compare-panel__title{display:flex;align-items:center;gap:.75rem}.compare-icon{font-size:1.5rem}.compare-panel__title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.compare-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.5rem;padding:0 .5rem;background:#ea5b0c33;border:1px solid rgba(234,91,12,.4);border-radius:12px;font-size:.75rem;font-weight:600;color:#ea5b0c}.compare-clear-btn{padding:.375rem .75rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.compare-clear-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--text-primary)}.compare-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.compare-empty__icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.compare-empty__text{font-size:1rem;color:var(--text-secondary);margin:0 0 .5rem}.compare-empty__hint{font-size:.875rem;color:var(--text-tertiary);margin:0}.compare-empty__hint strong{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#ea5b0c33;border:1px solid rgba(234,91,12,.4);border-radius:4px;color:#ea5b0c;font-weight:600;margin:0 .25rem}.compare-list{flex:1;overflow-y:auto;padding:.5rem}.compare-cell{display:grid;grid-template-columns:4rem 1fr auto;gap:.75rem;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.compare-cell:hover{background:#ffffff0d;border-color:#fff3;transform:translate(2px)}.compare-cell__image{width:4rem;height:4rem;border-radius:6px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.compare-cell__image img{width:100%;height:100%;object-fit:cover}.compare-cell__placeholder{font-size:1.5rem;opacity:.3}.compare-cell__skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.compare-cell__info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.compare-cell__name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-cell__meta{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-cell__specs{font-size:.75rem;color:var(--text-tertiary);font-family:Roboto Mono,monospace}.compare-cell__skeleton-text{height:.875rem;width:100%;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.compare-cell__skeleton-text.short{width:60%}.compare-cell__remove{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:6px;color:#ff3b30;font-size:1rem;cursor:pointer;transition:all .2s ease}.compare-cell__remove:hover{background:#ff3b3033;border-color:#ff3b3080;transform:scale(1.1)}.compare-panel__footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.compare-hint{font-size:.75rem;color:var(--text-tertiary);margin:0 0 .75rem;text-align:center}.compare-view-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#ea5b0c,#d64a0a);border:1px solid rgba(234,91,12,.5);border-radius:8px;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ea5b0c33}.compare-view-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff6a1a,#e55512);border-color:#ea5b0cb3;box-shadow:0 4px 12px #ea5b0c4d;transform:translateY(-1px)}.compare-view-btn:active:not(:disabled){transform:translateY(0)}.compare-view-btn:disabled{opacity:.4;cursor:not-allowed;background:#ea5b0c33;border-color:#ea5b0c4d;box-shadow:none}.compare-view-btn__icon{font-size:1.125rem}.compare-list::-webkit-scrollbar{width:6px}.compare-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.compare-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.compare-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.compare-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.compare-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1a1a1ab3;border-bottom:1px solid rgba(234,91,12,.15);flex-shrink:0}.compare-header-left{display:flex;align-items:center;gap:12px}.compare-title{font-family:Big John,sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;margin:0;color:var(--text-primary)}.compare-count{color:var(--accent);font-weight:400;margin-left:10px}.compare-header-actions{display:flex;align-items:center;gap:8px}.compare-quick-add{position:relative;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.quick-add-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.quick-add-search:focus-within{background:#ffffff0d;border-color:#ea5b0c66;box-shadow:0 0 0 2px #ea5b0c1a}.quick-add-search svg{color:#fff6;flex-shrink:0}.quick-add-input{flex:1;background:transparent;border:none;outline:none;font-family:Roboto,sans-serif;font-size:13px;color:#fff;padding:0}.quick-add-input::placeholder{color:#ffffff4d}.quick-add-clear{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;color:#fff6;cursor:pointer;border-radius:4px;transition:all .2s ease}.quick-add-clear:hover{background:#ffffff1a;color:#ffffffb3}.quick-add-results{position:absolute;top:calc(100% - 4px);left:12px;right:12px;background:linear-gradient(135deg,#373532f2,#2d2a26fa);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1000;max-height:200px;overflow-y:auto;animation:slideDown .2s ease}.quick-add-result{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.quick-add-result:last-child{border-bottom:none}.quick-add-result:hover{background:#ea5b0c1a}.quick-add-result svg{color:#ea5b0c;flex-shrink:0}.result-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.result-name{font-family:Roboto,sans-serif;font-size:13px;font-weight:500;color:#fff;overflow:hidden}.result-model{font-family:Big John,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;color:#fff9}.quick-add-no-results{padding:16px 12px;text-align:center;font-family:Roboto,sans-serif;font-size:13px;color:#ffffff80;font-style:italic;text-overflow:ellipsis;white-space:nowrap}.compare-cell-list{display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto;overflow-x:hidden;flex-shrink:0;max-height:calc(100vh - 300px)}.compare-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.compare-empty-state svg{width:48px;height:48px;opacity:.3;margin-bottom:12px}.empty-state-title{font-size:14px;font-weight:500;margin:0 0 4px}.empty-state-hint{font-size:12px;opacity:.7;margin:0}.compare-clear-all{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;margin-top:8px;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.3);border-radius:6px;color:var(--primary);font-family:Roboto,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.compare-clear-all:hover{background:#ea5b0c33;border-color:#ea5b0c80}.compare-action-section{display:flex;flex-direction:column;gap:8px;padding:16px 12px;background:#1a1a1a80;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.compare-view-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border:1px solid rgba(234,91,12,.5);border-radius:8px;color:#ea5b0c;font-family:Big John,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ea5b0c33}.compare-view-btn:hover{background:linear-gradient(135deg,#ea5b0c59,#ea5b0c40);border-color:#ea5b0cb3;box-shadow:0 4px 16px #ea5b0c4d;transform:translateY(-1px);color:#fff}.compare-view-btn svg{stroke:currentColor}.compare-hint{margin:0;text-align:center;font-family:Roboto,sans-serif;font-size:11px;color:var(--text-tertiary);line-height:1.4}.compare-content{flex:1;overflow-y:auto;padding:12px}.coming-soon{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:14px}.compare-cell-chip{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s;cursor:pointer}.compare-cell-chip:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translate(2px)}.compare-cell-chip.loading{opacity:.6}.chip-image-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.chip-image{width:100%;height:100%;object-fit:contain}.chip-image-placeholder{display:flex;align-items:center;justify-content:center;color:#ffffff4d}.chip-image-placeholder svg{opacity:.5}.chip-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chip-manufacturer{font-family:Roboto,sans-serif;font-size:10px;font-weight:500;color:#ea5b0ce6;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-name{font-family:Big John,sans-serif;font-size:12px;font-weight:400;color:var(--text-primary);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-details{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.chip-chemistry,.chip-format{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-separator{color:#ffffff4d}.chip-energy{font-family:Roboto,sans-serif;font-size:12px;font-weight:600;color:var(--accent)}.chip-warning{display:flex;align-items:center;gap:4px;margin-top:4px;padding:4px 8px;background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:4px;font-size:10px;color:#fb923c}.chip-hidden-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#88a2aa26;border:1px solid rgba(136,162,170,.3);border-radius:4px;font-size:10px;color:#88a2aa;text-transform:uppercase;font-weight:600}.compare-cell-chip.hidden-cell{opacity:.5;border-color:#88a2aa33}.compare-cell-chip.hidden-cell .chip-index{background:#88a2aa26;border-color:#88a2aa4d;color:#88a2aa}.chip-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chip-visibility-btn,.chip-remove-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s}.chip-visibility-btn{color:var(--text-secondary)}.chip-visibility-btn.hidden{background:#88a2aa26;border-color:#88a2aa4d;color:#88a2aa}.chip-visibility-btn:hover{background:#ea5b0c33;border-color:#ea5b0c66;color:var(--accent)}.chip-remove-btn{color:#ef4444}.chip-remove-btn:hover{background:#ef444433;border-color:#ef444466}.compare-table-container{flex:1;width:100%;height:100%;min-height:600px;max-height:calc(100vh - 110px);background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;display:flex;flex-direction:column;overflow:hidden}.compare-table-header{padding:12px 20px;height:48px;min-height:48px;max-height:48px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000026;display:flex;align-items:center;justify-content:space-between}.compare-table-title{display:flex;align-items:center;gap:12px}.compare-table-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.compare-table-icon svg{stroke:#ea5b0c;stroke-width:2}.compare-table-label{font-family:Big John,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text-primary)}.compare-table-count{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:var(--text-secondary);padding:2px 8px;background:#ea5b0c26;border-radius:8px}.compare-table-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.compare-table-scroll{flex:1;overflow-x:auto;overflow-y:auto}.compare-table-loading{display:flex;align-items:center;justify-content:center}.compare-table-loading .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px}.compare-table-loading .loading-spinner__text{font-family:Roboto,sans-serif;font-size:13px;color:var(--text-secondary)}.compare-table-empty{display:flex;align-items:center;justify-content:center}.compare-table-empty .empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;padding:40px 20px}.compare-table-empty .empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.compare-table-empty .empty-state-title{font-family:Big John,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;color:var(--text-primary);margin:0 0 8px}.compare-table-empty .empty-state-description{font-family:Roboto,sans-serif;font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.compare-table{width:100%;border-collapse:collapse;font-family:Roboto,sans-serif;font-size:12px}.compare-table thead.sticky-header{position:sticky;top:0;z-index:100}.compare-table thead.sticky-header th{position:sticky;top:0;z-index:100;padding:12px 8px;background:linear-gradient(135deg,#373532eb,#2d2a26f5);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.1);text-align:left;font-weight:600;text-transform:uppercase;font-size:10px;box-shadow:0 4px 12px #0000004d}.property-col{background:#1a1a1af2;color:var(--text-secondary);min-width:140px}.cell-col{text-align:center;color:var(--text-primary);min-width:100px}.cell-header-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 8px}.cell-image-wrapper{width:60px;height:60px;flex-shrink:0;display:flex;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:all .2s ease}.cell-image-wrapper:hover{border-color:#ea5b0c66;box-shadow:0 2px 8px #ea5b0c33}.compare-cell-image{max-width:100%;max-height:100%;object-fit:contain}.cell-image-placeholder{display:flex;align-items:center;justify-content:center;color:#fff3}.cell-image-placeholder svg{opacity:.5}.cell-header-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;flex:1;min-width:0}.cell-manufacturer{font-family:Roboto,sans-serif;font-size:11px;font-weight:500;color:#ea5b0ce6;text-transform:uppercase}.cell-name{font-family:Big John,sans-serif;font-size:13px;font-weight:400;color:var(--text-primary);text-transform:uppercase}.category-header-row{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border:1px solid rgba(234,91,12,.3)!important;transition:all .2s ease}.category-header-row.clickable{cursor:pointer}.category-header-row.clickable:hover{background:linear-gradient(135deg,#ea5b0c40,#ea5b0c26);border-color:#ea5b0c80!important}.category-header-row td{padding:0!important}.category-header-content{display:flex;align-items:center;gap:12px;padding:12px 16px;user-select:none}.category-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;filter:grayscale(.3) brightness(1.2)}.category-name{flex:1;font-family:Big John,sans-serif;font-size:14px;font-weight:400;color:#fff;text-transform:uppercase}.category-header-content svg{color:var(--primary-color);transition:transform .2s ease}.compare-table td{border:1px solid rgba(255,255,255,.04);transition:background .2s ease}.compare-table tbody tr:hover td{background:#ffffff0d}.property-label{font-family:Roboto,sans-serif;font-size:13px;font-weight:400;color:#fff9;white-space:nowrap;text-transform:none;padding:8px 12px!important}.value-cell{text-align:center;font-family:Big John,sans-serif;color:#ffffffe6;font-size:14px;font-weight:400;padding:8px 12px!important;background:#ffffff05;transition:background .2s ease}.value-cell .unit{font-family:Roboto,sans-serif;font-size:12px;font-weight:400;color:#ffffff80;text-transform:none;margin-left:4px}.value-na{color:#ffffff4d;font-style:italic;font-weight:400}.highlight-best{background:#4caf5026!important;border-left:2px solid rgba(76,175,80,.9)!important;border-color:#4caf504d!important;color:#4caf50!important;font-weight:600;box-shadow:inset 0 0 0 1px #4caf5033;position:relative}.highlight-best:after{content:"▲";position:absolute;top:4px;right:6px;font-size:8px;color:#4caf50;opacity:.8}.highlight-worst{background:#f443361f!important;border-left:2px solid rgba(244,67,54,.8)!important;border-color:#f4433640!important;color:#f44336!important;font-weight:600;box-shadow:inset 0 0 0 1px #f4433626;position:relative}.highlight-worst:after{content:"▼";position:absolute;top:4px;right:6px;font-size:8px;color:#f44336;opacity:.8}.factsheet-card__compare{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#1a1a1acc;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;z-index:10}.factsheet-card__compare:hover{background:#ea5b0c26;border-color:#ea5b0c66;color:var(--primary);transform:scale(1.05)}.factsheet-card__compare.active{background:#ea5b0c33;border-color:#ea5b0c80;color:var(--accent)}.compare-table .compare-column-header{width:40px;text-align:center!important}.compare-table .compare-column-cell{width:40px;text-align:center;padding:4px!important}.compare-table .compare-checkbox{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin:0 auto}.compare-table .compare-checkbox:hover{background:#ea5b0c1a;border-color:#ea5b0c4d;color:var(--primary)}.compare-table .compare-checkbox.active{background:#ea5b0c33;border-color:#ea5b0c66;color:var(--accent)}.compare-cart-btn{position:relative}.compare-cart-btn.has-items{color:var(--accent)}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;background:var(--accent);color:#fff;font-family:Roboto,sans-serif;font-size:10px;font-weight:700;border-radius:8px;line-height:1}@media (max-width: 768px){.compare-panel-header{padding:12px 16px}.compare-title{font-size:14px}.compare-cell-list{max-height:50%}.chip-name{font-size:12px}.compare-table{font-size:11px}.compare-table th,.compare-table td{padding:6px 4px}.property-col{min-width:100px}.cell-col{min-width:80px}}.compare-plots-view{display:flex;width:100%;height:100%;background:var(--bg-primary);overflow:hidden}.compare-plots-view.loading,.compare-plots-view.empty{justify-content:center;align-items:center}.loading-spinner{text-align:center;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:4px solid rgba(234,91,12,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-secondary)}.empty-state p{margin:8px 0}.empty-state .hint{font-size:12px;color:var(--text-tertiary)}.compare-plots-nav{width:280px;min-width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.compare-plots-nav .nav-header{padding:24px 20px;border-bottom:1px solid var(--border-color)}.compare-plots-nav .nav-header h3{font-family:var(--font-heading);font-size:16px;font-weight:700;text-transform:uppercase;color:var(--text-primary);margin:0 0 4px}.compare-plots-nav .nav-subtitle{font-family:var(--font-body);font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.hierarchical-nav{padding:12px 8px;display:flex;flex-direction:column;gap:4px}.nav-category{border-radius:8px;overflow:hidden;transition:all .2s ease}.nav-category.active{background:linear-gradient(135deg,#ea5b0c14,#ea5b0c08)}.category-header{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.category-header:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-category.active .category-header{color:var(--primary-color)}.category-header .cat-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.category-header .cat-label{flex:1;text-align:left}.collapse-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:transform .2s ease}.collapse-toggle:hover{color:var(--text-secondary)}.collapse-toggle.collapsed{transform:rotate(-90deg)}.sub-category-list{padding:4px 8px 8px 48px;display:flex;flex-direction:column;gap:2px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sub-category-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease;border-radius:6px}.sub-category-btn .sub-indicator{font-size:16px;line-height:1;color:var(--text-tertiary);transition:color .15s ease}.sub-category-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sub-category-btn:hover .sub-indicator{color:var(--primary-color)}.sub-category-btn.active{background:#ea5b0c1f;color:var(--primary-color);font-weight:500}.sub-category-btn.active .sub-indicator{color:var(--primary-color)}.compare-plots-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.compare-plots-header{padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.compare-plots-header .plot-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.compare-plots-header .plot-subtitle{font-family:var(--font-body);font-size:12px;color:var(--text-tertiary);margin:0}.compare-plots-area{flex:1;padding:24px;overflow:auto;background:var(--bg-primary)}.compare-plots-legend{padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:16px}.compare-plots-legend .legend-title{font-family:var(--font-heading);font-size:11px;font-weight:700;color:var(--text-tertiary)}.compare-plots-legend .legend-items{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.legend-label{font-family:var(--font-body);font-size:12px;color:var(--text-secondary);font-weight:500}.legend-item.legend-hidden{opacity:.4}.legend-item.legend-hidden .legend-label{text-decoration:line-through;color:var(--text-tertiary)}.legend-hidden-badge{font-size:10px;color:#88a2aa;font-style:italic}@media (max-width: 1200px){.compare-plots-nav{width:240px;min-width:240px}.compare-plots-area{padding:16px}}@media (max-width: 768px){.compare-plots-view{flex-direction:column}.compare-plots-nav{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.main-category-list{flex-direction:row}.main-category-btn .cat-label{display:none}.compare-plots-header{flex-direction:column;align-items:flex-start;gap:12px}.compare-plots-header .header-right{width:100%;justify-content:flex-end}.compare-plots-legend{flex-direction:column;align-items:flex-start}}.compare-section-view{display:flex;width:100%;height:100%;background:var(--bg-primary);overflow:hidden;padding:24px;gap:20px}.compare-section-view.loading,.compare-section-view.empty{justify-content:center;align-items:center}.electrical-view,.thermal-view,.mechanical-view{display:flex;flex:1;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;overflow:hidden}.compare-subsection-nav{width:280px;min-width:280px;background:transparent;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow-y:auto;padding:20px}.compare-subsection-nav .nav-header{padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.compare-subsection-nav .nav-header h3{font-family:Big John,sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 5px}.compare-subsection-nav .nav-subtitle{font-family:Roboto,sans-serif;font-size:12px;color:#999}.subsection-list{display:flex;flex-direction:column;gap:10px}.subsection-btn{position:relative;display:flex;align-items:center;gap:15px;padding:16px;min-height:80px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;cursor:pointer;transition:all .3s ease;text-align:left}.subsection-btn .category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ea5b0c1a;border-radius:8px;flex-shrink:0}.subsection-btn .category-icon svg{width:20px;height:20px;color:#ea5b0c;stroke-width:2}.subsection-btn .category-info{flex:1}.subsection-btn .category-label{font-family:Big John,sans-serif;font-size:15px;font-weight:600;color:#fff;margin-bottom:0}.subsection-btn .subsection-indicator{display:none}.subsection-btn:hover{border-color:#ea5b0c33;box-shadow:0 4px 20px #0006;transform:translate(4px)}.subsection-btn.active{background:linear-gradient(135deg,#4b4946e6,#413e3a);border-color:#ea5b0c99;box-shadow:0 0 20px #ea5b0c33}.subsection-btn.active .category-icon{background:#ea5b0c33}.subsection-btn.active:before{display:none}.compare-subsection-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:transparent}.compare-subsection-content>.subsection-guide-question{font-family:Big John,sans-serif;font-size:20px;font-weight:700;color:#fffffff2;margin:24px 24px 0;padding:0;background:transparent;border:none;text-transform:uppercase;letter-spacing:.5px}.compare-info-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;margin:12px 24px 0;background:linear-gradient(135deg,#0d7c9914,#0d7c990a);border:1px solid rgba(13,124,153,.2);border-left:3px solid #0d7c99;border-radius:8px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.compare-info-banner svg{flex-shrink:0;color:#0d7c99;margin-top:2px}.compare-info-banner .info-banner-content{flex:1;font-family:Roboto,sans-serif;font-size:12px;line-height:1.5;color:#fffc}.compare-info-banner .info-banner-content strong{color:#fffffff2;font-weight:600}.subsection-header{padding:20px 24px;background:transparent;border-bottom:1px solid rgba(255,255,255,.06)}.subsection-header .subsection-title{font-family:Big John;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.subsection-header .subsection-subtitle{font-family:var(--font-body);font-size:12px;color:var(--text-tertiary);margin:0}.subsection-header .subsection-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.subsection-header .subsection-guide-question{font-family:var(--font-body);font-size:13px;color:#ea5b0ce6;margin-top:12px;padding:8px 12px;background:#ea5b0c14;border-left:2px solid rgba(234,91,12,.5);border-radius:4px}.plot-type-toggle{display:flex;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px}.plot-type-toggle .toggle-btn{padding:6px 16px;background:transparent;border:none;border-radius:6px;font-family:Big John,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#ffffff80;cursor:pointer;transition:all .2s ease}.plot-type-toggle .toggle-btn:hover{color:#fffc;background:#ffffff0d}.plot-type-toggle .toggle-btn.active{background:#ea5b0c33;color:#ea5b0c;box-shadow:inset 0 1px 3px #0003}.subsection-plot-area{flex:1;padding:24px;overflow:auto;background:transparent}.subsection-legend{padding:16px 24px;background:transparent;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:16px}.dimension-view-container{display:flex;flex-direction:column;height:100%;width:100%;gap:20px}.dimension-2d{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.dimension-2d:has(.plot-2d-container:only-child) .plot-2d-container{min-height:600px}.plot-2d-container{flex:1;min-height:400px;background:#ffffff05;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.05)}.plot-2d-chart{width:100%;height:100%;min-height:380px}.dimension-3d{display:flex;flex-direction:column;height:100%;width:100%}.plot-3d-container{flex:1;min-height:600px;background:#ffffff05;border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.05)}.plot-3d-chart{width:100%;height:100%;min-height:580px}.subsection-legend .legend-title{font-family:var(--font-heading);font-size:11px;font-weight:700;color:var(--text-tertiary)}.subsection-legend .legend-items{display:flex;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}.mechanical-content{padding:0}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;padding:24px}.dimension-card,.drawing-card,.quality-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.dimension-card:hover,.drawing-card:hover,.quality-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ea5b0c26}.dimension-header,.drawing-header,.quality-header{padding:16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dimension-header h4,.drawing-header h4,.quality-header h4{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.dimension-values,.quality-values{padding:16px;display:flex;flex-direction:column;gap:12px}.dimension-item,.quality-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.dimension-item:last-child,.quality-item:last-child{border-bottom:none;padding-bottom:0}.dim-label,.quality-label{font-family:var(--font-body);font-size:12px;color:var(--text-secondary);font-weight:400}.dim-value,.quality-value{font-family:var(--font-heading);font-size:13px;color:var(--text-primary);font-weight:600}.drawing-placeholder{padding:32px;display:flex;align-items:center;justify-content:center;min-height:240px;background:var(--bg-primary)}.drawing-placeholder .placeholder-content{text-align:center;color:var(--text-tertiary)}.drawing-placeholder svg{opacity:.3;margin-bottom:12px}.drawing-placeholder p{margin:4px 0;font-size:12px}.drawing-placeholder .hint{font-size:11px;font-style:italic}.quality-content{padding:0}.compare-mechanical-cards,.compare-chemical-cards{width:100%;padding:24px;background:var(--bg-primary);overflow-y:auto}.compare-section-header{margin-bottom:32px;text-align:center}.compare-section-header h2{font-family:Big John,sans-serif;font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.compare-section-header .section-subtitle{font-family:Roboto,sans-serif;font-size:13px;color:var(--text-tertiary)}.compare-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.compare-cell-column{display:flex;flex-direction:column;gap:12px}.cell-column-header{padding:12px 16px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:8px;text-align:center}.cell-column-header h3{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.cell-column-header p{font-family:Roboto,sans-serif;font-size:12px;color:var(--text-tertiary);margin:0}.compare-cell-column .fact-card,.compare-cell-column .key-spec-card{margin:0;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.compare-mechanical-cards .fact-card:hover,.compare-mechanical-cards .key-spec-card:hover{border-color:#ffffff1a;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.compare-cell-column .visual-card{background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.compare-cell-column .visual-card .card-title{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 16px;text-align:center}@media (max-width: 1400px){.compare-cards-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.compare-cards-row{grid-template-columns:1fr}.compare-mechanical-cards,.compare-chemical-cards{padding:16px}}@media (max-width: 1200px){.compare-subsection-nav{width:240px;min-width:240px}.subsection-plot-area{padding:16px}.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}}@media (max-width: 768px){.compare-section-view{flex-direction:column}.compare-subsection-nav{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.subsection-list{flex-direction:row;overflow-x:auto}.subsection-btn{white-space:nowrap}.comparison-grid{grid-template-columns:1fr;padding:16px}.subsection-legend{flex-direction:column;align-items:flex-start}}.compare-chemical-cards{padding:1.5rem;max-width:100%}.compare-chemical-cards .compare-section-header{margin-bottom:1.5rem}.compare-chemical-cards .compare-section-header h2{font-size:1.5rem;margin-bottom:.25rem}.compare-chemical-cards .section-subtitle{font-size:.875rem;opacity:.7}.compare-cards-row.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.cell-column-header.compact{padding:.75rem;background:#0d7c991a;border-radius:8px 8px 0 0;border-bottom:2px solid #0d7c99;margin-bottom:0}.cell-column-header.compact h3{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#0d7c99}.cell-column-header.compact p{font-size:.75rem;margin:0;opacity:.8}.chem-info-card.compact{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:0 0 8px 8px;padding:1rem;min-height:140px;display:flex;flex-direction:column;gap:.75rem}.card-title-compact{font-size:.875rem;font-weight:600;text-transform:uppercase;margin:0;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffb3}.chem-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#0d7c99,#0a4d68);border-radius:6px;font-weight:600;font-size:.875rem;text-align:center;box-shadow:0 2px 8px #0d7c994d}.chem-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.chem-spec{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#0003;border-radius:4px;border-left:2px solid rgba(13,124,153,.5)}.chem-spec.full-width{grid-column:1 / -1}.chem-spec .label{font-size:.65rem;text-transform:uppercase;opacity:.6;font-weight:500}.chem-spec .value{font-size:.875rem;font-weight:500;color:#fff;display:flex;align-items:center;gap:.25rem}.chem-spec .value.country-value{display:flex;align-items:center;gap:.5rem}@media (max-width: 1400px){.compare-cards-row.compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 1024px){.compare-cards-row.compact{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.compare-cards-row.compact,.chem-specs-grid{grid-template-columns:1fr}}.compare-chemical-cards .key-spec-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.compare-chemical-cards .flip-btn{opacity:.4;transition:opacity .2s ease}.compare-chemical-cards .key-spec-card:hover .flip-btn{opacity:1}.filter-section{margin-bottom:var(--filter-section-gap);border-radius:12px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;overflow:hidden;transition:all .3s ease}.filter-section:hover{border-color:#ea5b0c4d;box-shadow:0 4px 16px #0006,0 0 20px #ea5b0c26}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;user-select:none;transition:background .2s}.filter-header:hover{background:var(--filter-hover)}.filter-header-left{display:flex;align-items:center;gap:10px;flex:1}.filter-header-icon{font-size:16px;opacity:.8}.filter-header-title{font-family:Big John,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--filter-text-primary);padding-top:.1rem}.filter-header-unit{font-family:Roboto,sans-serif;font-size:11px;font-weight:400;color:#94a3b8;margin-left:4px;text-transform:none}.filter-collapse-btn{background:none;border:none;color:var(--filter-text-tertiary);font-size:12px;font-weight:700;padding:4px;cursor:pointer;transform:rotate(0);transition:all .3s;line-height:1}.filter-section.collapsed .filter-collapse-btn{transform:rotate(-90deg)}.filter-content{max-height:1000px;padding:0 16px 16px;opacity:1;transition:all .3s ease;overflow:hidden}.filter-section.collapsed .filter-content{max-height:0;padding:0 16px;opacity:0}.filter-section.always-expanded .filter-collapse-btn{display:none}.filter-section.always-expanded .filter-header{cursor:default}.filter-section.always-expanded .filter-header:hover{background:transparent}.filter-options-scrollable{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) rgba(255,255,255,.05)}.filter-options-scrollable::-webkit-scrollbar{width:6px}.filter-options-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.filter-options-scrollable::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:3px;transition:background .2s}.filter-options-scrollable::-webkit-scrollbar-thumb:hover{background:#ea5b0ccc}body.light-theme .filter-options-scrollable{scrollbar-color:rgba(234,91,12,.5) rgba(0,0,0,.1)}body.light-theme .filter-options-scrollable::-webkit-scrollbar-track{background:#0000001a}body.light-theme .filter-options-scrollable::-webkit-scrollbar-thumb{background:#ea5b0c80}body.light-theme .filter-options-scrollable::-webkit-scrollbar-thumb:hover{background:#ea5b0ccc}.filter-options{display:flex;flex-direction:column;gap:var(--filter-option-gap)}.filter-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;user-select:none}.filter-option:hover{background:var(--filter-hover)}.filter-option input[type=checkbox]{appearance:none;width:18px;height:18px;min-width:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;position:relative;transition:all .2s;background:transparent}body.light-theme .filter-option input[type=checkbox]{border-color:#0000004d}.filter-option input[type=checkbox]:checked{background:var(--filter-selected);border-color:#ea5b0c}.filter-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:14px;font-weight:700}.filter-option input[type=checkbox]:hover{border-color:#ea5b0c}.option-label{flex:1;font-family:Roboto,sans-serif;font-size:14px;color:var(--filter-text-primary);font-weight:400}.option-count{font-family:Roboto,sans-serif;font-size:11px;color:var(--filter-count-text);background:var(--filter-count-bg);padding:3px 8px;border-radius:10px;font-weight:500}.filter-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--filter-border)}.filter-select-all,.filter-select-none{flex:1;padding:6px 10px;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:5px;color:var(--filter-text-secondary);font-family:Roboto,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}body.light-theme .filter-select-all,body.light-theme .filter-select-none{background:#0000000a}.filter-select-all:hover,.filter-select-none:hover{background:var(--filter-hover);color:var(--filter-text-accent);border-color:#ea5b0c4d}.filter-show-more{width:100%;padding:6px 10px;background:#ea5b0c14;border:1px solid rgba(234,91,12,.15);border-radius:5px;color:var(--filter-text-accent);font-family:Roboto,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:6px}.filter-show-more:hover{background:#ea5b0c26;border-color:#ea5b0c4d}.filter-range-slider{padding:8px 0}.range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.range-label{font-family:Roboto,sans-serif;font-size:13px;color:var(--filter-text-secondary);font-weight:500}.range-reset{background:none;border:none;color:var(--filter-text-tertiary);font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.range-reset:hover{color:var(--filter-text-accent);background:var(--filter-hover)}.range-histogram{height:32px;margin-bottom:12px;position:relative;border-radius:6px;overflow:hidden;background:#0000001a}body.light-theme .range-histogram{background:#00000008}.range-histogram svg{width:100%;height:100%;display:block}.range-histogram path{fill:#ea5b0c33;transition:fill .2s}.range-histogram:hover path{fill:#ea5b0c4d}.range-track{position:relative;height:40px;margin:16px 0}.range-track:before{content:"";position:absolute;top:18px;left:0;right:0;height:4px;background:#ffffff1a;border-radius:2px}body.light-theme .range-track:before{background:#0000001a}.range-progress{position:absolute;height:4px;top:18px;background:var(--filter-selected);border-radius:2px;pointer-events:none;transition:all .1s}.range-min,.range-max{position:absolute;width:100%;height:4px;top:18px;background:transparent;pointer-events:none;appearance:none;margin:0;padding:0}.range-min::-webkit-slider-thumb,.range-max::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#ea5b0c;border:3px solid #2c2c2c;cursor:grab;pointer-events:auto;box-shadow:0 2px 8px #0000004d;transition:all .2s}body.light-theme .range-min::-webkit-slider-thumb,body.light-theme .range-max::-webkit-slider-thumb{border-color:#fff}.range-min::-webkit-slider-thumb:hover,.range-max::-webkit-slider-thumb:hover{background:#f73;box-shadow:0 4px 12px #ea5b0c80;transform:scale(1.1)}.range-min::-webkit-slider-thumb:active,.range-max::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 6px 16px #ea5b0c99}.range-min::-moz-range-thumb,.range-max::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ea5b0c;border:3px solid #2c2c2c;cursor:grab;pointer-events:auto;box-shadow:0 2px 8px #0000004d;transition:all .2s}body.light-theme .range-min::-moz-range-thumb,body.light-theme .range-max::-moz-range-thumb{border-color:#fff}.range-min::-moz-range-thumb:hover,.range-max::-moz-range-thumb:hover{background:#f73;box-shadow:0 4px 12px #ea5b0c80;transform:scale(1.1)}.range-min::-moz-range-thumb:active,.range-max::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.15)}.range-min::-webkit-slider-runnable-track,.range-max::-webkit-slider-runnable-track{background:transparent;border:none}.range-min::-moz-range-track,.range-max::-moz-range-track{background:transparent;border:none}.range-values{display:flex;align-items:center;gap:8px;margin-top:12px}.range-input-min,.range-input-max{width:70px;padding:8px 10px;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:6px;color:var(--filter-text-primary);font-family:Roboto,sans-serif;font-size:13px;font-weight:500;text-align:center;transition:all .2s}body.light-theme .range-input-min,body.light-theme .range-input-max{background:#0000000a}.range-input-min:focus,.range-input-max:focus{outline:none;background:#ffffff14;border-color:#ea5b0c80;box-shadow:0 0 0 3px #ea5b0c1a}body.light-theme .range-input-min:focus,body.light-theme .range-input-max:focus{background:#0000000f}.range-separator{font-family:Roboto,sans-serif;color:var(--filter-text-tertiary);font-weight:600}.range-unit{font-family:Roboto,sans-serif;color:var(--filter-text-secondary);font-size:12px;font-weight:500}.range-presets{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.range-preset{flex:1;min-width:fit-content;padding:5px 8px;background:#ea5b0c14;border:1px solid rgba(234,91,12,.15);border-radius:5px;color:var(--filter-text-accent);font-family:Roboto,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.range-preset:hover{background:#ea5b0c33;border-color:#ea5b0c66;transform:translateY(-1px)}.range-preset:active{transform:translateY(0)}.filter-search{position:relative;margin-bottom:12px}.filter-search-input{width:100%;padding:10px 36px 10px 38px;background:#ffffff0d;border:1px solid var(--filter-border);border-radius:8px;color:var(--filter-text-primary);font-family:Roboto,sans-serif;font-size:14px;transition:all .2s}body.light-theme .filter-search-input{background:#0000000a}.filter-search-input::placeholder{color:var(--filter-text-tertiary)}.filter-search-input:focus{outline:none;background:#ffffff14;border-color:#ea5b0c80;box-shadow:0 0 0 3px #ea5b0c1a}body.light-theme .filter-search-input:focus{background:#0000000f}.filter-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--filter-text-tertiary);font-size:16px;pointer-events:none}.filter-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#ffffff1a;border:none;border-radius:50%;color:var(--filter-text-secondary);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.filter-search-clear:hover{background:#ea5b0c4d;color:var(--filter-text-primary)}body.light-theme .filter-search-clear{background:#0000001a}body.light-theme .filter-search-clear:hover{background:#ea5b0c33}.saved-search-terms{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:0 12px}.search-term-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border:1px solid rgba(234,91,12,.3);border-radius:12px;font-size:11px;font-family:Roboto,sans-serif;color:#ea5b0c;font-weight:500;transition:all .2s ease;animation:fadeInScale .25s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.search-term-tag:hover{background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1f);border-color:#ea5b0c66}.search-term-text{user-select:none}.search-term-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#ea5b0c33;border:none;border-radius:50%;color:#ea5b0c;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease}.search-term-remove:hover{background:#ea5b0c4d;transform:scale(1.1)}.filter-presets{display:flex;flex-direction:column;gap:8px}.preset-item{display:flex;align-items:center;gap:10px;padding:12px;background:var(--filter-bg-tertiary);border:1px solid var(--filter-border);border-radius:8px;color:var(--filter-text-primary);font-family:Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.preset-item:hover{background:var(--filter-hover);border-color:#ea5b0c4d;transform:translate(2px)}.preset-item.active{background:#ea5b0c26;border-color:#ea5b0c66;color:var(--filter-text-accent)}.preset-icon{font-size:18px;line-height:1}.preset-name{flex:1}.preset-save{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ea5b0c1a;border:1px dashed rgba(234,91,12,.3);border-radius:8px;color:var(--filter-text-accent);font-family:Roboto,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.preset-save:hover{background:#ea5b0c26;border-color:#ea5b0c80;border-style:solid}.filter-checkboxes{display:flex;flex-direction:column;gap:8px}.filter-checkbox-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s;user-select:none}.filter-checkbox-option:hover{background:var(--filter-hover)}.filter-checkbox-option input[type=checkbox]{appearance:none;width:18px;height:18px;min-width:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;position:relative;transition:all .2s}body.light-theme .filter-checkbox-option input[type=checkbox]{border-color:#0000004d}.filter-checkbox-option input[type=checkbox]:checked{background:var(--filter-selected);border-color:#ea5b0c}.filter-checkbox-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:14px;font-weight:700}.filter-checkbox-label{flex:1;font-family:Roboto,sans-serif;font-size:14px;color:var(--filter-text-primary)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--filter-selected);border-radius:10px;color:#fff;font-family:Roboto,sans-serif;font-size:11px;font-weight:700}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}@keyframes slideUp{0%{max-height:1000px;opacity:1}to{max-height:0;opacity:0}}.filter-section.expanding .filter-content{animation:slideDown .3s ease}.filter-section.collapsing .filter-content{animation:slideUp .3s ease}.compare-cart-wrapper{position:relative}.compare-cart-btn{position:relative;display:flex;align-items:center;gap:6px}.compare-cart-btn.has-items{color:var(--brand)}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0000004d;animation:cart-badge-pop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes cart-badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.compare-cart-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:linear-gradient(135deg,#323232b3,#272727f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:12px;box-shadow:0 8px 24px #00000080;z-index:1000;animation:dropdown-slide .2s ease-out}@keyframes dropdown-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(234,91,12,.2)}.cart-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--brand);margin:0}.cart-close-btn{background:none;border:none;color:#fff9;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.cart-close-btn:hover{background:#ffffff1a;color:#fff}.cart-empty{padding:32px 16px;text-align:center;color:#fff9}.cart-empty p{margin:0 0 8px;font-size:14px}.cart-empty small{font-size:12px;color:#fff6}.cart-items{max-height:300px;overflow-y:auto;padding:8px}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border:1px solid rgba(234,91,12,.2);border-radius:8px;margin-bottom:8px;transition:all .2s}.cart-item:hover{background:#ffffff0d;border-color:#ea5b0c66}.cart-item-info{flex:1;min-width:0}.cart-item-title{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cart-item-meta{font-size:11px;color:#ffffffb3;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cart-item-remove{background:none;border:none;color:#fff6;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-left:8px;transition:all .2s}.cart-item-remove:hover{background:#ea5b0c33;color:var(--brand)}.cart-footer{display:flex;gap:8px;padding:16px;border-top:1px solid rgba(234,91,12,.2)}.cart-footer .btn-secondary,.cart-footer .btn-primary{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cart-footer .btn-secondary{background:#ffffff1a;color:#fff}.cart-footer .btn-secondary:hover{background:#ffffff26}.cart-footer .btn-primary{background:linear-gradient(135deg,var(--brand),#d84a00);color:#fff}.cart-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ea5b0c66}.cart-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.drawer-header{position:sticky;top:56px;z-index:899;display:flex;align-items:stretch;justify-content:space-between;gap:16px;padding:12px 2rem 16px;background:linear-gradient(180deg,#2c2c2ceb,#2c2c2cd9);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);min-height:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.drawer-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-right:12px}.drawer-back-button:hover{background:#ea5b0c1a;border-color:#ea5b0c4d;transform:translate(-2px)}.drawer-back-button svg{stroke:#ccc;transition:stroke .2s ease}.drawer-back-button:hover svg{stroke:#ea5b0c}.drawer-header.scrolled{padding:8px 2rem 12px;background:linear-gradient(180deg,#2c2c2ceb,#2c2c2cd9);backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%)}.drawer-header.compact{padding:8px 2rem 12px;gap:12px}.drawer-header.full{padding:12px 2rem 16px}.drawer-header-inner{display:flex;align-items:stretch;justify-content:space-between;gap:20px;width:100%;max-width:1400px;margin:0 auto;flex-wrap:wrap;transition:all .3s ease}.drawer-left{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0;flex:0 1 auto;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:16px 20px;transition:all .3s ease;opacity:1;transform:translateY(0)}.drawer-header.compact .drawer-left{opacity:0;transform:translateY(-20px);pointer-events:none;height:0;padding:0;overflow:hidden}.drawer-cell-image{width:56px;height:56px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003;flex-shrink:0}.drawer-cell-image img{width:100%;height:100%;object-fit:contain}.drawer-cell-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.drawer-cell-name{font-family:var(--font-display);font-size:19px;font-weight:700;color:#fff;margin:0;line-height:1.2;display:flex;align-items:center;gap:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-shadow:0 1px 2px rgba(0,0,0,.3)}.harvested-badge{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#ea5b0c33,#ea5b0c1a);border:1px solid rgba(234,91,12,.5);border-radius:14px;color:#ea5b0c;font-size:11px;font-weight:700;text-transform:uppercase;font-family:var(--font-body);box-shadow:0 0 12px #ea5b0c33}.drawer-cell-meta{display:flex;gap:12px;font-size:13px;color:#fff9;line-height:1;font-weight:500}.drawer-cell-meta span{display:flex;align-items:center;gap:6px}.drawer-cell-meta span:not(:last-child):after{content:"·";margin-left:10px;color:#ffffff4d}.country-flag{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle;font-size:16px;line-height:1}.country-flag img,.country-flag span{display:inline-block;vertical-align:middle}.country-flag img{width:16px;height:12px;border-radius:2px;box-shadow:0 1px 3px #0003}.harvested-badge{display:inline-flex;align-items:center;padding:2px 8px;margin-left:8px;background:linear-gradient(135deg,#ea5b0c26,#ea5b0c40);border:1px solid rgba(234,91,12,.4);border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;color:#f95;font-family:var(--font-body)}.meta-country,.meta-year{display:flex;align-items:center;gap:4px}.drawer-sections{display:flex;gap:0;flex:1;justify-content:center;min-width:0;align-self:stretch;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(234,91,12,.5) transparent;transition:all .3s ease}.drawer-header.compact .drawer-sections{padding:6px 10px}.drawer-header.compact .drawer-section-tab{padding:10px 16px;font-size:12px}.drawer-sections::-webkit-scrollbar{height:3px}.drawer-sections::-webkit-scrollbar-track{background:transparent}.drawer-sections::-webkit-scrollbar-thumb{background:#ea5b0c80;border-radius:3px}.drawer-section-tab{position:relative;padding:19px 24px 16px;color:#999;text-decoration:none;font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;white-space:nowrap;transition:all .3s ease;border:1px solid transparent;background:transparent;border-radius:8px;display:flex;align-items:center;cursor:pointer;flex-shrink:0;gap:8px}.drawer-section-tab:after{content:none}.drawer-section-tab:hover{color:#fff;background:#ffffff0d;border-color:#ea5b0c33}.drawer-section-tab:hover:after{background:transparent}.drawer-section-tab.is-active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}.drawer-section-tab.is-active:after{background:transparent;height:0;box-shadow:none}.drawer-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:8px 12px;transition:all .3s ease}.drawer-header.compact .drawer-actions{padding:6px 10px}.drawer-header.compact .btn-compare-toggle{padding:8px 12px;font-size:12px;gap:6px}.btn-compare-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ea5b0c,#f73);border:none;border-radius:8px;color:#fff;font-family:Big John,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ea5b0c4d;position:relative}.drawer-header.compact .btn-compare-toggle .btn-text{display:none}.drawer-header.compact .btn-compare-toggle{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}.btn-compare-toggle:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 12px;background:#000000e6;color:#fff;font-size:12px;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-header.compact .btn-compare-toggle:hover:before{opacity:1}.btn-compare-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ea5b0c80}.btn-compare-toggle.is-active{background:linear-gradient(135deg,#f73,#ea5b0c);box-shadow:0 0 30px #ea5b0c99}body[data-page=explorer] .drawer-header{padding:8px 2rem;gap:12px}body[data-page=cell-detail] .drawer-header,body[data-page=compare] .drawer-header{padding:12px 2rem}body[data-page=compare] .drawer-sections{display:none}body[data-page=compare] .drawer-actions{flex:1;justify-content:flex-end}body.scrolled .drawer-header{padding:8px 2rem}.cell-card{position:relative}.cell-compare-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;background:#2d2a26cc;backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s;z-index:10}.cell-card:hover .cell-compare-btn{opacity:1;transform:scale(1)}.cell-compare-btn:hover{background:#ea5b0c33;border-color:var(--brand);transform:scale(1.1)}.cell-compare-btn.is-active{opacity:1;transform:scale(1);background:var(--brand);border-color:var(--brand);box-shadow:0 0 12px #ea5b0c99}.cell-card.in-cart{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 4px 12px #ea5b0c4d}.cell-card.in-cart .cell-compare-btn{opacity:1;transform:scale(1)}.cell-detail-page{background:transparent;min-height:100vh}.cell-detail-content{max-width:100%;margin:0 auto;padding:0}.cmdbar-left{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:8px 12px}.cmdbar-right{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#373532cc,#2d2a26f2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 2px 12px #0000004d;padding:8px 12px}.cmdbar-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid transparent;border-radius:8px;color:#999;font-family:Big John,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.cmdbar-btn:hover{background:#ffffff0d;border-color:#ea5b0c33;color:#fff}.cmdbar-btn.is-active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c0d);border-color:#ea5b0c;color:#fff;box-shadow:0 0 20px #ea5b0c4d}[data-theme=light] .cmdbar-left,[data-theme=light] .cmdbar-right{background:linear-gradient(135deg,#ffffffe6,#fafafaf2);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0000000d}[data-theme=light] .cmdbar-btn{color:#666}[data-theme=light] .cmdbar-btn svg{stroke:#666}[data-theme=light] .cmdbar-btn:hover{background:#0000000d;border-color:#ea5b0c4d;color:#1a1a1a}[data-theme=light] .cmdbar-btn:hover svg{stroke:var(--brand)}[data-theme=light] .cmdbar-btn.is-active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border-color:#ea5b0c66;color:var(--brand);box-shadow:0 0 20px #ea5b0c33}[data-theme=light] .cmdbar-btn.is-active svg{stroke:var(--brand)}.explorer-header-bar{position:sticky;top:var(--h);z-index:950;display:flex;align-items:stretch;justify-content:space-between;padding:0;background:linear-gradient(135deg,#322d2880,#2d2a26b3);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border-bottom:1px solid rgba(234,91,12,.2);min-height:80px}.explorer-header-inner{display:flex;align-items:stretch;justify-content:space-between;gap:24px;width:100%;max-width:1400px;margin:0 auto}.explorer-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.explorer-icon{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#ea5b0c1a;border:1px solid rgba(234,91,12,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--brand)}[data-theme=light] .explorer-header-bar{background:#ffffffd9;border-bottom-color:#ea5b0c26}[data-theme=light] .explorer-icon svg{stroke:var(--brand)}.explorer-info{display:flex;flex-direction:column;gap:4px;min-width:0}.explorer-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;margin:0;line-height:1.2;white-space:nowrap}.explorer-subtitle{font-size:12px;color:#ffffff80;line-height:1}.explorer-controls{display:flex;gap:12px;flex:1;justify-content:flex-end;align-items:center;min-width:0}.explorer-search-wrapper{position:relative;flex:1;max-width:400px;display:flex;align-items:center}.explorer-search-icon{position:absolute;left:14px;color:#ea5b0c99;pointer-events:none;z-index:1}.explorer-search{flex:1;width:100%;padding:10px 42px;background:#ffffff0d;border:1px solid rgba(234,91,12,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.explorer-search::placeholder{color:#fff6}.explorer-search:focus{outline:none;background:#ffffff14;border-color:var(--brand);box-shadow:0 0 0 3px #ea5b0c1a}.explorer-search:focus+.explorer-search-clear{opacity:1}.explorer-search-clear{position:absolute;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ea5b0c33;border:1px solid rgba(234,91,12,.3);border-radius:50%;color:#ea5b0c;font-size:18px;line-height:1;cursor:pointer;transition:all .2s;opacity:.7;z-index:1}.explorer-search-clear:hover{background:#ea5b0c4d;border-color:#ea5b0c;opacity:1;transform:scale(1.1)}.explorer-search:focus+.explorer-search-icon{color:var(--brand)}.explorer-sort{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(234,91,12,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.explorer-sort:hover{background:#ffffff14;border-color:var(--brand)}.explorer-sort:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #ea5b0c1a}.explorer-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.explorer-selected{font-size:13px;color:var(--brand);font-weight:600}@media (max-width: 1200px){.drawer-header-inner{gap:14px}.drawer-section-tab{padding:0 18px;font-size:12px}}@media (max-width: 1024px){.drawer-header{padding:10px 12px;gap:12px}.drawer-header-inner{gap:12px}.drawer-left{gap:10px}.drawer-cell-name{font-size:16px}.drawer-section-tab{padding:0 14px;font-size:11px}}@media (max-width: 768px){.drawer-header{padding:8px 10px;min-height:64px}.drawer-header-inner{gap:10px;flex-wrap:wrap}.drawer-left{gap:8px;flex:1 1 100%}.drawer-cell-image{width:40px;height:40px}.drawer-cell-name{font-size:14px}.drawer-cell-meta{font-size:11px}.drawer-sections{order:3;flex:1 1 100%;justify-content:flex-start}.drawer-section-tab{padding:0 12px;font-size:10px;min-height:48px}.drawer-actions{order:2;flex-shrink:0}.btn-compare-toggle{padding:8px 12px;font-size:11px}}@media (max-width: 600px){.drawer-cell-meta span{font-size:10px}.drawer-section-tab{padding:0 10px}}[data-theme=light] .compare-cart-dropdown{background:#fffaf5f2;border-color:#ea5b0c4d}[data-theme=light] .cart-item{background:#00000008;border-color:#ea5b0c33}[data-theme=light] .cart-item:hover{background:#0000000d;border-color:#ea5b0c66}[data-theme=light] .cart-item-title{color:#2c1810}[data-theme=light] .cart-item-meta{color:#00000080}[data-theme=light] .drawer-header{background:linear-gradient(180deg,#ffffffbf,#ffffffa6);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .drawer-header.scrolled{background:linear-gradient(180deg,#ffffffd9,#ffffffbf);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);box-shadow:0 4px 24px #00000014}[data-theme=light] .drawer-left,[data-theme=light] .drawer-actions{background:linear-gradient(135deg,#ffffffe6,#fafafaf2);backdrop-filter:blur(80px) saturate(250%);-webkit-backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0000000d}[data-theme=light] .drawer-sections{background:linear-gradient(135deg,#ffffffe6,#fafafaf2);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 12px #0000000d}[data-theme=light] .drawer-cell-image{background:linear-gradient(135deg,#ea5b0c0d,#ea5b0c05);border:1px solid rgba(234,91,12,.15)}[data-theme=light] .drawer-cell-name{color:#2c1810;text-shadow:none}[data-theme=light] .drawer-cell-meta{color:#00000080}[data-theme=light] .drawer-section-tab{color:#666;border-color:transparent}[data-theme=light] .drawer-section-tab:hover{color:#1a1a1a;background:#0000000d;border-color:#ea5b0c33}[data-theme=light] .drawer-section-tab:hover:after{background:transparent}[data-theme=light] .drawer-section-tab.is-active{background:linear-gradient(135deg,#ea5b0c26,#ea5b0c14);border-color:#ea5b0c66;color:var(--brand);box-shadow:0 0 20px #ea5b0c33}[data-theme=light] .drawer-section-tab.is-active:after{background:transparent}[data-theme=light] .btn-compare-toggle{background:linear-gradient(135deg,#ea5b0c,#f73);box-shadow:0 4px 20px #ea5b0c40}[data-theme=light] .btn-compare-toggle:hover{box-shadow:0 6px 30px #ea5b0c66}[data-theme=light] .btn-compare-toggle.is-active{box-shadow:0 0 30px #ea5b0c80}[data-theme=light] .btn-compare-toggle:before{background:#000000d9;color:#fff}[data-theme=light] .cell-compare-btn{background:#fffaf5f2;border-color:#ea5b0c4d;color:#2c1810}[data-theme=light] .explorer-header-bar{background:#fffaf5cc;border-bottom-color:#ea5b0c33}[data-theme=light] .explorer-title{color:#2c1810}[data-theme=light] .explorer-subtitle{color:#00000080}[data-theme=light] .explorer-search,[data-theme=light] .explorer-sort{background:#ea5b0c1a;border-color:#ea5b0c4d;color:#2c1810}[data-theme=light] .explorer-search::placeholder{color:#0006}[data-theme=light] .explorer-search:focus,[data-theme=light] .explorer-sort:focus{background:#ea5b0c26}[data-theme=light] .explorer-sort:hover{background:#ea5b0c26}.detail-compare-btn{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#2c2c2cf2;backdrop-filter:blur(30px) saturate(180%);border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000004d;z-index:999}.detail-compare-btn:hover{background:#ea5b0c33;border-color:#ea5b0c80;color:#ea5b0c;transform:translateY(-2px);box-shadow:0 8px 24px #ea5b0c4d}.detail-compare-btn.active{background:linear-gradient(135deg,#ea5b0c,#d64a0a);border-color:#ea5b0c;color:#fff}.detail-compare-btn.active:hover{background:linear-gradient(135deg,#ff6a1a,#e55512);border-color:#ff6a1a;transform:translateY(-2px) scale(1.05)}.detail-compare-btn__icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;border-radius:6px;background:#ffffff1a;transition:all .2s ease}.detail-compare-btn.active .detail-compare-btn__icon{background:#fff3}.detail-compare-btn__text{font-size:.9375rem}@media (max-width: 768px){.detail-compare-btn{bottom:1rem;right:1rem;padding:.875rem 1.25rem}.detail-compare-btn__text{display:none}.detail-compare-btn__icon{width:2rem;height:2rem;font-size:1.5rem}}.tour-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.tour-backdrop{position:fixed;inset:0;background:#000000a6;z-index:10001;pointer-events:all;animation:tourFadeIn .3s ease-out}.tour-spotlight{position:fixed;z-index:10002;pointer-events:none;border-radius:8px;box-shadow:0 0 0 4px #ea5b0c80,0 0 0 9999px #000000a6;animation:tourSpotlight .5s cubic-bezier(.34,1.56,.64,1);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.tour-tooltip{position:fixed;z-index:10003;pointer-events:all;max-width:400px;min-width:320px;background:#141414fa;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:12px;box-shadow:0 20px 60px #000c,0 0 40px #ea5b0c26;animation:tourSlideIn .4s ease-out;overflow:hidden}.tour-tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ea5b0c0d}.tour-tooltip-title h3{font-family:Big John,sans-serif;font-size:16px;font-weight:700;color:#ea5b0c;text-transform:uppercase;letter-spacing:.5px;margin:0}.tour-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.tour-close-btn:hover{background:#ffffff0d;color:#e2e8f0}.tour-progress{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.tour-progress-text{font-family:Roboto,sans-serif;font-size:12px;color:#94a3b8;margin-bottom:6px;display:block}.tour-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.tour-progress-fill{height:100%;background:linear-gradient(90deg,#ea5b0c,#ff7a33);transition:width .4s cubic-bezier(.34,1.56,.64,1)}.tour-tooltip-content{padding:20px;font-family:Roboto,sans-serif;color:#e2e8f0;font-size:14px;line-height:1.6;max-height:400px;overflow-y:auto}.tour-tooltip-content p{margin:0 0 12px}.tour-tooltip-content p:last-child{margin-bottom:0}.tour-tooltip-content strong{color:#fff;font-weight:600}.tour-tooltip-content ul{margin:8px 0;padding-left:20px}.tour-tooltip-content li{margin-bottom:6px}.tour-tooltip-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);gap:12px}.tour-actions-left,.tour-actions-right{display:flex;gap:8px}.tour-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.tour-btn-primary{background:linear-gradient(135deg,#ea5b0c,#ff7a33);color:#fff;box-shadow:0 4px 12px #ea5b0c4d}.tour-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ea5b0c66}.tour-btn-secondary{background:#ffffff14;color:#e2e8f0;border:1px solid rgba(255,255,255,.15)}.tour-btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}.tour-btn-ghost{background:transparent;color:#94a3b8}.tour-btn-ghost:hover{color:#e2e8f0;background:#ffffff0d}.tour-tooltip-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.tour-tooltip-arrow-top{bottom:-16px;left:50%;transform:translate(-50%);border-top-color:#141414fa}.tour-tooltip-arrow-bottom{top:-16px;left:50%;transform:translate(-50%);border-bottom-color:#141414fa}.tour-tooltip-arrow-left{right:-16px;top:50%;transform:translateY(-50%);border-left-color:#141414fa}.tour-tooltip-arrow-right{left:-16px;top:50%;transform:translateY(-50%);border-right-color:#141414fa}.tour-prompt{position:fixed;bottom:20px;right:20px;z-index:9999;animation:tourPromptSlide .5s cubic-bezier(.34,1.56,.64,1)}.tour-prompt-content{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#141414fa;backdrop-filter:blur(80px) saturate(250%);border:1px solid rgba(234,91,12,.3);border-radius:12px;box-shadow:0 10px 40px #0009,0 0 20px #ea5b0c33;max-width:420px}.tour-prompt-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ea5b0c26;border-radius:8px;color:#ea5b0c}.tour-prompt-text{flex:1;min-width:0}.tour-prompt-text h4{font-family:Big John,sans-serif;font-size:14px;font-weight:700;color:#ea5b0c;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.tour-prompt-text p{font-family:Roboto,sans-serif;font-size:13px;color:#94a3b8;margin:0}.tour-prompt-actions{display:flex;gap:8px}.tour-prompt-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tour-prompt-btn-primary{background:linear-gradient(135deg,#ea5b0c,#ff7a33);color:#fff;box-shadow:0 4px 12px #ea5b0c4d}.tour-prompt-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ea5b0c66}.tour-prompt-btn-ghost{background:transparent;color:#94a3b8;padding:8px}.tour-prompt-btn-ghost:hover{color:#e2e8f0;background:#ffffff0d}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tourSpotlight{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tourSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tourPromptSlide{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.tour-tooltip{max-width:calc(100vw - 40px);min-width:auto;left:20px!important;right:20px!important;width:auto!important}.tour-prompt{bottom:10px;right:10px;left:10px}.tour-prompt-content{max-width:none;flex-wrap:wrap}.tour-tooltip-actions{flex-direction:column;gap:8px}.tour-actions-left,.tour-actions-right{width:100%;justify-content:space-between}}.tour-btn:focus,.tour-close-btn:focus,.tour-prompt-btn:focus{outline:2px solid #ea5b0c;outline-offset:2px}@media (prefers-contrast: high){.tour-backdrop{background:#000000f2}.tour-tooltip,.tour-prompt-content{border-width:2px;border-color:#ea5b0c}}@media (prefers-reduced-motion: reduce){.tour-overlay,.tour-tooltip,.tour-prompt,.tour-spotlight,.tour-progress-fill{animation:none;transition:none}}:root{--breakpoint-mobile: 640px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px}@media (max-width: 640px){.filter-panel{position:fixed;inset:0;z-index:1000;transform:translate(-100%)}.filter-panel.is-open{transform:translate(0)}.cells-grid--card{grid-template-columns:1fr;gap:1rem;padding:1rem}.score-plot-view,.my-plot-view,.free-plot-view{flex-direction:column}.score-plot-controls,.my-plot-controls,.free-plot-controls{width:100%;max-width:none}.ragone-plot-container,.score-plot-main,.my-plot-main,.free-plot-main{min-height:350px}.compare-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{min-width:600px}}@media (min-width: 641px) and (max-width: 1024px){.cells-grid--card{grid-template-columns:repeat(2,1fr);gap:1.5rem}.score-plot-controls,.my-plot-controls,.free-plot-controls,.filter-panel{width:280px}}@media (min-width: 1025px){.cells-grid--card{grid-template-columns:repeat(3,1fr)}@media (min-width: 1440px){.cells-grid--card{grid-template-columns:repeat(4,1fr)}}.score-plot-controls,.my-plot-controls,.free-plot-controls{width:320px}.cell-card{transition:transform .2s ease,box-shadow .2s ease}.cell-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}}@media (hover: none) and (pointer: coarse){.cmdbar-btn,.btn,button{min-height:44px;min-width:44px}.cell-card:hover{transform:none}input[type=checkbox]{width:20px;height:20px}input[type=range]{height:40px}}@media print{.cmdbar,.filter-panel,.breadcrumb,.floating-controls,.compare-badge{display:none!important}.app-content{max-width:none;padding:0}.cells-grid--card{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cell-card-flip-source,.cell-detail-flip-target{will-change:auto!important}}@media (prefers-contrast: high){.cell-card,.compare-table,.breadcrumb,.btn,.cmdbar-btn{border:2px solid currentColor}}@media (orientation: landscape) and (max-height: 600px){.breadcrumb{padding:.5rem 1rem}.cells-grid-view{padding:1rem}}.flipcard{perspective:1000px}.spec-row{display:flex;justify-content:space-between;align-items:center}.spec-list,.spec-list-minimal{display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-0, #2c2c2c)}body{margin:0;padding:0;min-height:100vh;background:var(--bg-0, #2c2c2c);color:var(--text-primary, rgba(255, 255, 255, .95));font-family:var(--font-body, "Roboto", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none;transition:var(--transition, .2s ease)}a:hover{opacity:.8}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;transition:var(--transition, .2s ease)}img{max-width:100%;height:auto;display:block}svg{display:block}::selection{background:var(--brand, #ea5b0c);color:#fff}::-moz-selection{background:var(--brand, #ea5b0c);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1, #323232)}::-webkit-scrollbar-thumb{background:var(--bg-3, #3e3e3e);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-4, #444444)}*:focus-visible{outline:2px solid var(--primary-color, #0d7c99);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}:root{--ink: var(--text-primary);--muted: var(--text-tertiary);--card: var(--bg-2);--card-border: var(--border-light);--card-border-strong: var(--border-medium);--card-glass: var(--glass-bg);--chip: var(--bg-3);--chip-border: var(--border-light);--line: var(--border-light);--shadow: var(--glass-shadow);--shadow-strong: var(--shadow-lg);--inset: inset 0 1px 0 rgba(255, 255, 255, .12);--blur: blur(80px) saturate(250%);--radius: 20px;--radius-sm: 14px;--header-h: 64px;--container-w: 1800px;--hero-h: 360px;--kpi-h: 120px;--tile-h: auto;--chart-h: 355px;--def-btn-offset: 10px;--def-font-size: 12.5px;--def-line: 1.4;--noise-opacity: .04}