:root{--ink:#0f172a;--muted:#475569;--paper:#f8fbff;--panel:#fff;--panel-tint:#f8fbff;--soft:#eff6ff;--line:#d7e3f8;--accent:#2563eb;--accent-strong:#1d4ed8;--brand-navy:#0f1e3d;--brand-silver:#cbd5e1;--ok:#166534;--ok-bg:#dcfce7;--warn:#92400e;--warn-bg:#fef3c7;--danger:#b91c1c;--shadow-soft:0 18px 50px #0f1e3d17;--shadow-lift:0 26px 70px #0f1e3d29;--font-sans:"Geist", "Aptos", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:radial-gradient(circle at 20% 2%, #2563eb1f, transparent 30rem), radial-gradient(circle at 92% 20%, #0f1e3d14, transparent 26rem), linear-gradient(180deg, #fff 0%, var(--paper) 54%, #eef5ff 100%);color:var(--ink);font-family:var(--font-sans);scroll-behavior:smooth}body{text-rendering:optimizelegibility;min-width:320px;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#0f1e3d07 1px,#0000 1px),linear-gradient(90deg,#0f1e3d05 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0,#0000 68%);mask-image:linear-gradient(#000 0,#0000 68%)}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, white);outline-offset:3px}.skip-link{background:var(--ink);color:#fff;z-index:30;padding:10px 12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#ffffffeb;border-bottom:1px solid #d7e3f8e0;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:12px clamp(18px,4vw,56px);display:flex;position:sticky;top:0;box-shadow:0 10px 34px #0f1e3d0f}.brand-link{letter-spacing:0;align-items:center;gap:10px;font-size:20px;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{background:radial-gradient(circle at 70% 30%, #ffffff5c, transparent .8rem), linear-gradient(145deg, var(--accent), var(--brand-navy) 78%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:inline-flex;box-shadow:0 12px 30px #2563eb38}.desktop-nav,.mobile-nav-panel{align-items:center;gap:8px;display:flex}.desktop-nav a,.mobile-nav a,.nav-action{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:44px;padding:12px 13px;font-size:14px;font-weight:750;text-decoration:none;transition:background .18s,color .18s,transform .18s}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.mobile-nav a:hover,.mobile-nav a[aria-current=page],.nav-action:hover{background:var(--soft);color:var(--ink);transform:translateY(-1px)}.desktop-nav .login-link,.mobile-nav-panel .login-link{background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 12px 28px #2563eb38;color:#fff!important}.desktop-nav .login-link:hover,.desktop-nav .login-link[aria-current=page],.mobile-nav-panel .login-link:hover,.mobile-nav-panel .login-link[aria-current=page]{background:linear-gradient(135deg, var(--accent-strong), #1e40af);color:#fff}.auth-page{place-items:center;min-height:calc(100dvh - 65px);padding:clamp(20px,5vw,56px);display:grid}.auth-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:22px;width:min(100%,460px);max-width:460px;padding:clamp(24px,5vw,38px);display:grid}.auth-panel h1{font-size:clamp(34px,6vw,48px)}.auth-form{gap:14px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:11px 12px}.field textarea{resize:vertical;min-height:92px}.auth-error{background:color-mix(in srgb, var(--danger) 10%, white);border:1px solid color-mix(in srgb, var(--danger) 24%, var(--line));color:var(--danger);border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:750}.checkout-page{padding:clamp(20px,4vw,52px)}.checkout-shell{gap:22px;max-width:1180px;margin:0 auto;display:grid}.checkout-heading,.checkout-panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#ffffffdb;border-radius:8px}.checkout-heading{padding:clamp(24px,4vw,38px)}.checkout-heading h1{letter-spacing:0;margin:8px 0 12px;font-size:clamp(36px,6vw,58px);line-height:1}.checkout-heading p{color:var(--muted);max-width:760px;margin:0;line-height:1.6}.checkout-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.confirmation-layout{grid-template-columns:minmax(0,1fr) 360px}.checkout-panel{gap:18px;min-width:0;padding:clamp(18px,3vw,26px);display:grid}.panel-heading.compact{justify-content:space-between;align-items:start;gap:14px;display:flex}.panel-heading.compact h2{letter-spacing:0;margin:4px 0 0;font-size:clamp(22px,3vw,30px);line-height:1.08}.cart-lines{gap:10px;display:grid}.cart-line{background:var(--panel-tint);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) 112px auto auto;align-items:center;gap:12px;padding:14px;display:grid}.cart-line strong,.cart-line span{overflow-wrap:anywhere;min-width:0}.cart-line span,.field-help{color:var(--muted);font-size:13px}.quantity-control{gap:5px;display:grid}.quantity-control span{color:var(--muted);font-size:12px;font-weight:800}.quantity-control input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:42px;padding:8px 10px}.checkout-totals,.confirmation-facts{border-top:1px solid var(--line);gap:10px;padding-top:16px;display:grid}.total-row,.confirmation-facts div{justify-content:space-between;align-items:start;gap:14px;display:flex}.total-row.strong{font-size:22px}.confirmation-facts{border-top:0;padding-top:0}.confirmation-facts dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.confirmation-facts dd{overflow-wrap:anywhere;text-align:right;margin:0;font-weight:800}.checkout-form{align-content:start}.checkout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.checkout-grid-span{grid-column:1/-1}.check-row{background:var(--panel-tint);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.inline-status,.inline-error{border-radius:8px;margin:0;padding:11px 12px;font-weight:750}.inline-status{background:var(--ok-bg);color:var(--ok)}.inline-error{background:color-mix(in srgb, var(--danger) 10%, white);border:1px solid color-mix(in srgb, var(--danger) 24%, var(--line));color:var(--danger)}.checkout-wide-action{justify-self:stretch}.compact-lines .cart-line{grid-template-columns:minmax(0,1fr) auto}.cta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mobile-nav{display:none;position:relative}.mobile-menu-button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;padding:0;transition:background .18s,transform .18s;display:grid}.mobile-menu-button:hover{background:var(--soft)}.mobile-menu-button:active{transform:translateY(1px)}.mobile-menu-button span{background:var(--ink);border-radius:999px;width:18px;height:2px;display:block}.mobile-nav-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:stretch;min-width:210px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #0f1e3d29}.mobile-nav-panel.is-open{display:grid}.storefront-page{gap:clamp(28px,5vw,64px);width:100%;max-width:1220px;margin:0 auto;padding:clamp(20px,4vw,52px);display:grid}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:clamp(16px,2vw,24px);min-height:min(690px,100dvh - 96px);display:grid}.hero-copy-block,.vehicle-selector,.piece-search-band,.category-card,.commerce-card,.product-summary,.product-media,.pdp-tabs article,.ops-panel,.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:8px}.hero-copy-block{background:linear-gradient(150deg, #0f1e3df5, #1d4ed8c2), radial-gradient(circle at 84% 18%, #93c5fd6b, transparent 18rem), radial-gradient(circle at 70% 78%, #2563eb33, transparent 20rem), var(--brand-navy);color:#fff;box-shadow:var(--shadow-lift);align-content:end;padding:clamp(26px,5vw,56px);display:grid;position:relative;overflow:hidden}.hero-copy-block:after{content:"";opacity:.5;pointer-events:none;background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 72% 24%,#fff3,#0000 8rem);position:absolute;inset:0;-webkit-mask-image:linear-gradient(125deg,#0000,#000 26%,#0000 74%);mask-image:linear-gradient(125deg,#0000,#000 26%,#0000 74%)}.hero-copy-block:before{content:"";opacity:.9;background:linear-gradient(150deg,#ffffff29,#0000 42%),linear-gradient(90deg,#dbeafe,#2563eb);border:1px solid #ffffff2e;border-radius:8px;width:clamp(170px,24vw,290px);height:clamp(92px,12vw,148px);position:absolute;bottom:clamp(18px,3vw,32px);right:clamp(-44px,-3vw,-18px);transform:rotate(-7deg);box-shadow:0 28px 80px #0000004d}.hero-copy-block>*{position:relative}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850}h1,h2,h3,p{margin-top:0}h1{text-wrap:balance;max-width:760px;margin-bottom:16px;font-size:clamp(42px,5.5vw,70px);line-height:.98}h2{margin-bottom:10px;font-size:clamp(24px,3vw,34px);line-height:1.08}h3{margin-bottom:8px;font-size:20px;line-height:1.15}.lede,.hero-copy-block p,.vehicle-selector p,.piece-search-band p,.commerce-card p,.fitment-context,.ops-header p,.empty-state p,.tenant-row p,.product-summary p,.pdp-tabs p{color:var(--muted);line-height:1.55}.lede{max-width:600px;font-size:18px}.hero-copy-block .eyebrow,.hero-copy-block p{color:#ffffffc7}.hero-proof{border-top:1px solid #ffffff2e;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:clamp(26px,5vw,46px) 0 0;padding-top:18px;display:grid}.hero-proof div{gap:3px;display:grid}.hero-proof dt{color:#fff;font-size:22px;font-weight:850}.hero-proof dd{color:#ffffffb8;text-align:left;font-size:12px;font-weight:700}.hero-actions,.cta-row{flex-wrap:wrap;gap:10px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-weight:800;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 10px 24px #0f1e3d14}.button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f1e3d24}.button:active{transform:translateY(0)}.button.primary,.button.dark{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.hero-copy-block .button.primary{color:var(--ink);background:#fff}.hero-copy-block .button.quiet{color:#fff;background:#ffffff1a;border-color:#ffffff38}.button.quiet{background:var(--panel);border-color:var(--line);color:var(--ink)}.button.quiet:hover{background:var(--panel-tint);border-color:color-mix(in srgb, var(--accent) 32%, var(--line))}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.vehicle-selector{align-content:start;gap:12px;padding:clamp(22px,4vw,34px);display:grid}.vehicle-selector,.piece-search-band{box-shadow:var(--shadow-soft)}.vehicle-selector label,.piece-search label{gap:7px;display:grid}.vehicle-selector label span,.piece-search label span{color:var(--muted);font-size:13px;font-weight:800}.vehicle-selector select,.piece-search input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:11px 12px;transition:border-color .18s,box-shadow .18s}.vehicle-selector select:hover,.piece-search input:hover,.vehicle-selector select:focus,.piece-search input:focus{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));box-shadow:0 0 0 4px #2563eb1a}.field-help{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.piece-search-band{grid-template-columns:minmax(0,.9fr) minmax(260px,1.2fr);align-items:end;gap:16px;padding:clamp(20px,4vw,32px);display:grid}.piece-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.section-heading{margin-bottom:16px}.category-grid{grid-template-columns:1.1fr .9fr 1fr;gap:14px;display:grid}.category-card{gap:8px;min-height:154px;padding:20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #0f1e3d0f}.category-card:after{content:"";background:radial-gradient(circle,#2563eb1a,#0000 68%);width:150px;height:150px;position:absolute;top:-70px;right:-70px}.category-card:hover,.commerce-card:hover,.metric-card:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--line));box-shadow:var(--shadow-lift);transform:translateY(-2px)}.category-card.featured{grid-row:span 2;min-height:320px}.category-icon{background:var(--soft);color:var(--accent-strong);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:inline-flex}.category-card p,.commerce-card>div p{color:var(--accent-strong);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:850}.category-card span,.commerce-card span{color:var(--muted)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.commerce-card{gap:12px;min-width:0;padding:20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 12px 36px #0f1e3d12}.product-thumb{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--line) 72%, white);background:radial-gradient(circle at 76% 28%,#ffffffad,#0000 3.8rem),linear-gradient(140deg,#eff6ff,#bfdbfe 48%,#2563eb);border-radius:8px;align-items:end;padding:12px;display:flex;position:relative;overflow:hidden}.product-thumb:before{content:"";background:#ffffff80;border-radius:999px;width:40px;height:40px;position:absolute;bottom:30%;left:20%;box-shadow:88px 0 #ffffff7a}.product-thumb:after{content:"";background:#0f1e3d29;border-radius:8px;height:45%;position:absolute;top:24%;left:15%;right:15%}.product-thumb[data-variant="2"]{background:radial-gradient(circle at 72% 24%,#ffffffa6,#0000 3.8rem),linear-gradient(140deg,#f8fafc,#cbd5e1 48%,#0f1e3d)}.product-thumb[data-variant="3"]{background:radial-gradient(circle at 72% 24%,#ffffffa6,#0000 3.8rem),linear-gradient(140deg,#fff,#d7e3f8 48%,#1d4ed8)}.product-thumb span{color:var(--ink);font-family:var(--font-mono);z-index:1;background:#ffffffc7;border:1px solid #ffffffb8;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:800;position:relative}.commerce-card footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.commerce-card strong,.metric-card strong{font-variant-numeric:tabular-nums}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:22px;display:flex}.site-footer strong{color:var(--ink)}.pdp-shell{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:18px;display:grid}.breadcrumb-nav{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.breadcrumb-nav a{text-decoration:none}.breadcrumb-nav a:hover{color:var(--accent-strong)}.product-media{aspect-ratio:4/3;box-shadow:var(--shadow-soft);overflow:hidden}.product-media img{object-fit:cover;width:100%;height:100%;display:block}.product-summary{box-shadow:var(--shadow-soft);align-content:center;gap:14px;padding:clamp(24px,4vw,40px);display:grid}.product-price{margin:0;font-size:clamp(34px,5vw,48px);font-weight:900;line-height:.98;color:var(--ink)!important}.product-summary .cta-row{background:var(--panel-tint);border:1px solid var(--line);border-radius:8px;align-items:center;padding:12px}.product-facts,.spec-list{gap:10px;margin:0;display:grid}.product-facts div,.spec-list div{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:10px;display:flex}dt{color:var(--muted);font-weight:750}dd{text-align:right;margin:0;font-weight:850}.status-badge{background:var(--soft);color:var(--ink);border-radius:8px;align-items:center;min-height:30px;padding:6px 9px;font-size:12px;font-weight:850;display:inline-flex}.status-badge.ok{background:var(--ok-bg);color:var(--ok)}.status-badge.warn{background:var(--warn-bg);color:var(--warn)}.fitment-context{border-left:3px solid var(--accent);margin:0;padding-left:10px;font-size:13px}.inline-error{color:#8f1d1d;background:#fff6f4;border:1px solid #f0caca;border-radius:8px;padding:14px 16px;font-weight:800}.suggestion-row{flex-wrap:wrap;gap:8px;display:flex}.suggestion-row a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800;text-decoration:none}.page-skeleton{background:linear-gradient(90deg,#e2e8f0,#f8fbff,#e2e8f0) 0 0/180% 100%;border-radius:999px;min-height:16px;animation:1.1s ease-in-out infinite page-pulse}.page-skeleton.short{width:42%}.page-skeleton.medium{width:72%}.page-skeleton.title{border-radius:8px;width:86%;min-height:42px}.page-skeleton.thumb{border-radius:8px;min-height:160px}.page-skeleton.product-image{border-radius:8px;width:100%;min-height:420px}@keyframes page-pulse{0%{background-position:0 0}to{background-position:180% 0}}.fitment-note{background:var(--ok-bg);color:var(--ok);border-radius:8px;gap:4px;padding:12px;display:grid}.pdp-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pdp-tabs article{padding:20px}.fitment-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.fitment-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.ops-shell{grid-template-columns:240px minmax(0,1fr);gap:0;min-height:calc(100dvh - 65px);display:grid}.ops-sidebar{background:radial-gradient(circle at 18% 8%, #2563eb57, transparent 14rem), linear-gradient(180deg, var(--brand-navy), #09142d);color:#fff;padding:24px;box-shadow:inset -1px 0 #ffffff14}.ops-sidebar strong{margin-bottom:20px;display:block}.ops-sidebar strong:before{content:"";vertical-align:-6px;background:linear-gradient(145deg,#93c5fd,#fff);border-radius:6px;width:24px;height:24px;margin-right:10px;display:inline-block}.ops-sidebar nav{gap:8px;display:grid}.ops-sidebar a{color:#e2e8f0;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:12px;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.ops-sidebar a:hover,.ops-sidebar a[aria-current=page]{color:#fff;background:#eff6ff24;box-shadow:inset 0 0 0 1px #93c5fd3d}.ops-sidebar a[aria-current=page]{color:var(--brand-navy);background:#eff6ff}.ops-sidebar a:hover{transform:translate(2px)}.ops-sidebar a span:first-child{background:#ffffff1a;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ops-content{gap:22px;padding:clamp(18px,4vw,38px);display:grid}.ops-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.ops-header h1{font-size:clamp(34px,5vw,56px)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{box-shadow:var(--shadow-soft);padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.metric-card:after{background:var(--metric-glow,#2563eb1f);content:"";border-radius:999px;width:96px;height:96px;position:absolute;top:-48px;right:-44px}.metric-card[data-tone=sales]{--metric-glow:#16653424}.metric-card[data-tone=alert]{--metric-glow:#92400e29}.metric-card[data-tone=catalog]{--metric-glow:#2563eb24}.metric-card span{color:var(--accent-strong);text-transform:uppercase;font-size:12px;font-weight:850}.metric-card strong{margin:12px 0 4px;font-size:clamp(28px,3vw,36px);display:block}.metric-card p{color:var(--muted);margin:0}.metric-card small{color:var(--ok);margin-top:10px;font-size:12px;font-weight:750;display:block}.ops-panel{box-shadow:var(--shadow-soft);padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.orders-table{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}th{background:var(--panel-tint);color:var(--muted);text-transform:uppercase;font-size:12px}tbody tr:nth-child(2n){background:#f8fbffb8}tbody tr{transition:background .16s}tbody tr:hover{background:var(--panel-tint)}.empty-state{background:var(--warn-bg)}.tenant-list{gap:10px;display:grid}.tenant-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.tenant-row:hover{border-color:color-mix(in srgb, var(--accent) 28%, var(--line));transform:translateY(-1px);box-shadow:0 12px 34px #0f1e3d14}.tenant-row h3{margin-bottom:4px}.tenant-row p{margin:0}.tenant-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tenant-plan{background:var(--panel-tint);border:1px solid var(--line);color:var(--muted);border-radius:8px;min-height:30px;padding:6px 9px;font-size:12px;font-weight:800}.owner-status{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 12px 34px #0f1e3d0f}.owner-status p,.muted-copy,.empty-copy{color:var(--muted);margin:0;line-height:1.45}.owner-filters,.owner-actions,.inline-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.owner-filters{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:14px}.owner-filters .field{flex:180px}.inline-form select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-height:44px;padding:10px 11px}.owner-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.owner-config-form{gap:14px;display:grid}.flag-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,760px);display:grid}.owner-check{color:var(--muted);align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:800;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important}}@media (max-width:900px){.home-hero,.piece-search-band,.pdp-shell,.pdp-tabs,.ops-shell,.checkout-layout,.confirmation-layout{grid-template-columns:1fr}.category-grid,.product-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card.featured{grid-row:auto;min-height:154px}.ops-sidebar{position:static}.ops-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-sidebar a{align-items:flex-start;gap:6px;display:grid}}@media (max-width:640px){.desktop-nav{display:none}.mobile-nav{display:block}.site-header{min-height:60px}.storefront-page{padding:18px}h1{font-size:36px}.home-hero{gap:12px;min-height:auto}.vehicle-selector{order:-1;padding:18px;scroll-margin-top:76px}.vehicle-selector h2{font-size:24px}.hero-copy-block{align-content:start;padding:22px}.hero-copy-block:before{display:none}.hero-copy-block .lede{font-size:15px}.hero-actions,.cta-row,.commerce-card footer,.ops-header,.panel-heading,.tenant-row{flex-direction:column;align-items:stretch}.button{width:100%}.hero-proof,.piece-search,.category-grid,.product-grid,.metric-grid,.checkout-grid,.cart-line{grid-template-columns:1fr}.checkout-grid-span{grid-column:auto}.panel-heading.compact,.total-row,.confirmation-facts div{display:grid}.confirmation-facts dd{text-align:left}.product-facts div,.spec-list div,.fitment-list li{display:grid}dd{text-align:left}.ops-sidebar{padding:16px 18px}table{min-width:680px}.ops-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-table{overflow:visible}table,thead,tbody,tr,th,td{width:100%;min-width:0;display:block}thead{display:none}tr{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:10px}td{border-bottom:0;justify-content:space-between;gap:10px;padding:8px 0;display:flex}td:before{color:var(--muted);content:attr(data-label);font-weight:800}}
:root{--sf-radius-card:14px;--sf-radius-btn:10px;--sf-radius-pill:100px;--sf-dark:#0f1e3d;--sf-dark-2:#0b1733;--sf-dark-input:#16264a;--sf-dark-line:#24365f;--sf-dark-accent:#93c5fd;--sf-container:1240px}.sf-wrap{max-width:var(--sf-container);width:100%;margin:0 auto;padding-inline:clamp(16px,4vw,26px)}.sf-page{background:var(--paper);min-height:calc(100dvh - 64px)}.sf-section{padding-block:clamp(28px,5vw,56px)}.sf-section.tight{padding-block:clamp(16px,3vw,28px) clamp(40px,6vw,70px)}.sf-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--paper) 88%, transparent);border-bottom:1px solid var(--line);z-index:40;position:sticky;top:0}.sf-topbar-inner{max-width:var(--sf-container);align-items:center;gap:clamp(10px,2vw,20px);min-height:64px;margin:0 auto;padding:12px clamp(16px,4vw,26px);display:flex}.sf-brand{background:0 0;border:0;flex:none;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.sf-brand-mark{background:linear-gradient(145deg, var(--accent), var(--brand-navy) 80%);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #2563eb38}.sf-brand-name{text-align:left;line-height:1.15;display:grid}.sf-brand-name b{font-size:16px;font-weight:800}.sf-brand-name span{color:var(--muted);font-size:11px}.sf-veh-chip{background:var(--soft);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));border-radius:var(--sf-radius-btn);color:var(--accent-strong);align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.sf-veh-chip small{color:var(--muted);font-weight:600}.sf-top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.sf-search{background:var(--panel);border:1px solid var(--line);border-radius:var(--sf-radius-btn);align-items:center;gap:9px;width:100%;max-width:260px;padding:8px 12px;display:flex}.sf-search input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:13px}.sf-nav{align-items:center;gap:4px;display:flex}.sf-nav a,.sf-nav .sf-nav-action{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 11px;font-size:14px;font-weight:700;text-decoration:none;transition:background .16s,color .16s}.sf-nav a:hover,.sf-nav a[aria-current=page],.sf-nav .sf-nav-action:hover{background:var(--soft);color:var(--ink)}.sf-banner{background:var(--brand-navy);color:#fff;font-family:var(--font-mono);letter-spacing:.02em;text-align:center;padding:7px 12px;font-size:12.5px}.sf-btn{border-radius:var(--sf-radius-btn);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.sf-btn svg,.sf-inline-link svg,.sf-icon-title svg{flex-shrink:0}.sf-inline-link,.sf-icon-title{align-items:center;display:inline-flex}.sf-inline-link{gap:5px}.sf-icon-title{gap:7px}.sf-icon-only{min-width:32px;padding:6px}.sf-btn:hover{transform:translateY(-1px)}.sf-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.sf-btn--primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px -8px #2563ebb3}.sf-btn--primary:hover{background:var(--accent-strong)}.sf-btn--dark{background:var(--ink);color:#fff}.sf-btn--soft{background:var(--soft);border-color:color-mix(in srgb, var(--accent) 24%, var(--line));color:var(--accent-strong)}.sf-btn--ghost{background:var(--panel);border-color:var(--line);color:var(--ink)}.sf-btn--block{width:100%}.sf-cart-btn{position:relative}.sf-cart-count{border-radius:var(--sf-radius-pill);color:var(--accent);background:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11.5px;font-weight:800;display:inline-flex}.sf-mono{font-family:var(--font-mono);letter-spacing:.04em}.sf-eyebrow{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:11.5px;font-weight:700}.sf-chip{border:1px solid var(--line);border-radius:var(--sf-radius-pill);white-space:nowrap;align-items:center;gap:7px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.sf-chip .dot{border-radius:50%;width:7px;height:7px}.sf-chip--ok{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 26%, var(--line));color:var(--ok)}.sf-chip--ok .dot{background:var(--ok)}.sf-chip--warn{background:var(--warn-bg);border-color:color-mix(in srgb, var(--warn) 26%, var(--line));color:var(--warn)}.sf-chip--warn .dot{background:var(--warn)}.sf-chip--info{background:var(--soft);border-color:color-mix(in srgb, var(--accent) 24%, var(--line));color:var(--accent-strong)}.sf-chip--solid{background:var(--ok);border-color:var(--ok);color:#fff}.sf-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(20px,4vw,44px);display:grid}.sf-hero h1{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(34px,5vw,50px);font-weight:800;line-height:1.04}.sf-hero-lede{color:var(--muted);max-width:480px;margin:0 0 26px;font-size:18px;line-height:1.55}.sf-hero-checks{color:var(--ink);flex-wrap:wrap;gap:22px;display:flex}.sf-hero-checks span{align-items:center;gap:9px;font-size:14px;display:inline-flex}.sf-hero-checks svg{color:var(--ok);flex:none}.sf-selector{background:linear-gradient(160deg, var(--sf-dark), var(--sf-dark-2));box-shadow:var(--shadow-lift);color:#fff;border-radius:20px;padding:clamp(22px,3vw,28px)}.sf-selector-eyebrow{color:var(--sf-dark-accent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:11px}.sf-selector-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sf-field-dark{display:block}.sf-field-dark>span{color:#9db0d0;margin-bottom:6px;font-size:12px;display:block}.sf-field-dark select{appearance:none;background:var(--sf-dark-input);border:1px solid var(--sf-dark-line);border-radius:var(--sf-radius-btn);color:#fff;width:100%;padding:12px 13px;font-size:14.5px}.sf-selector-hint{color:#9db0d0;text-align:center;margin-top:13px;font-size:12px}.sf-selector-hint b{color:var(--sf-dark-accent)}.sf-head{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.sf-head h2{margin:0;font-size:clamp(20px,3vw,24px);font-weight:800}.sf-head a{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none}.sf-cat-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.sf-cat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--sf-radius-card);text-align:left;flex-direction:column;gap:14px;padding:18px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.sf-cat-card:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.sf-cat-icon{background:var(--soft);color:var(--accent);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.sf-cat-card b{color:var(--ink);font-size:14.5px;display:block}.sf-cat-card small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.sf-prod-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.sf-prod-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.sf-prod-card:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.sf-prod-img{background:radial-gradient(circle at 74% 26%, #fff9, transparent 4rem), linear-gradient(140deg, #eff6ff, #bfdbfe 50%, var(--accent));border:0;border-bottom:1px solid var(--line);width:100%;height:148px;display:block;position:relative}.sf-prod-img[data-variant="2"]{background:linear-gradient(140deg, #f8fafc, #cbd5e1 50%, var(--brand-navy))}.sf-prod-img[data-variant="3"]{background:linear-gradient(140deg, #fff, #d7e3f8 50%, var(--accent-strong))}.sf-prod-img .sf-chip{background:#ffffffeb;position:absolute;top:10px;left:10px}.sf-prod-body{flex-direction:column;flex:1;padding:15px;display:flex}.sf-prod-meta{color:var(--muted);font-family:var(--font-mono);margin-bottom:5px;font-size:11px}.sf-prod-title{color:var(--ink);text-align:left;background:0 0;border:0;margin-bottom:4px;padding:0;font-size:15.5px;font-weight:700;line-height:1.25;text-decoration:none}.sf-prod-desc{color:var(--muted);margin-bottom:12px;font-size:12.5px}.sf-prod-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.sf-price{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.sf-prod-stock{color:var(--ok);font-size:11px}.sf-foot{background:var(--panel);border-top:1px solid var(--line)}.sf-foot-inner{color:var(--muted);max-width:var(--sf-container);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin:0 auto;padding:24px clamp(16px,4vw,26px);display:flex}.sf-foot-inner a{color:var(--muted);text-decoration:none}.sf-foot-inner a:hover{color:var(--ink)}@media (max-width:900px){.sf-hero,.sf-selector-grid{grid-template-columns:1fr}.sf-selector-grid{grid-template-columns:1fr 1fr}.sf-cat-grid{grid-template-columns:repeat(3,1fr)}.sf-prod-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.sf-search{display:none}.sf-cat-grid{grid-template-columns:repeat(2,1fr)}.sf-prod-grid{grid-template-columns:1fr}}.sf-catalog-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.sf-catalog-head h1{margin:0;font-size:clamp(22px,3vw,26px);font-weight:800}.sf-catalog{grid-template-columns:234px minmax(0,1fr);align-items:start;gap:22px;display:grid}.sf-filter{background:var(--panel);border:1px solid var(--line);border-radius:var(--sf-radius-card);padding:18px;position:sticky;top:84px}.sf-filter-title{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:10.5px}.sf-filter-title+.sf-filter-title{margin-top:18px}.sf-filter-list{color:var(--ink);flex-direction:column;gap:8px;font-size:13.5px;display:flex}.sf-filter-list a,.sf-filter-list label{color:var(--ink);cursor:pointer;align-items:center;gap:8px;text-decoration:none;display:flex}.sf-filter-list a[aria-current=true]{color:var(--accent);font-weight:700}.sf-filter-list .count{color:var(--muted);margin-left:auto}.sf-search-inline{align-items:end;gap:10px;margin-bottom:18px;display:flex}.sf-search-inline label{flex:1;gap:6px;display:grid}.sf-search-inline span{color:var(--muted);font-size:13px;font-weight:700}.sf-input{border:1px solid var(--line);border-radius:var(--sf-radius-btn);color:var(--ink);background:#fff;width:100%;min-height:44px;padding:11px 12px}.sf-input:focus,.sf-field-dark select:focus{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));outline:none;box-shadow:0 0 0 4px #2563eb1a}.sf-suggestions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.sf-suggestions a{border:1px solid var(--line);border-radius:var(--sf-radius-pill);color:var(--ink);background:#fff;padding:7px 12px;font-size:13px;font-weight:700;text-decoration:none}.sf-back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;padding:0;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.sf-pdp{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(20px,4vw,38px);display:grid}.sf-pdp-media{background:var(--panel);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}.sf-pdp-media img{object-fit:cover;width:100%;height:100%;display:block}.sf-pdp-media .sf-chip{background:#ffffffeb;position:absolute;top:14px;left:14px}.sf-pdp-info h1{margin:0 0 8px;font-size:clamp(24px,3vw,30px);font-weight:800;line-height:1.1}.sf-pdp-price{align-items:flex-end;gap:12px;margin:14px 0 18px;display:flex}.sf-pdp-price strong{font-size:clamp(28px,4vw,34px);font-weight:800}.sf-pdp-price small{color:var(--muted);padding-bottom:7px}.sf-loc-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.sf-loc{border:1px solid var(--line);border-radius:var(--sf-radius-btn);text-align:center;padding:10px}.sf-loc b{font-size:15px;font-weight:800;display:block}.sf-loc small{color:var(--muted);font-size:11px}.sf-loc--ok{background:var(--ok-bg);border-color:color-mix(in srgb, var(--ok) 26%, var(--line))}.sf-loc--ok b{color:var(--ok)}.sf-loc--warn{background:var(--warn-bg);border-color:color-mix(in srgb, var(--warn) 26%, var(--line))}.sf-loc--warn b{color:var(--warn)}.sf-pdp-actions{gap:12px;margin-bottom:22px;display:flex}.sf-pdp-actions .sf-btn{flex:1}.sf-compat{border:1px solid var(--line);border-radius:var(--sf-radius-card);overflow:hidden}.sf-compat-head{background:var(--panel-tint);border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:13px 16px;font-size:13.5px;font-weight:700;display:flex}.sf-compat-body{flex-direction:column;gap:9px;padding:14px 16px;font-size:13px;display:flex}.sf-compat-body>div{justify-content:space-between;display:flex}.sf-compat-body span:first-child{color:var(--muted)}.sf-pdp-tabs{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.sf-pdp-tabs article{background:var(--panel);border:1px solid var(--line);border-radius:var(--sf-radius-card);padding:18px}.sf-pdp-tabs h2{margin:0 0 10px;font-size:16px;font-weight:800}.sf-fitlist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sf-fitlist li{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:8px;font-size:13px;display:flex}.sf-co{grid-template-columns:1.4fr 1fr;align-items:start;gap:22px;display:grid}.sf-co-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.sf-co-card+.sf-co-card{margin-top:16px}.sf-co-card h2{margin:0 0 14px;font-size:16px;font-weight:800}.sf-co-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sf-co-grid .span2{grid-column:1/-1}.sf-opt-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sf-opt{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:14px}.sf-opt b{margin-bottom:3px;font-size:14px;display:block}.sf-opt small{color:var(--muted);font-size:12px}.sf-opt[data-active=true]{background:var(--soft);border-color:var(--accent)}.sf-opt:has(input:checked){background:var(--soft);border-color:var(--accent)}.sf-opt input{opacity:0;position:absolute}.sf-co-sum{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;position:sticky;top:84px}.sf-co-lines{flex-direction:column;gap:11px;max-height:260px;margin-bottom:14px;display:flex;overflow:auto}.sf-co-totals{border-top:1px solid var(--line);flex-direction:column;gap:7px;padding-top:13px;display:flex}.sf-co-totals .row{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.sf-co-totals .grand{color:var(--ink);align-items:flex-end;margin-top:5px}.sf-co-totals .grand strong{font-size:24px;font-weight:800}.sf-drawer-overlay{z-index:60;background:#0f1e3d73;position:fixed;inset:0}.sf-drawer{background:var(--paper);z-index:61;flex-direction:column;width:400px;max-width:92vw;animation:.2s sf-slidein;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 60px -20px #0006}@keyframes sf-slidein{0%{transform:translate(100%)}}.sf-drawer-head{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.sf-drawer-head b{font-size:18px;font-weight:800}.sf-drawer-close{background:var(--paper);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:9px;width:34px;height:34px;font-size:16px}.sf-drawer-body{flex-direction:column;flex:1;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.sf-drawer-item{background:var(--panel);border:1px solid var(--line);border-radius:13px;gap:12px;padding:13px;display:flex}.sf-drawer-item .thumb{border:1px solid var(--line);background:linear-gradient(140deg,#eff6ff,#bfdbfe);border-radius:10px;flex:none;width:56px;height:56px}.sf-drawer-item .info{flex:1;min-width:0}.sf-drawer-item .name{font-size:13.5px;font-weight:700;line-height:1.2}.sf-drawer-item .meta{color:var(--muted);font-family:var(--font-mono);margin:2px 0 8px;font-size:11px}.sf-qty{align-items:center;gap:8px;display:flex}.sf-qty button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;width:26px;height:26px;font-size:14px}.sf-qty span{text-align:center;min-width:18px;font-weight:800}.sf-drawer-row{justify-content:space-between;align-items:center;display:flex}.sf-drawer-foot{background:var(--panel);border-top:1px solid var(--line);padding:18px 22px}.sf-drawer-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}@media (max-width:900px){.sf-catalog,.sf-pdp,.sf-co,.sf-pdp-tabs{grid-template-columns:1fr}.sf-filter{position:static}}@media (max-width:640px){.sf-opt-grid,.sf-co-grid,.sf-loc-grid{grid-template-columns:1fr}}.sf-shell{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.sf-side{background:linear-gradient(180deg, var(--brand-navy), #09142d);color:#fff;flex-direction:column;align-self:start;gap:6px;height:100dvh;padding:20px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sf-side-brand{align-items:center;gap:11px;margin-bottom:14px;padding:0 4px;display:flex}.sf-side-brand .mark{color:var(--brand-navy);background:linear-gradient(145deg,#93c5fd,#fff);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.sf-side-brand b{font-size:14.5px;font-weight:800;display:block}.sf-side-brand span{color:#93a4c7;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:10.5px}.sf-side-user{background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;margin:0 0 10px;padding:10px;display:flex}.sf-side-avatar{color:var(--brand-navy);background:#e0f2fe;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:inline-flex}.sf-side-user-main{flex:1;min-width:0;display:grid}.sf-side-user-main b,.sf-side-user-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-side-user-main b{color:#fff;font-size:13px;line-height:1.2}.sf-side-user-main span{color:#b6c5df;margin-top:2px;font-size:11.5px}.sf-side-logout{color:#dbeafe;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;padding:6px 8px;font-size:11.5px;font-weight:700;transition:background .14s,color .14s,transform .12s ease-out}.sf-side-logout:hover{color:#fff;background:#ffffff24}.sf-side-logout:active{transform:scale(.97)}.sf-side-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sf-side-section{gap:2px;display:grid}.sf-side-section+.sf-side-section{margin-top:6px}.sf-side-summary{color:#cbd5e1;cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;margin:8px 4px 3px;padding:6px 8px;font-size:11.5px;font-weight:700;list-style:none;transition:background .14s,color .14s;display:flex}.sf-side-summary::-webkit-details-marker{display:none}.sf-side-summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-left:auto;transition:transform .14s;transform:rotate(45deg)}.sf-side-section[open]>.sf-side-summary{color:#fff}.sf-side-section[open]>.sf-side-summary:after{transform:rotate(225deg)}.sf-side-summary:hover{color:#fff;background:#ffffff0f}.sf-side-group{color:#6b7da6;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:14px 8px 4px;font-size:10px}.sf-side-link{color:#cbd5e1;border-radius:9px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:14px;text-decoration:none;transition:background .14s,color .14s;display:flex;position:relative}.sf-side-link:hover{color:#fff;background:#ffffff12}.sf-side-link[aria-current=page]{color:#fff;background:#5b8bff29}.sf-side-link[aria-current=page]:before{content:"";background:#93c5fd;border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-16px}.sf-side-link .icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:inline-flex}.sf-side-link>span:not(.icon):not(.badge){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sf-side-link .badge{border-radius:var(--sf-radius-pill);background:#ffffff29;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.sf-side-ops{background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;gap:10px;margin-top:12px;padding:12px;display:grid}.sf-side-ops label{gap:6px;margin:0;display:grid}.sf-side-ops label>span,.sf-side-clock span{color:#b6c5df;font-size:11px;font-weight:700}.sf-side-ops select{appearance:none;color:#fff;font:inherit;background:#08122ad1;border:1px solid #ffffff29;border-radius:9px;outline:0;min-width:0;padding:8px 10px;font-size:13px}.sf-side-ops select:focus-visible,.sf-side-logout:focus-visible,.sf-side-summary:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.sf-side-clock{justify-content:space-between;align-items:center;gap:10px;display:flex}.sf-side-clock b{color:#fff;font-family:var(--font-mono);letter-spacing:0;font-size:18px}.sf-side-foot{background:#ffffff0f;border-radius:12px;margin-top:12px;padding:13px}.sf-side-foot b{align-items:center;gap:8px;font-size:13px;display:flex}.sf-side-foot b .dot{background:#1fbf6b;border-radius:50%;width:8px;height:8px}.sf-side-foot p{color:#93a4c7;margin:6px 0 0;font-size:11.5px;line-height:1.4}.sf-main{flex-direction:column;min-width:0;display:flex}.sf-dtop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--paper) 88%, transparent);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,3vw,28px);display:flex;position:sticky;top:0}.sf-dtop h1{margin:0;font-size:20px;font-weight:800}.sf-dtop p{color:var(--muted);margin:2px 0 0;font-size:13px}.sf-dtop-right{align-items:center;gap:12px;display:flex}.sf-avatar{background:var(--brand-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex}.sf-dcontent{flex-direction:column;gap:18px;width:100%;max-width:1560px;margin:0 auto;padding:clamp(16px,3vw,28px);display:flex}.sf-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.sf-kpi{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px}.sf-kpi--dark{background:var(--ink);color:#fff;border-color:#0000}.sf-kpi .label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.sf-kpi--dark .label{color:#93a4c7}.sf-kpi .value{margin:8px 0 4px;font-size:clamp(24px,3vw,30px);font-weight:800;display:block}.sf-kpi .sub{color:var(--muted);font-size:12px}.sf-kpi--dark .sub{color:#b9c4dd}.sf-kpi .value.ok{color:var(--ok)}.sf-kpi .value.warn{color:var(--warn)}.sf-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.sf-panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.sf-panel-head h2{margin:0;font-size:16px;font-weight:800}.sf-panel-head a{color:var(--accent);white-space:nowrap;align-items:center;gap:5px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.sf-grid-2{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}.sf-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sf-grid-2>*,.sf-grid-3>*{min-width:0}.sf-table-wrap{overflow-x:auto}.sf-table{border-collapse:collapse;width:100%}.sf-table th{background:var(--panel-tint);color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;text-align:left;text-transform:uppercase;padding:10px 12px;font-size:10.5px;font-weight:600}.sf-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px;font-size:13px}.sf-table tbody tr:hover{background:var(--panel-tint)}.sf-bar-row{gap:6px;margin-bottom:14px;display:grid}.sf-bar-row .top{justify-content:space-between;font-size:13px;display:flex}.sf-bar-row .top b{font-weight:700}.sf-bar{background:var(--soft);border-radius:var(--sf-radius-pill);height:8px;overflow:hidden}.sf-bar>span{background:var(--accent);border-radius:var(--sf-radius-pill);height:100%;display:block}.sf-bar>span.ok{background:var(--ok)}.sf-bar>span.warn{background:var(--warn)}.sf-toggle{border-radius:var(--sf-radius-pill);cursor:pointer;background:#cbd5e1;border:0;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.sf-toggle[aria-checked=true]{background:var(--accent)}.sf-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.sf-toggle[aria-checked=true]:after{transform:translate(16px)}.sf-chart{align-items:flex-end;gap:6px;height:160px;display:flex}.sf-chart .bar{background:var(--soft);border-radius:6px 6px 0 0;flex:1;min-height:4px}.sf-chart .bar.full{background:var(--accent)}.sf-dlist{flex-direction:column;gap:10px;display:flex}.sf-dlist .item{color:var(--ink);align-items:flex-start;gap:10px;font-size:13.5px;text-decoration:none;display:flex}.sf-dlist .item .dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.sf-dlist .item:hover{color:var(--accent)}.sf-tags{flex-wrap:wrap;gap:6px;display:flex}.sf-tag{background:var(--soft);color:var(--accent-strong);font-family:var(--font-mono);border-radius:7px;padding:3px 8px;font-size:11px}.sf-drop{background:var(--panel-tint);border:2px dashed var(--line);border-radius:var(--sf-radius-card);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.sf-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.sf-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-size:14px;font-weight:700}.sf-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.sf-tab:disabled{cursor:not-allowed;opacity:.5}.sf-dbanner{background:linear-gradient(160deg, var(--sf-dark), var(--sf-dark-2));border-radius:var(--sf-radius-card);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:22px;display:flex}.sf-dbanner p{color:#b9c4dd;margin:6px 0 0}@media (max-width:1040px){.sf-shell{grid-template-columns:1fr}.sf-side{flex-flow:wrap;height:auto;position:static}.sf-side-user,.sf-side-ops{flex:260px;margin-top:0}.sf-side-nav{flex-flow:wrap;width:100%}.sf-side-section{flex:190px;min-width:0}.sf-side-section+.sf-side-section{margin-top:0}.sf-side-summary{margin:0 4px 4px}.sf-side-group,.sf-side-foot{display:none}.sf-grid-2,.sf-grid-3{grid-template-columns:1fr}}