:root{--bg-1:#f6f8fb;--glass:rgba(255,255,255,.82);--text:#0f172a;--muted:#64748b;--line:rgba(15,23,42,.10);--brand:#2563eb;--brand-2:#60a5fa;--blur:16px;--shadow-a:0 14px 38px rgba(2,6,23,.12);--shadow-b:0 10px 26px rgba(37,99,235,.22);--nav-h:64px;--link:#1e40af;--link-hover:#2563eb;--link-underline:rgba(37,99,235,.35)}@media (prefers-color-scheme: dark){:root{--bg-1:#0b1220;--glass:rgba(13,18,28,.64);--text:#e6e9ee;--muted:#97a5b8;--line:rgba(148,163,184,.16);--brand:#60a5fa;--brand-2:#93c5fd;--shadow-a:0 18px 46px rgba(0,0,0,.44);--shadow-b:0 12px 30px rgba(96,165,250,.24);--link:#93c5fd;--link-hover:#bfdbfe;--link-underline:rgba(147,197,253,.55)}}:root{color-scheme:light dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans";color:var(--text);background:var(--bg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 5% -10%,rgba(96,165,250,.22),transparent 60%),radial-gradient(900px 550px at 95% -15%,rgba(16,185,129,.14),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-1));background-repeat:no-repeat;background-size:cover}.container{width:min(1160px,92vw);margin-inline:auto}.navbar{position:fixed;left:0;right:0;top:0;z-index:10000;backdrop-filter:blur(10px) saturate(140%);background:color-mix(in oklch,var(--glass) 92%,transparent);border-bottom:1px solid var(--line);transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.navbar.stuck{background:color-mix(in oklch,var(--glass) 96%,transparent);border-bottom-color:color-mix(in oklch,var(--brand) 8%,var(--line));box-shadow:0 4px 20px rgba(2,6,23,.08)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--nav-h);padding-block:10px}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:.2px}.brand-badge{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:1.1rem;box-shadow:var(--shadow-b)}.brand-link{color:inherit;text-decoration:none}.brand-link:hover{opacity:.9}.tip{color:var(--muted);font-size:.95rem;white-space:nowrap}.tip strong{color:var(--brand);margin:0 .15rem}#cd{display:inline-block;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--brand);margin-right:.5rem;position:relative}.pulse::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid var(--brand);opacity:.55;animation:pulse 1.8s infinite ease-out}@keyframes pulse{from{transform:scale(.55);opacity:.8}to{transform:scale(1.5);opacity:0}}.nav-spacer{height:var(--nav-h)}.glass{background:var(--glass);backdrop-filter:blur(var(--blur));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-a)}.header-card{padding:18px 18px 14px;margin-top:16px}.row-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;justify-content:space-between}.title-blk{flex:1 1 520px;min-width:280px}.title-blk h1{margin:0 0 8px;font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:.2px}.subtitle{margin:0;color:var(--muted);font-size:.98rem;max-width:72ch}.controls{flex:1 1 420px;min-width:280px;margin-top:6px}.bar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.search{flex:1 1 360px;min-width:260px}.searchbox{display:grid;align-items:center;column-gap:.6rem;grid-template-columns:40px 1fr auto;height:48px;padding:0 8px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--glass);box-shadow:var(--shadow-a)}.searchbox .icon{display:grid;place-items:center;color:var(--muted);width:40px;height:100%}.searchbox input{height:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;padding:0;min-width:120px}.chip{position:relative;display:inline-grid;grid-auto-flow:column;place-items:center;gap:.38rem;height:32px;padding:0 .66rem;border-radius:999px;line-height:1;-webkit-appearance:none;appearance:none;border:1px dashed color-mix(in oklch,var(--brand) 28%,transparent);color:var(--brand);background:transparent;cursor:pointer;user-select:none;font-weight:800;letter-spacing:.2px;white-space:nowrap;flex-shrink:0;transition:background .12s ease,border-color .12s ease,transform .1s ease,box-shadow .12s ease;background-clip:padding-box}.chip .bi{font-size:1rem}.chip:hover{background:color-mix(in oklch,var(--brand) 8%,transparent);border-color:color-mix(in oklch,var(--brand) 48%,transparent);transform:translateY(-1px)}.chip:active{transform:translateY(0)}.chip.on{border:0!important;box-shadow:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.chip.on::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.chip.on:hover{filter:saturate(1.02);transform:translateY(-1px)}.chip:focus{outline:none}.chip:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 35%,transparent)}.label-long{display:inline}.label-short{display:none}@media (max-width:600px){.label-long{display:none}.label-short{display:inline}.chip{padding:0 .56rem}}.links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:10px;flex-wrap:wrap;width:100%}.link-ghost{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;text-decoration:none;font-weight:800;letter-spacing:.2px;white-space:nowrap;color:var(--brand);background:transparent;border:1px dashed color-mix(in oklch,var(--brand) 28%,transparent);transition:background .12s ease,border-color .12s ease,transform .1s ease;flex-shrink:0}.link-ghost:hover{background:color-mix(in oklch,var(--brand) 8%,transparent);border-color:color-mix(in oklch,var(--brand) 48%,transparent);transform:translateY(-1px)}.link-ghost:active{transform:translateY(0)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin:16px 0}.col{grid-column:span 4}@media (max-width:1200px){.col{grid-column:span 6}}@media (max-width:860px){.col{grid-column:span 12}}.card-stock{--g1:37,99,235;--g2:16,185,129;--gb-o:.28;position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:20px 20px 24px;border-radius:20px;border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.80)) padding-box,radial-gradient(120% 160% at 0% 0%,rgba(96,165,250,.18),transparent 60%) padding-box,linear-gradient(135deg,rgba(var(--g1),var(--gb-o)),rgba(var(--g2),var(--gb-o))) border-box;background-clip:padding-box,padding-box,border-box;box-shadow:0 12px 34px rgba(2,6,23,.10),0 3px 10px rgba(2,6,23,.06);overflow:hidden;isolation:isolate;transform:translateY(6px);opacity:0;transition:transform .22s ease,opacity .22s ease,box-shadow .16s ease;outline:none}.card-stock::before,.card-stock::after{z-index:0}.card-stock>*{position:relative;z-index:1}.card-stock.reveal{transform:translateY(0);opacity:1}.card-stock::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.75),transparent 55%);mix-blend-mode:overlay;opacity:.55}.card-stock::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0) 60%);box-shadow:none}.card-stock:hover{box-shadow:0 18px 48px rgba(2,6,23,.14),0 8px 20px rgba(2,6,23,.08);transform:translateY(-1px)}.prod-title{margin:2px 0 10px;font-size:clamp(1.02rem,1.6vw,1.14rem);line-height:1.5;letter-spacing:.2px;font-weight:400}.prod-title b,.prod-title strong{font-weight:800}.prod-title a{color:var(--link);text-decoration:none;font-weight:700}.prod-title a:hover,.prod-title a:focus-visible{color:var(--link-hover);outline:none}.foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}.status{display:inline-flex;align-items:center;gap:.48rem;padding:.56rem .92rem;border-radius:14px;font-weight:800;font-size:.95rem;letter-spacing:.2px;color:#475569;background:linear-gradient(180deg,#eef2f7,#e8edf5);box-shadow:inset 0 0 0 1px rgba(100,116,139,.18)}.status .bi{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor;opacity:.9}.status.ok{color:#1e40af;background:linear-gradient(180deg,#e7f0ff,#dbeafe);box-shadow:inset 0 0 0 1px rgba(37,99,235,.28)}.status.out{color:#334155;background:linear-gradient(180deg,#f1f5f9,#e9eef6)}@keyframes flashIn{0%{box-shadow:0 0 0 0 rgba(37,99,235,0)}50%{box-shadow:0 0 0 6px rgba(37,99,235,.22)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.status.flash{animation:flashIn .7s ease}.cta{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.66rem 1.1rem;border-radius:14px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.2px;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 6px 14px rgba(37,99,235,.18),0 2px 6px rgba(37,99,235,.12);filter:drop-shadow(0 4px 10px rgba(37,99,235,.14));position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;outline:none;background-clip:padding-box}.cta .bi{font-size:1.05rem;opacity:.95}.cta::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 140px at var(--x,50%) var(--y,50%),rgba(255,255,255,.22),transparent 60%);opacity:0;transition:opacity .2s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(37,99,235,.22),0 4px 10px rgba(37,99,235,.14);filter:drop-shadow(0 6px 14px rgba(37,99,235,.18))}.cta:hover::after{opacity:.85}.cta:active{transform:translateY(0);filter:saturate(1.05)}.cta:focus-visible{box-shadow:0 0 0 4px color-mix(in oklch,#60a5fa 35%,transparent),0 10px 26px rgba(37,99,235,.22)}.cta.out{background:linear-gradient(135deg,#cbd5e1,#e2e8f0);color:#0f172a;box-shadow:inset 0 0 0 1px rgba(2,6,23,.10);filter:none}.cta.out::after{display:none}.cta.out:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(2,6,23,.12)}.cta.unk{background:linear-gradient(135deg,#64748b,#94a3b8);box-shadow:0 6px 14px rgba(71,85,105,.18),0 2px 6px rgba(71,85,105,.12)}.empty{text-align:center;color:var(--muted);padding:56px 10px}.skel{height:128px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#e9eef6,#e2e8f0);position:relative;overflow:hidden}@media (prefers-color-scheme: dark){.skel{background:linear-gradient(180deg,#162134,#0f172a)}}.shimmer{position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.footer-note{color:var(--muted);font-size:.92rem;text-align:right;margin:8px 0 24px}@media (orientation: landscape) and (max-height: 480px){:root{--nav-h:56px}.header-card{padding:12px 12px 10px;margin-top:10px;border-radius:14px}.title-blk h1{font-size:20px;margin-bottom:6px}.subtitle{font-size:.9rem}.searchbox{height:42px;column-gap:.5rem}.chip{height:28px;padding:0 .5rem}.links{margin-top:8px}.grid{gap:12px;margin:12px 0}.card-stock{padding:16px 16px 22px;border-radius:16px;min-height:112px}.skel{height:112px;border-radius:14px}.footer-note{font-size:.85rem;margin:6px 0 16px}}@media (orientation: landscape) and (max-height: 380px){.tip{display:none}}@media (prefers-reduced-motion: reduce){.card-stock,.cta{transition:none!important}.pulse::after,.shimmer{animation:none!important}}@media (prefers-color-scheme: dark){body::before{background:radial-gradient(1200px 600px at 5% -10%,rgba(96,165,250,.12),transparent 60%),radial-gradient(900px 550px at 95% -15%,rgba(16,185,129,.08),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-1))}.navbar{background:color-mix(in oklch,var(--glass) 96%,transparent);border-bottom-color:color-mix(in oklch,var(--brand) 12%,var(--line));box-shadow:0 6px 24px rgba(0,0,0,.35)}.navbar.stuck{background:color-mix(in oklch,var(--glass) 98%,transparent)}.searchbox{background:color-mix(in oklch,var(--glass) 90%,transparent);border-color:color-mix(in oklch,#93c5fd 18%,var(--line))}.card-stock{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.05)) padding-box,radial-gradient(120% 160% at 0% 0%,rgba(96,165,250,.10),transparent 60%) padding-box,linear-gradient(135deg,rgba(var(--g1),.22),rgba(var(--g2),.22)) border-box;box-shadow:0 18px 46px rgba(0,0,0,.44),0 8px 22px rgba(0,0,0,.36)}.card-stock::before{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 55%);opacity:.6}.card-stock::after{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 60%)}.status{color:#cbd5e1;background:linear-gradient(180deg,#0f172a,#0b1524);box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)}.status.ok{color:#93c5fd;background:linear-gradient(180deg,#0e1725,#0b1422);box-shadow:inset 0 0 0 1px rgba(96,165,250,.32)}.status.out{color:#cbd5e1;background:linear-gradient(180deg,#101827,#0b1320);box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)}.cta{box-shadow:0 10px 20px rgba(2,6,23,.55),0 4px 10px rgba(2,6,23,.42);filter:none}.cta.out{background:linear-gradient(135deg,#1f2937,#334155);color:#e5e7eb;box-shadow:inset 0 0 0 1px rgba(148,163,184,.28)}.cta.unk{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 10px 20px rgba(15,23,42,.35)}.skel{background:linear-gradient(180deg,#151e2d,#0b1220);border-color:rgba(148,163,184,.16)}.footer-note{color:#9aa7b9}}