.hdr{z-index:9997;background:hsla(0,0%,100%,.85);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #e5e7eb;transition:background .3s}.hdr.scrolled{background:hsla(0,0%,100%,.98)}.section.inner{justify-content:space-between;height:48px;margin:0 auto;padding:0 8px}.brand,.section.inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:.2px;color:#0f172a;text-decoration:none}.company-name{display:flex}@media(max-width:768px){.company-name{display:none!important}}.hdr nav{display:flex;gap:12px;align-items:center}.nav-a{border-radius:8px;color:#111;text-decoration:none}.nav-a:hover{background:#f3f4f6}@media(max-width:768px){.nav-a{display:none!important}}.search{flex:1;max-width:560px;margin:0 16px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px}.search input{flex:1;border:0;outline:0;font-size:16px;color:#0f172a;background:transparent}@media(max-width:768px){.hdr .search{max-width:200px}.hdr .search input[type=email],.hdr .search input[type=password],.hdr .search input[type=search],.hdr .search input[type=text],.hdr .search select,.hdr .search textarea{font-size:16px!important}}.hdr-avatar{border-radius:999px;overflow:hidden;background:#e5e7eb;flex:0 0 auto}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}}.drawer-form{display:flex;flex-direction:column;height:100%}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb}.drawer-head h3{margin:0;font-size:16px;font-weight:700}.drawer-head .close{background:transparent;border:0;font-size:26px;line-height:1;color:#6b7280;cursor:pointer}.field{padding:16px}.field input{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:16px;outline:none}.field input:focus{border-color:#f5c542;box-shadow:0 0 0 3px rgba(255,210,77,.25)}.drawer-cats,.drawer-sort{padding:0 16px 8px}.cats-title,.sort-title{font-weight:700;margin:6px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#374151;cursor:pointer}.chip:hover{background:#f3f4f6}.chip.active{background:var(--brand,#ffd24d)}.chip-rank,.chip.active{border-color:#f5c542;color:#111;font-weight:800}.chip-rank{background:linear-gradient(180deg,#ffe27a,#ffd24d);box-shadow:0 2px 0 rgba(0,0,0,.06)}.chip-rank:hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.08)}.chip-rank.active{outline:2px solid #f5b400;box-shadow:0 0 0 3px rgba(255,210,77,.35)}.actions{margin-top:auto;gap:10px;justify-content:flex-end;border-top:1px solid #e5e7eb}.actions,.drawer-header{padding:16px;display:flex}.drawer-header{position:relative;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb}.drawer-header .drawer-close{position:absolute;top:8px;right:12px;font-size:24px;line-height:1;color:#6b7280;background:transparent;border:0;cursor:pointer}.drawer-user .drawer-name{font-weight:600;color:#0f172a}.drawer-section{margin-bottom:12px}.drawer-section-title{font-size:11px;text-transform:uppercase;font-weight:600;opacity:.7;margin:4px 0 4px 2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hdr{position:sticky;top:0;z-index:50;background:hsl(var(--card));color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.hdr.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.06)}.hdr .inner{display:flex;align-items:center;min-height:56px}.hdr .brand .company-name,.hdr .btn-ghost-grey{color:hsl(var(--foreground))}.hdr .btn-ghost-grey{background:transparent;border:1px solid hsl(var(--border))}.hdr .btn-ghost-grey:hover{background:hsl(var(--secondary))}.hdr .theme-switch,.hdr .theme-switch svg{color:currentColor;fill:currentColor;stroke:currentColor}:root.dark .hdr{background:#111827;color:#e5e7eb;border-bottom-color:#374151}:root.dark .hdr.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.35)}:root.dark .hdr .brand .company-name{color:#e5e7eb}:root.dark .hdr nav span{color:#e5e7eb!important}:root.dark .hdr .btn-ghost-grey{color:#e5e7eb;border-color:#374151}:root.dark .hdr .btn-ghost-grey:hover{background:#1f2937}:root.dark .hdr .theme-switch,:root.dark .hdr .theme-switch svg{color:#e5e7eb;fill:currentColor;stroke:currentColor}:root.dark .hdr .hdr-avatar{box-shadow:0 0 0 1px #374151;border-radius:50%}.btn{color:#fff;background-color:transparent;outline:0;transition:background-color .3s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.btn-square{border:0}.btn-round{border:0;border-radius:20px}.btn-solid{border:none!important;padding:2px 6.5px}.btn-xl{padding:15px 45px;font-size:1.5em}.btn-lg{padding:10px 37.5px;font-size:1.2em}.btn-md{padding:7.5px 30px;font-size:1em}.btn-sm{padding:6px 22.5px;font-size:.8em}.btn-filled-green{background-color:#2ecc71}.btn-filled-green:hover{background-color:#25a25a}.btn-filled-green:active{box-shadow:inset 0 0 100px #1b7943}.btn-filled-blue{background-color:#3498db}.btn-filled-blue:hover{background-color:#217dbb}.btn-filled-blue:active{box-shadow:inset 0 0 100px #196090}.btn-filled-red{background-color:#e74c3c}.btn-filled-red:hover{background-color:#d62c1a}.btn-filled-red:active{box-shadow:inset 0 0 100px #a82315}.btn-filled-orange{background-color:#e67e22}.btn-filled-orange:hover{background-color:#bf6516}.btn-filled-orange:active{box-shadow:inset 0 0 100px #924d10}.btn-filled-yellow{background-color:#f1c40f}.btn-filled-yellow:hover{background-color:#c29d0b}.btn-filled-yellow:active{box-shadow:inset 0 0 100px #927608}.btn-filled-grey{background-color:#7f8c8d}.btn-filled-grey:hover{background-color:#667273}.btn-filled-grey:active{box-shadow:inset 0 0 100px #4e5758}.btn-ghost-green{border:2px solid #2ecc71}.btn-ghost-green:hover{background-color:#2ecc71}.btn-ghost-green:active{background-color:#25a25a}.btn-ghost-blue{border:2px solid #3498db}.btn-ghost-blue:hover{background-color:#3498db}.btn-ghost-blue:active{background-color:#217dbb}.btn-ghost-red{border:2px solid #e74c3c}.btn-ghost-red:hover{background-color:#e74c3c}.btn-ghost-red:active{background-color:#d62c1a}.btn-ghost-orange{border:2px solid #e67e22}.btn-ghost-orange:hover{background-color:#e67e22}.btn-ghost-orange:active{background-color:#bf6516}.btn-ghost-yellow{border:2px solid #f1c40f}.btn-ghost-yellow:hover{background-color:#f1c40f}.btn-ghost-yellow:active{background-color:#c29d0b}.btn-ghost-grey{border:2px solid #7f8c8d}.btn-ghost-grey:hover{background-color:#7f8c8d}.btn-ghost-grey:active{background-color:#667273}.btn-expand{display:inline-block;max-width:150px;margin-left:0;text-align:left}.row:after,.row:before{content:"";display:table;clear:both}.col-6{width:calc(8.3333333333%*6);float:left;min-height:1px}.col-12{width:calc(8.3333333333%*12);min-height:1px;text-align:center}:root{--fs-bg:#f8fafc;--fs-card:#fff;--fs-border:#e5e7eb;--fs-text:#0f172a;--fs-muted:#64748b;--fs-primary:#2563eb;--fs-primary-weak:#dbeafe;--fs-success:#059669;--fs-danger:#dc2626;--fs-tag:#f1f5f9;--fs-tag-text:#334155;--fs-shadow:0 8px 24px rgba(15,23,42,.08)}:root.dark{--fs-bg:#0b1220;--fs-card:#0f172a;--fs-border:#1f2937;--fs-text:#e5e7eb;--fs-muted:#94a3b8;--fs-primary:#3b82f6;--fs-primary-weak:#0b1220;--fs-success:#34d399;--fs-danger:#f87171;--fs-tag:#111827;--fs-tag-text:#cbd5e1;--fs-shadow:0 10px 30px rgba(0,0,0,.35)}.fs-root{background:var(--fs-bg);color:var(--fs-text);border-radius:18px;padding:clamp(12px,1.8vw,20px)}.fs-sliderWrap{display:block}.fs-skeletonRow{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}@media (min-width:480px){.fs-skeletonRow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.fs-skeletonRow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.fs-skeletonRow{grid-template-columns:repeat(4,minmax(0,1fr))}}.fs-input,.fs-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:min(340px,90vw);border-radius:12px;border:1px solid var(--fs-border);background:var(--fs-card);color:var(--fs-text);padding:10px 12px;font-size:14px;line-height:1.2;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .08s ease;box-shadow:0 1px 0 rgba(0,0,0,.02)}.fs-input:focus,.fs-select:focus{border-color:var(--fs-primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--fs-primary) 12%,transparent)}.fs-input::-moz-placeholder{color:var(--fs-muted)}.fs-input::placeholder{color:var(--fs-muted)}.fs-card{display:flex;flex-direction:column;gap:5px;border-radius:14px;border:1px solid var(--fs-border);background:radial-gradient(1200px 400px at 80% -20%,color-mix(in oklab,var(--fs-primary-weak) 45%,transparent),transparent 60%),var(--fs-card);padding:clamp(8px,1vw,11px);box-shadow:var(--fs-shadow);transition:transform .12s ease,box-shadow .18s ease,border-color .2s ease;position:relative;isolation:isolate;min-height:150px;height:100%}.fs-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(2,6,23,.12);border-color:color-mix(in oklab,var(--fs-primary) 35%,var(--fs-border))}.fs-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.fs-cardTitle{font-weight:700;letter-spacing:.2px;font-size:clamp(14px,1.4vw,18px);line-height:1.35}.fs-desc{font-size:13px;line-height:1.5;color:var(--fs-text);opacity:.9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-height:1.5em}.fs-desc.muted{color:var(--fs-muted);opacity:.95}.fs-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,var(--fs-primary-weak),transparent);color:var(--fs-primary);font-weight:600;font-size:12px;border:1px solid color-mix(in oklab,var(--fs-primary) 35%,var(--fs-border))}.fs-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.fs-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--fs-tag);color:var(--fs-tag-text);font-size:12px;font-weight:600;letter-spacing:.2px;border:1px solid var(--fs-border)}.fs-metaRow{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.fs-meta{font-size:12px;color:var(--fs-muted)}.fs-status{font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:999px;border:1px solid var(--fs-border)}.fs-status.on{color:var(--fs-success);background:color-mix(in oklab,var(--fs-success) 11%,transparent);border-color:color-mix(in oklab,var(--fs-success) 35%,var(--fs-border))}.fs-status.off{color:var(--fs-danger);background:color-mix(in oklab,var(--fs-danger) 11%,transparent);border-color:color-mix(in oklab,var(--fs-danger) 35%,var(--fs-border))}.fs-loadMore{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:var(--fs-primary);color:#fff;font-weight:700;font-size:14px;border:1px solid color-mix(in oklab,var(--fs-primary) 35%,var(--fs-border));box-shadow:0 10px 18px color-mix(in oklab,var(--fs-primary) 20%,transparent);transition:transform .1s ease,box-shadow .2s ease,filter .15s ease}.fs-loadMore:hover{filter:brightness(1.06);box-shadow:0 12px 22px color-mix(in oklab,var(--fs-primary) 25%,transparent)}.fs-loadMore:active{transform:translateY(1px)}@keyframes fs-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.fs-card,.fs-input,.fs-loadMore,.fs-select{transition:none!important}.fs-card:hover{transform:none!important}}.fs-pageTitle{font-size:clamp(18px,2.2vw,24px);font-weight:800;letter-spacing:.2px}.container{max-width:95vw;margin-inline:auto}