@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";*,:after,:before,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.hidden{display:none}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-5,.h-\[1\.25rem\]{height:1.25rem}.w-12{width:3rem}.w-36{width:9rem}.w-5{width:1.25rem}.w-64{width:16rem}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-gray-900\/25{border-color:#11182740}.bg-blue-600\/10{background-color:#2563eb1a}.bg-transparent{background-color:#0000}.fill-none{fill:none}.stroke-current{stroke:currentColor}.stroke-2{stroke-width:2px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[var\(--progress-width\)\]:after{content:var(--tw-content);width:var(--progress-width)}.after\:bg-blue-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.after\:transition-\[width\]:after{content:var(--tw-content);transition-property:width;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.focus-within\:outline-none:focus-within{outline-offset:2px;outline:2px solid #0000}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-blue-600:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:hidden{display:none}.data-\[state\=disabled\]\:cursor-not-allowed[data-state=disabled],.data-\[state\=readying\]\:cursor-not-allowed[data-state=readying]{cursor:not-allowed}.data-\[state\=disabled\]\:bg-blue-400[data-state=disabled]{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.data-\[state\=ready\]\:bg-blue-600[data-state=ready]{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.data-\[state\=readying\]\:bg-blue-400[data-state=readying],.data-\[state\=uploading\]\:bg-blue-400[data-state=uploading]{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.data-\[state\=uploading\]\:after\:bg-blue-600[data-state=uploading]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}:root{--primary:#f87171;--primary-dark:#dc2626;--primary-light:#fecaca;--secondary:#1f2937;--bg-color:#f9fafb;--bg-card:#fff;--text-main:#111827;--text-muted:#6b7280;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{border-radius:var(--radius-full);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 14px #ef444463}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#111827;transform:translateY(-2px)}.btn-outline{border:2px solid var(--border);color:var(--text-main);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-main);margin-bottom:.5rem;font-weight:500;display:block}.input-field{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;transition:var(--transition);background-color:#fff;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{color:var(--success);background:#d1fae5}.badge-warning{color:var(--warning);background:#fef3c7}.badge-danger{color:var(--danger);background:#fee2e2}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.container{padding:0 1rem}}.navbar{z-index:50;width:100%;transition:var(--transition);padding:1rem 0;position:fixed;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary);align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-main);transition:var(--transition);font-weight:500}.nav-links a:hover{color:var(--primary)}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}@media (width<=768px){.mobile-menu-btn{display:flex}.nav-links{background:var(--bg-card);width:100%;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:var(--transition);flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;transform:translateY(-10px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{border-bottom:1px solid var(--border);padding:1rem 2rem}h1{font-size:2.5rem!important}h2{font-size:2rem!important}.hero .btn{width:100%;margin-bottom:.5rem}div[style*="display: flex; gap: 1rem"]{flex-direction:column;gap:.5rem!important}}.cart-icon{cursor:pointer;position:relative}.cart-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-bg-shape{background:var(--primary-light);filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;width:600px;height:600px;position:absolute;top:10%;right:-10%}.menu-card{border-radius:var(--radius-lg);box-shadow:none;transition:var(--transition);background:0 0;border-bottom:1px dashed #f8717126;flex-direction:column;padding:1.25rem 1rem;display:flex;position:relative}.menu-card:hover{background-color:#ffffff80;transform:translateY(-4px);box-shadow:0 10px 25px -15px #f8717126}.menu-card-img-wrapper{height:200px;position:relative;overflow:hidden}.menu-card img{object-fit:contain;background-color:var(--bg-color);width:100%;height:100%;transition:transform .5s}.menu-card:hover img{transform:scale(1.05)}.menu-card-content{flex-direction:column;flex-grow:1;padding:1rem;display:flex}.menu-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.menu-card-title{color:var(--text-main);font-size:1.25rem}.menu-card-price{color:var(--primary);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.menu-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3rem;margin-bottom:.75rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.orbit-container{cursor:pointer;background:radial-gradient(circle,#f871710d 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:310px;margin-top:.5rem;margin-bottom:.5rem;display:flex;position:relative;overflow:visible}.sun-food-wrapper{z-index:5;background-color:#fff;border:4px solid #fff;border-radius:50%;width:210px;height:210px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000014,0 0 15px #f8717133}.sun-food{object-fit:contain;width:100%;height:100%;transition:transform .5s}.menu-card:hover .sun-food-wrapper{transform:scale(1.08)rotate(3deg);box-shadow:0 12px 28px #0000001f,0 0 25px #f8717159}.menu-card:hover .sun-food{transform:scale(1.05)}.orbit-ring{z-index:2;pointer-events:none;border:1.5px dashed #f8717140;border-radius:50%;width:270px;height:270px;animation:40s linear infinite rotateOrbit;position:absolute}@keyframes rotateOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planet-side-wrapper{cursor:pointer;z-index:10;background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 10px #0000001a}.planet-side-img{object-fit:cover;width:100%;height:100%}.planet-side-wrapper:hover{border-color:var(--primary);z-index:20;transform:scale(1.2)!important}.planet-side-wrapper:after{content:attr(data-tooltip);color:#fff;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;z-index:30;background:#111827e6;padding:.3rem .6rem;font-size:.7rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)scale(.8);box-shadow:0 4px 6px #0000000d}.planet-side-wrapper:hover:after{opacity:1;transform:translate(-50%)scale(1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{border-radius:var(--radius-lg);width:95%;max-width:940px;box-shadow:var(--shadow-xl);opacity:0;background:#fff;grid-template-columns:1.4fr 1fr;gap:2rem;padding:2.5rem 2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:grid;position:relative;transform:scale(.95)translateY(10px)}.modal-overlay.open .modal-content{opacity:1;transform:scale(1)translateY(0)}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:var(--bg-color);width:36px;height:36px;transition:var(--transition);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{background:var(--primary-light);color:var(--primary-dark);transform:rotate(90deg)}.modal-left{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.modal-right{flex-direction:column;justify-content:center;display:flex}@media (width<=768px){.modal-content{grid-template-columns:1fr;gap:1.5rem;max-height:90vh;padding:2rem 1.5rem;overflow-y:auto}.modal-left{height:260px}.modal-orbit-container{transform:scale(.7);height:260px!important}}.modal-orbit-container{justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative;overflow:visible}.modal-sun-food-wrapper{z-index:5;background-color:#fff;border:6px solid #fff;border-radius:50%;width:300px;height:300px;transition:transform .5s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001a,0 0 20px #f8717140}.modal-sun-food{object-fit:contain;width:100%;height:100%}.modal-orbit-ring{z-index:2;pointer-events:none;border:2px dashed #f871714d;border-radius:50%;width:390px;height:390px;animation:50s linear infinite rotateOrbit;position:absolute}.modal-planet-side-wrapper{cursor:pointer;z-index:10;background:#fff;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:transform .3s,border-color .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 15px #0000001f}.modal-planet-side-img{object-fit:cover;width:100%;height:100%}.modal-planet-side-wrapper:hover{border-color:var(--primary);z-index:20;transform:scale(1.2)!important}.modal-planet-side-wrapper:after{content:attr(data-tooltip);color:#fff;border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;z-index:30;background:#111827e6;padding:.3rem .6rem;font-size:.7rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)scale(.8);box-shadow:0 4px 6px #0000000d}.modal-planet-side-wrapper:hover:after{opacity:1;transform:translate(-50%)scale(1)}.cart-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000080;justify-content:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{width:100%;max-width:400px;height:100%;box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(100%)}.cart-overlay.open .cart-drawer{transform:translate(0)}.cart-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-items{flex-grow:1;padding:1.5rem;overflow-y:auto}.cart-item{border-bottom:1px solid var(--border);gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.cart-item-img{border-radius:var(--radius-md);object-fit:contain;background-color:var(--bg-color);width:80px;height:80px}.cart-item-info{flex-grow:1}.cart-item-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.qty-btn{background:var(--bg-color);border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.cart-footer{border-top:1px solid var(--border);background:var(--bg-color);padding:1.5rem}.admin-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:150;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.admin-modal-content{border-radius:var(--radius-lg);width:100%;max-width:750px;box-shadow:var(--shadow-xl);background:#fff;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.admin-layout{background:var(--bg-color);min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:260px;padding:2rem 0;display:flex}.admin-content{flex-grow:1;padding:2rem;overflow-y:auto}.admin-mobile-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:none}.mobile-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.admin-layout{flex-direction:column}.admin-mobile-header{display:flex}.admin-sidebar{z-index:100;height:100vh;transition:var(--transition);box-shadow:var(--shadow-xl);position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.mobile-close-btn{display:block}.admin-content{padding:1rem}}.admin-nav-item{color:var(--text-muted);transition:var(--transition);align-items:center;gap:1rem;padding:1rem 2rem;font-weight:500;display:flex}.admin-nav-item:hover,.admin-nav-item.active{background:var(--primary-light);color:var(--primary-dark);border-right:3px solid var(--primary)}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.stat-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.stat-info h3{color:var(--text-muted);margin-bottom:.25rem;font-size:.875rem}.stat-info p{color:var(--text-main);font-size:1.5rem;font-weight:700}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:.75rem}.timeline-item{margin-bottom:2rem;position:relative}.timeline-point{border:4px solid var(--border);width:1.25rem;height:1.25rem;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;left:-2.35rem}.timeline-item.active .timeline-point{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.timeline-content{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.table-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:1rem 1.5rem}th{background:var(--bg-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}tr:hover td{background:var(--bg-color)}@keyframes alertPulse{0%{box-shadow:0 0 #f8717199}70%{box-shadow:0 0 0 12px #f8717100}to{box-shadow:0 0 #f8717100}}.alarm-alert-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #f8717180;animation:1.8s infinite alertPulse}.tracking-order-summary{flex:1;grid-template-columns:repeat(4,1fr);align-items:center;gap:1rem;display:grid}@media (width<=768px){.tracking-order-summary{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem!important}}@media (width<=480px){.tracking-order-summary{grid-template-columns:1fr!important;gap:1rem!important}}.unread-order-row{background-color:#fff4f4!important}.unread-order-row td{background-color:#fff4f4!important;border-bottom:1px solid #f8717133!important}.unread-order-row:hover td{background-color:#ffebeb!important}@keyframes pulseBadge{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.9;transform:scale(1)}}.badge-customer-edit{background:var(--danger);color:#fff;font-weight:700;animation:2s infinite pulseBadge;box-shadow:0 4px 10px #ef444440}.add-items-modal-right{border-left:1px solid var(--border);padding-left:1.5rem}@media (width<=768px){.add-items-modal-right{border-top:1px dashed var(--border);border-left:none!important;padding-top:1.5rem!important;padding-left:0!important}}.category-filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);border:1px solid var(--border);max-width:fit-content;box-shadow:var(--shadow-sm);scrollbar-width:none;-ms-overflow-style:none;background:#ffffff73;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0 auto 3rem;padding:.5rem;display:flex;overflow-x:auto}.category-filter-bar::-webkit-scrollbar{display:none}@media (width<=768px){.category-filter-bar{-webkit-overflow-scrolling:touch;border-radius:var(--radius-full)!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;margin-bottom:2rem!important;padding:.5rem 1rem!important;display:flex!important}}.menu-search-container{box-sizing:border-box;width:100%;max-width:500px;margin:0 auto 2rem;padding:0 1rem;position:relative}.menu-search-input{border-radius:var(--radius-full);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--text-main);box-shadow:var(--shadow-sm);background:#ffffff73;outline:none;padding:.8rem 1.2rem .8rem 3rem;font-family:inherit;font-size:1rem;transition:all .25s}.menu-search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 4px 15px #f8717126}.menu-search-icon{color:var(--text-muted);pointer-events:none;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.menu-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.menu-search-clear:hover{color:var(--danger)}@media (width<=480px){.orbit-container{transform:scale(.85);height:270px!important;margin-top:-.5rem!important;margin-bottom:-.5rem!important}}@media (width<=375px){.orbit-container{transform:scale(.75);height:230px!important;margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}}#print-receipt-section{display:none}@media print{@page{size:80mm auto;margin:0!important}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:80mm!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body>*{display:none!important}body>#print-receipt-section{box-sizing:border-box!important;background:#fff!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:4mm 6mm!important;font-family:Courier New,Courier,monospace!important;font-size:12px!important;line-height:1.35!important;display:block!important;position:static!important;overflow:visible!important}#print-receipt-section,#print-receipt-section *{visibility:visible!important;color:#000!important;font-weight:700!important}#print-receipt-section h2,#print-receipt-section h3,#print-receipt-section h4,#print-receipt-section p,#print-receipt-section tr{page-break-inside:avoid!important;break-inside:avoid!important}#print-receipt-section table{table-layout:fixed!important;border-collapse:collapse!important;page-break-inside:avoid!important;break-inside:avoid!important;width:100%!important;display:table!important}#print-receipt-section thead{display:table-header-group!important}#print-receipt-section tbody{display:table-row-group!important}#print-receipt-section tr{display:table-row!important}#print-receipt-section td{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;display:table-cell!important}#print-receipt-section th{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#dcdcdc!important;border:1px solid #000!important;padding:6px 4px!important;font-size:13px!important;font-weight:900!important;display:table-cell!important}#print-receipt-section img{filter:grayscale()contrast(200%)!important;max-width:60px!important;margin:0 auto 5px!important;display:block!important}}.receipt-preview-container{color:#000;word-wrap:break-word;background:#fbfbfb;border:1px solid #e0e0e0;max-width:320px;margin:0 auto;padding:1.5rem;font-family:Courier New,Courier,monospace;line-height:1.4;box-shadow:inset 0 0 10px #00000005}.receipt-preview-container *{color:#000!important;font-weight:700!important}