@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Rye&family=Special+Elite&family=Barlow+Condensed:wght@400;600;700;800;900&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&display=swap");:root{--black:#1f1c15;--black-2:#2a2519;--black-3:#322c1f;--black-4:#3d3624;--cream:#ecdfb8;--cream-2:#d9c98c;--cream-dim:#b3a274;--red:#c84527;--red-dim:#8c2c15;--red-hot:#e85a35;--yellow:#e0a72a;--yellow-glow:rgba(224,167,42,.22);--yellow-dim:#a37715;--white:var(--cream);--white-dim:var(--cream-dim);--white-muted:#7a6f4f;--border:rgba(224,167,42,.22);--border-hot:rgba(224,167,42,.7);--font-display:"Alfa Slab One","Georgia",serif;--font-western:"Rye","Alfa Slab One",serif;--font-ui:"Barlow Condensed","Arial",sans-serif;--font-mono:"Special Elite","DM Mono","Courier New",monospace;--radius-sm:2px;--radius:6px;--radius-lg:12px;--transition:180ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--black);color:var(--cream);font-family:var(--font-ui);font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse at top,rgba(224,167,42,.08) 0,transparent 50%),radial-gradient(ellipse at bottom,rgba(200,69,39,.06) 0,transparent 50%),var(--black);min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E");background-size:240px 240px;pointer-events:none;z-index:9999;opacity:.7;mix-blend-mode:overlay}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none;font:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black-2)}::-webkit-scrollbar-thumb{background:var(--black-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--yellow-dim)}.display{font-family:var(--font-display);line-height:.95;letter-spacing:.01em}.western{font-family:var(--font-western);line-height:1}.ui{font-family:var(--font-ui)}.mono{font-family:var(--font-mono)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:12px 24px;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--red);color:var(--cream);border:2px solid var(--red-dim);box-shadow:0 3px 0 var(--red-dim),0 6px 12px rgba(0,0,0,.4)}.btn-primary:hover{background:var(--red-hot);transform:translateY(-1px);box-shadow:0 4px 0 var(--red-dim),0 8px 18px rgba(200,69,39,.4)}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--red-dim)}.btn-ghost{border:2px solid var(--border);color:var(--cream-dim)}.btn-ghost:hover{border-color:var(--border-hot);color:var(--cream)}.btn-danger{background:var(--red);color:var(--cream)}.btn-danger:hover{background:var(--red-hot)}.badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em}.badge-yellow{background:var(--yellow);color:var(--black)}.badge-red{background:var(--red);color:var(--cream)}.badge-dim{background:var(--black-4);color:var(--cream-dim)}.card{background:linear-gradient(180deg,var(--cream) 0,var(--cream-2) 100%);color:var(--black-2);border:2px solid var(--black-2);border-radius:var(--radius);overflow:hidden;transition:var(--transition);box-shadow:0 4px 0 var(--black-2),0 8px 18px rgba(0,0,0,.45);position:relative}.card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply;opacity:.4}.card:hover{transform:translateY(-4px);box-shadow:0 6px 0 var(--black-2),0 14px 28px rgba(0,0,0,.55)}.status-received{color:var(--white-dim)}.status-preparing{color:var(--yellow)}.status-on_the_way{color:#00c9ff}.status-delivered{color:#00e87a}.status-cancelled{color:var(--red)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 0 0 rgba(245,197,24,.4)}50%{box-shadow:0 0 0 8px rgba(245,197,24,0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-fade-up{animation:fadeUp .5s ease both}.animate-fade-in{animation:fadeIn .4s ease both}.animate-pulse-dot{animation:pulse-yellow 2s ease-in-out infinite}.input{width:100%;background:var(--black-3);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--cream);font-family:var(--font-mono);font-size:14px;padding:10px 14px;outline:none;transition:var(--transition)}.input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-glow)}.input::placeholder{color:var(--white-muted)}.divider{height:1px;background:var(--border);margin:24px 0}.ticker{overflow:hidden;background:repeating-linear-gradient(90deg,var(--red) 0,var(--red) 60px,var(--cream) 60px,var(--cream) 64px,var(--red-dim) 64px,var(--red-dim) 120px,var(--cream) 120px,var(--cream) 124px);color:var(--cream);padding:10px 0;white-space:nowrap;border-top:3px solid var(--black-2);border-bottom:3px solid var(--black-2)}.ticker-inner{display:inline-flex;animation:marquee 25s linear infinite}.ticker-item{font-family:var(--font-display);font-size:18px;letter-spacing:.06em;padding:0 32px;text-shadow:2px 2px 0 var(--black-2)}.ticker-dot{font-size:14px;vertical-align:middle;color:var(--yellow)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:linear-gradient(180deg,var(--cream) 0,var(--cream-2) 100%);color:var(--black-2);border:3px solid var(--black-2);border-radius:var(--radius-lg);padding:32px;max-width:520px;width:calc(100% - 40px);max-height:90vh;overflow-y:auto;animation:fadeUp .25s ease;box-shadow:0 6px 0 var(--black-2),0 16px 40px rgba(0,0,0,.6)}