.auth-container{max-width:480px;margin:140px auto 80px;padding:40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:all 0.3s ease}.auth-header h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.4rem;font-weight:600;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.auth-header p{color:var(--muted);font-size:0.95rem;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:0.85rem;color:var(--muted);text-transform:uppercase;font-weight:700;margin-bottom:8px;letter-spacing:0.05em}.form-input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-family:inherit;font-size:0.95rem;transition:all 0.3s ease}.form-input:focus{outline:none;border-color:var(--brass);background:rgba(255,255,255,0.04);box-shadow:0 0 10px rgba(var(--brass-rgb),0.1)}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;margin-bottom:24px}.form-options label{color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:8px}.form-options a{color:var(--brass);text-decoration:none;font-weight:600}.form-options a:hover{text-decoration:underline}.auth-switch{margin-top:24px;font-size:0.9rem;color:var(--muted)}.auth-switch a{color:var(--brass);text-decoration:none;font-weight:600}.search-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;max-width:1200px;margin:120px auto 60px;padding:0 24px}.search-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;height:fit-content;box-shadow:var(--shadow)}.filter-section{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.filter-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.filter-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--brass);margin-bottom:12px}.filter-options{display:flex;flex-direction:column;gap:10px}.filter-options label{font-size:0.9rem;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:10px}.filter-options input[type="checkbox"]{accent-color:var(--brass);width:16px;height:16px}.search-bar-container{display:flex;gap:12px;margin-bottom:30px}.category-hero{text-align:center;padding:120px 24px 60px;max-width:800px;margin:0 auto}.category-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:3.2rem;font-weight:600;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1100px;margin:0 auto 80px;padding:0 24px}.category-card{position:relative;height:280px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;cursor:pointer;transition:all 0.4s ease;background-size:cover;background-position:center}.category-card::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,8,7,0.95) 0%,rgba(9,8,7,0.3) 60%,transparent 100%);z-index:1;transition:opacity 0.3s ease}.category-card:hover::before{background:linear-gradient(0deg,rgba(9,8,7,0.98) 0%,rgba(9,8,7,0.5) 60%,rgba(9,8,7,0.1) 100%)}.category-card:hover{transform:translateY(-5px);border-color:var(--brass);box-shadow:var(--shadow-glow)}.category-info{position:relative;z-index:2}.category-info h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;color:var(--brass);margin-bottom:6px}.category-info p{color:var(--muted);font-size:0.95rem}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:30px;max-width:1200px;margin:120px auto 60px;padding:0 24px}.cart-items{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.cart-item-row{display:grid;grid-template-columns:80px 1fr auto auto auto;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-item-row:last-child{border-bottom:none}.quantity-selector{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:rgba(255,255,255,0.02)}.qty-btn{background:transparent;border:none;color:var(--muted);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.qty-btn:hover{color:var(--brass);background:rgba(255,255,255,0.05)}.qty-input{width:36px;height:32px;border:none;background:transparent;color:var(--ink);text-align:center;font-weight:700;font-family:inherit}.cart-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);height:fit-content}.summary-row{display:flex;justify-content:space-between;margin-bottom:16px;font-size:0.95rem}.summary-row.total{border-top:1px solid var(--line);padding-top:20px;font-size:1.2rem;font-weight:700;color:var(--brass)}.tracking-steps{display:flex;justify-content:space-between;align-items:center;position:relative;margin:50px 0 30px}.tracking-steps::before{content:'';position:absolute;height:4px;background:var(--line);left:0;right:0;top:20px;z-index:1}.step-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px}.step-circle{width:44px;height:44px;border-radius:50%;background:#090807;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1rem;transition:all 0.4s ease}.step-node.completed .step-circle{background:var(--brass);border-color:var(--brass);color:#090807;box-shadow:var(--shadow-glow)}.step-node.active .step-circle{background:#090807;border-color:var(--brass);color:var(--brass);box-shadow:var(--shadow-glow)}.step-label{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--muted)}.step-node.completed .step-label,.step-node.active .step-label{color:var(--brass)}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;align-items:center;gap:20px}.admin-card-icon{width:52px;height:52px;border-radius:12px;background:rgba(var(--brass-rgb),0.08);border:1px solid rgba(var(--brass-rgb),0.15);display:flex;align-items:center;justify-content:center;color:var(--brass);font-size:1.5rem}.admin-card-data span{font-size:0.8rem;color:var(--muted);text-transform:uppercase;font-weight:700}.admin-card-data h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.8rem;font-weight:600;color:var(--ink)}.admin-layout-main{display:grid;grid-template-columns:2fr 1fr;gap:30px}@media (max-width:1024px){.cart-layout,.admin-layout-main{grid-template-columns:1fr}}@media (max-width:768px){.search-layout{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-grid{grid-template-columns:1fr}}.truck-widget-card{position:relative;height:240px;width:100%;border:1px solid var(--line);border-radius:var(--radius);background:rgba(0,0,0,0.2);overflow:hidden;margin-bottom:45px;box-shadow:var(--shadow)}.car-container{position:absolute;width:100%;max-width:400px;height:400px;margin:auto;top:-80px;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;pointer-events:none}.car{position:absolute;background-color:var(--surface);border:1px solid var(--line);width:200px;height:120px;left:50px;border-top:4px solid var(--brass-dark);top:135px;animation:bounce 0.4s infinite}@keyframes bounce{0%{top:135px}50%{top:132px}}.car::before{content:"";position:absolute;width:290px;height:20px;background-color:var(--line);bottom:-10px}.car::after{content:"";position:absolute;background-color:var(--surface-hover);border:1px solid var(--line);width:80px;height:90px;right:-90px;bottom:10px;clip-path:polygon(0% 0%,50% 0,100% 60%,100% 100%,0% 100%)}.window{position:absolute;background-color:rgba(var(--brass-rgb),0.1);width:50px;height:40px;right:-75px;top:26px;z-index:1;clip-path:polygon(0% 0%,40% 0,100% 100%,0% 100%);border:2px solid var(--line)}.window::before{content:"";position:absolute;background-color:rgba(var(--brass-rgb),0.25);width:5px;height:40px;left:5px;transform:skew(-36deg);box-shadow:9px 0px rgba(var(--brass-rgb),0.25)}.window::after{content:"";position:absolute;background-color:var(--line);width:10px;height:10px;bottom:2px;right:10px;box-shadow:2px 6px 0px -2px var(--ink),inset 2px 0px var(--brass)}.wheels{position:absolute;width:45px;height:45px;border-radius:50%;background-color:var(--brass-dark);border:10px solid #000;bottom:108px;left:90px;box-shadow:0px 0px 0px 4px var(--line);animation:rotation 0.3s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.wheels::before{content:"";position:absolute;width:5px;height:5px;background-color:var(--brass-light);top:10px;left:3px;border-radius:50%;box-shadow:14.5px 0px var(--brass-light),7px -7px var(--brass-light),7px 7px var(--brass-light),7px 0px 0px 4px var(--brass-light)}.wheels2{left:270px}.cargo-details{position:absolute;width:185px;height:20px;background-color:rgba(255,255,255,0.05);left:8px;top:5px;box-shadow:0px 23px rgba(255,255,255,0.05),0px 46px rgba(255,255,255,0.05),0px 69px rgba(255,255,255,0.05)}.cargo-details::before{position:absolute;content:"";width:10px;height:4px;background-color:var(--copper);bottom:-72px;box-shadow:10px 0px var(--brass),20px 0px var(--copper),30px 0px var(--brass),40px 0px var(--copper),50px 0px var(--brass),60px 0px var(--copper),70px 0px var(--brass),80px 0px var(--copper),90px 0px var(--brass),100px 0px var(--copper),110px 0px var(--brass),120px 0px var(--copper),130px 0px var(--brass),140px 0px var(--copper),150px 0px var(--brass),160px 0px var(--copper),170px 0px var(--brass),175px 0px var(--copper)}.cargo-details::after{position:absolute;content:"";width:10px;height:6px;background-color:var(--line);top:-6px;left:-10px;box-shadow:195px 0px var(--line),0px 125px var(--line)}.door{position:absolute;width:10px;height:4px;background-color:#000;right:-31px;bottom:40px;z-index:2}.door::before{content:"";position:absolute;width:10px;height:20px;background-color:var(--line);left:-21px;z-index:-1;bottom:-30px;box-shadow:inset 0px 4px var(--brass-dark)}.lights{position:absolute;width:12px;height:20px;background-color:var(--brass-light);right:-90px;bottom:0px;z-index:1;box-shadow:inset 0px -8px rgba(210,106,51,0.7);animation:lighting1 1.5s infinite ease-in-out}@keyframes lighting1{0%{background-color:var(--brass-light);box-shadow:inset 0px -8px rgba(210,106,51,0.7)}50%{box-shadow:inset 0px -8px rgba(229,193,88,0.7)}}.lights::before{content:"";position:absolute;width:6px;height:15px;background-color:var(--copper);left:-280px;bottom:0px;box-shadow:inset 0px 7px var(--copper);animation:lighting 1.5s infinite ease-in-out}@keyframes lighting{0%{box-shadow:inset 0px 9px var(--copper)}50%{box-shadow:inset 0px 9px #ff3b30}}.lights::after{content:"";position:absolute;width:8px;height:2px;background-color:var(--line);top:-8px;box-shadow:0px -6px var(--line),0px -12px var(--line);right:0px}.street{height:2px;width:70px;background-color:var(--line);position:absolute;bottom:105px;left:0;box-shadow:90px 0 var(--line),180px 0 var(--line),270px 0 var(--line),360px 0 var(--line);animation:motion 2s linear infinite}.street::before{content:"";height:2px;width:70px;background-color:var(--line);position:absolute;bottom:0;left:450px;box-shadow:90px 0 var(--line),180px 0 var(--line),270px 0 var(--line),360px 0 var(--line)}@keyframes motion{0%{left:0}100%{left:-450px}}.post{position:absolute;width:5px;height:180px;background-color:var(--line);right:-15px;top:115px;animation:moving 2.9s infinite linear;z-index:-2}@keyframes moving{0%{transform:translateX(0px)}100%{transform:translateX(-650px)}}.post::before{width:20px;height:20px;position:absolute;content:"";background-color:var(--line);top:-15px;left:-7px;clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%)}.post::after{content:"";position:absolute;width:0;height:0;border-bottom:20px solid transparent;border-left:10px solid transparent;border-left:20px solid var(--line);transform:rotate(45deg);top:-23px;left:-7px}