/* Shared premium skin for catalogue and utility pages. */
/* Atmospheric background: subtle star field, purple moon, and occasional trails. */
body{isolation:isolate}
body>*{position:relative;z-index:1}
body::before,body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}
body::before{background:radial-gradient(circle 10px at 77.8% 17.2%,rgba(70,31,110,.75) 0 52%,transparent 55%),radial-gradient(circle 7px at 82% 21%,rgba(70,31,110,.63) 0 52%,transparent 55%),radial-gradient(circle 5px at 76% 21.5%,rgba(246,236,255,.34) 0 52%,transparent 55%),radial-gradient(circle 61px at 80% 20%,#f0ddff 0 53%,#d8b4fe 56%,#a855f7 70%,#581c87 90%,rgba(88,28,135,.15) 100%),radial-gradient(circle 104px at 80% 20%,rgba(168,85,247,.22),transparent 70%),radial-gradient(circle at 14% 24%,rgba(255,255,255,.88) 0 1px,transparent 2px),radial-gradient(circle at 35% 67%,rgba(255,255,255,.76) 0 1px,transparent 2px),radial-gradient(circle at 67% 78%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 91% 61%,rgba(255,255,255,.55) 0 1px,transparent 2px);background-size:100% 100%;opacity:.82;animation:starTwinkle 8s ease-in-out infinite}
body::after{inset:auto;top:-18%;left:86%;width:310px;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.22) 50%,#a855f7 84%,#e9d5ff 96%,#fff 100%);filter:drop-shadow(0 0 10px #a855f7);opacity:0;transform:rotate(135deg);transform-origin:right center;animation:shootingStar 15s ease-in infinite}
@keyframes starTwinkle{0%,100%{opacity:.57}45%{opacity:.88}55%{opacity:.62}}@keyframes shootingStar{0%,68%,100%{opacity:0;top:-18%;left:86%}71%{opacity:1}81%{opacity:.92;top:74%;left:-16%}85%{opacity:0;top:80%;left:-22%}}
:root{--bg:#09070d;--bg2:#120e19;--bg3:#18121f;--glass:rgba(15,11,22,.78);--card:rgba(28,21,37,.62);--accent:#a855f7;--accent-l:#d8b4fe;--accent-d:#7e22ce;--border:rgba(255,255,255,.09);--border-h:rgba(216,180,254,.42);--radius:18px;--radius-lg:22px}
body{background:radial-gradient(ellipse 900px 600px at 0 30%,rgba(126,34,206,.13),transparent 62%),radial-gradient(ellipse 800px 500px at 100% 80%,rgba(88,28,135,.12),transparent 60%),#09070d!important;background-attachment:fixed!important;animation:none!important;padding-bottom:35px}.topbar{height:70px;background:rgba(9,7,13,.78)!important;border-bottom-color:var(--border)!important;box-shadow:none!important}.topbar-container{max-width:1240px!important}.brand a{font-family:Syne,Inter,sans-serif!important;background:none!important;-webkit-text-fill-color:#fff!important;letter-spacing:-1px!important}.brand a b{-webkit-text-fill-color:var(--accent-l)!important}.nav-links a{font-weight:600!important}.nav-links a::after{background:var(--accent-l)!important}
.hero{max-width:960px!important;margin:0 auto!important;padding:92px 28px 46px!important}.hero:before{content:'PRODUCT DIRECTORY';display:block;color:var(--accent-l);font:500 11px 'JetBrains Mono',monospace;letter-spacing:1.6px;margin-bottom:14px}.hero h1{font-family:Syne,Inter,sans-serif!important;font-size:clamp(44px,7vw,76px)!important;letter-spacing:-3px!important}.hero p{font-size:17px!important}.user-counter-content{padding:12px 18px!important;border-radius:13px!important;background:rgba(168,85,247,.1)!important;border-color:rgba(216,180,254,.18)!important}.user-counter-content i{font-size:18px!important}.user-count{font-size:17px!important}.user-label{font-size:10px!important}
.search-filters{max-width:1184px!important;position:sticky;top:70px;z-index:20;padding:16px 24px!important;background:rgba(9,7,13,.83);backdrop-filter:blur(18px);border-block:1px solid var(--border)}.search-bar{background:rgba(25,18,34,.8)!important;border-radius:13px!important;box-shadow:none!important}.search-bar:focus-within{border-color:var(--border-h)!important;box-shadow:0 0 0 4px rgba(168,85,247,.1)!important}.category-filters{padding-bottom:0!important}.filter-btn,.tab-btn{border-radius:9px!important;border:1px solid transparent!important;background:transparent!important;color:var(--muted)!important}.filter-btn:hover,.filter-btn.active,.tab-btn.active{background:rgba(168,85,247,.14)!important;color:var(--accent-l)!important;border-color:rgba(216,180,254,.16)!important}.tab-rail{max-width:1184px!important;padding:0 24px!important;margin:22px auto!important}.grid{max-width:1184px!important;padding:0 24px 80px!important;gap:16px!important}.card{border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.015))!important;border-color:var(--border)!important;box-shadow:none!important}.card:hover{border-color:rgba(216,180,254,.4)!important;box-shadow:0 16px 38px rgba(0,0,0,.28)!important;transform:translateY(-4px)!important}.card-img{background:#15101d!important}.card-body{padding:16px!important}.card-title{font-family:Syne,Inter,sans-serif!important}.card-brand{color:var(--accent-l)!important}.footer{max-width:1184px!important;margin:auto!important;padding:25px 24px!important;border-top:1px solid var(--border)!important;background:transparent!important;color:var(--muted)!important}
.tools-wrap{max-width:1184px!important;padding:80px 24px!important}.tools-wrap h1{font-family:Syne,Inter,sans-serif!important;font-size:clamp(42px,6vw,66px)!important;letter-spacing:-3px!important;color:#fff!important}.tools-wrap h1::first-letter{color:var(--accent-l)}.tools-wrap .subtitle{font-size:17px!important;margin-bottom:38px!important}.tool-grid{gap:16px!important}.tool-card{border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;border-color:var(--border)!important;box-shadow:none!important}.tool-card:hover{border-color:rgba(216,180,254,.4)!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important}.tool-card h3{font-family:Syne,Inter,sans-serif!important;color:#fff!important}.field input,.field select,.haul-add-row input,.converter-row select{background:#15101d!important;border-color:var(--border)!important;border-radius:10px!important}.btn-sm.primary{background:linear-gradient(135deg,#9333ea,#7e22ce)!important;border-color:#a855f7!important}.btn-sm{border-radius:10px!important}.haul-invoice,.converter-result,.rate-card{border-radius:13px!important;background:rgba(9,7,13,.45)!important;border-color:var(--border)!important}
@media(max-width:720px){.topbar{height:62px}.topbar-container{padding:0 18px!important}.nav-links{gap:13px!important}.nav-links a{font-size:12px!important}.hero{padding:64px 20px 34px!important;text-align:left!important}.hero p{margin-left:0!important}.user-counter-hero{justify-content:flex-start!important}.search-filters{top:62px;padding:12px 18px!important}.grid{padding:0 18px 60px!important}.tab-rail{padding:0 18px!important}.tools-wrap{padding:62px 18px!important}.tool-grid{grid-template-columns:1fr!important}.tool-card.full-width{grid-column:span 1!important}}