:root{--bg:#080808;--panel:#12110f;--line:#302a23;--text:#f7f3ed;--muted:#a49d93;--orange:#ff8500;--amber:#ffb21a}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}.topbar{position:fixed;z-index:50;inset:0 0 auto;height:68px;padding:0 clamp(18px,3vw,48px);display:flex;align-items:center;gap:28px;background:rgba(7,7,7,.96);border-bottom:1px solid rgba(255,133,0,.18);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;font-size:22px;font-weight:950;letter-spacing:.12em}.brand i{width:0;height:0;margin-right:10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:17px solid var(--orange);filter:drop-shadow(0 0 8px #ff850077)}.desktop-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,22px)}.desktop-nav a{padding:11px 10px;border-radius:7px;color:#b9b2a9;font-size:12px;font-weight:750;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:#fff;background:#ff85001a}.desktop-nav a.active{background:linear-gradient(135deg,#ff970f,#e96800)}.actions{display:flex;gap:5px}.actions button{width:38px;height:38px;border:1px solid transparent;border-radius:50%;background:#151412;cursor:pointer}.actions button:hover{color:var(--orange);border-color:#43372c}.actions #profileButton{border-color:#4b433a;color:var(--orange);font-weight:900}.menu-button{display:none}.mobile-menu{position:fixed;z-index:45;inset:68px 0 0;padding:20px;background:#090909}.mobile-menu a{display:block;padding:16px 5px;border-bottom:1px solid #28231e;font-size:17px}.panel{position:fixed;z-index:60;top:78px;right:24px;width:min(560px,calc(100vw - 32px));padding:18px;background:#151310;border:1px solid #3a3026;box-shadow:0 20px 70px #000}.panel input{width:100%;height:48px;padding:0 15px;border:1px solid #493b2f;border-radius:6px;background:#090909;color:#fff;outline:none}.panel input:focus{border-color:var(--orange)}.panel p{margin:16px 0 4px;color:var(--muted)}main{min-height:100vh;padding-top:68px}.hero{position:relative;min-height:min(48vw,650px);background:#120d08 url('public/sandero-hero.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08080866,transparent 55%),linear-gradient(0deg,#080808 0%,transparent 30%)}.hero-actions{position:absolute;z-index:2;left:clamp(18px,5vw,70px);bottom:45px;display:flex;gap:10px}.btn{min-height:46px;padding:0 22px;border:1px solid #4a4035;border-radius:7px;background:#171614;color:#fff;font-weight:850;cursor:pointer}.btn.primary{border-color:#ffad4d;background:linear-gradient(135deg,#ff980e,#ee7200);color:#130a02}.sections,.page{padding:20px max(4vw,18px) 70px}.section{padding-top:28px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.heading h2{margin:0;padding-left:12px;border-left:3px solid var(--orange);font-size:19px}.heading a{color:#c37b32;font-size:12px}.empty{min-height:115px;padding:24px;display:flex;align-items:center;gap:17px;border:1px solid #29241f;border-radius:8px;background:linear-gradient(135deg,#11100e,#0b0b0a);color:var(--muted)}.empty i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #5a4632;border-radius:50%;color:var(--orange);font-style:normal}.categories,.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category{min-height:130px;padding:18px;display:flex;align-items:flex-end;border:1px solid #332a22;border-radius:8px;background:radial-gradient(circle at 85% 10%,#ff850025,transparent 45%),#12110f;font-weight:850}.category:hover{border-color:var(--orange);transform:translateY(-2px)}.page{padding-top:55px}.page h1{margin:0 0 10px;font-size:clamp(38px,6vw,76px);letter-spacing:-.05em}.eyebrow{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.25em;text-transform:uppercase}.page>.empty{margin-top:30px}.card{overflow:hidden;border:1px solid #302820;border-radius:8px;background:#12110f}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card div{padding:13px}.card h3{margin:0 0 6px}.card small{color:var(--muted)}.search-results{margin-top:14px}.admin-dialog{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#000c}.admin-card{width:min(420px,100%);padding:28px;border:1px solid #5b3a1d;border-radius:10px;background:#12110f}.admin-card h2{margin-top:0}.admin-card input{width:100%;height:46px;margin:7px 0;padding:0 13px;border:1px solid #3d352d;background:#090909}.admin-card .btn{width:100%;margin-top:10px}.close{float:right;border:0;background:none;color:#aaa;font-size:22px;cursor:pointer}@media(max-width:1050px){.desktop-nav{display:none}.menu-button{display:block}.categories,.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.topbar{height:64px}.brand{font-size:18px}.actions button{width:35px;height:35px}.hero{min-height:62vw;background-position:center}.hero-actions{position:relative;left:auto;bottom:auto;padding:calc(62vw - 55px) 14px 14px;background:linear-gradient(0deg,#080808,transparent)}.btn{flex:1;padding:0 10px}.sections,.page{padding-left:14px;padding-right:14px}.categories,.cards{grid-template-columns:repeat(2,1fr)}.category{min-height:105px}.empty{min-height:90px;padding:18px}.panel{right:8px;top:72px;width:calc(100vw - 16px)}}