*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#f59e0b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}h1,h2,h3,h4,h5,h6{color:#f59e0b;font-weight:600;line-height:1.2}.btn-primary{align-items:center;background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#d97706);border:none;border-radius:.5rem;box-shadow:0 4px 15px #f59e0b4d;color:#000;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#d97706,#f59e0b 50%,#fbbf24);box-shadow:0 8px 25px #f59e0b80;transform:scale(1.05)}.btn-secondary{align-items:center;background-color:#111827;border:1px solid #f59e0b;border-radius:.5rem;color:#f59e0b;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background-color:#f59e0b;color:#000}.btn-outline{align-items:center;background-color:initial;border:2px solid #ff476c;border-radius:.5rem;color:#ff476c;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-outline:hover{background-color:#ff476c;box-shadow:0 4px 15px #ec48994d;color:#000;transform:scale(1.05)}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#111827,#1f2937);border:1px solid #374151;border-radius:.75rem;box-shadow:0 4px 6px #0000004d;padding:1.5rem;transition:all .3s ease}.card-hover:hover{border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b33;transform:translateY(-2px)}.input-primary{background-color:#111827;border:2px solid #374151;border-radius:.5rem;color:#f59e0b;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;width:100%}.input-primary::placeholder{color:#6b7280}.input-primary:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.nav-link{border-radius:.375rem;color:#f59e0b;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s ease}.nav-link-active{background:linear-gradient(135deg,#1f2937,#374151);border:1px solid #f59e0b;box-shadow:0 4px 15px #f59e0b33;color:#fbbf24}.nav-link-inactive{color:#d97706}.nav-link-inactive:hover{background-color:#1f293780;color:#fbbf24}.cherry-blossom-logo{align-items:center;display:flex;height:3rem;justify-content:center;position:relative;width:3rem}.petal{background:radial-gradient(ellipse at center,#f9a8d4 0,#ec4899 70%,#be185d 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:1.5rem;opacity:.9;position:absolute;width:1.2rem}.petal-1{transform:rotate(0deg) translateY(-.8rem)}.petal-2{transform:rotate(72deg) translateY(-.8rem)}.petal-3{transform:rotate(144deg) translateY(-.8rem)}.petal-4{transform:rotate(216deg) translateY(-.8rem)}.petal-5{transform:rotate(288deg) translateY(-.8rem)}.flower-center{background:radial-gradient(circle,#fbbf24 0,#f59e0b 100%);border-radius:50%;height:.6rem;position:absolute;width:.6rem;z-index:10}.chinese-character{color:#000;font-family:serif;font-size:1.2rem;font-weight:900;position:absolute;text-shadow:0 1px 2px #ffffff4d;z-index:15}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.text-gradient-pink{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f9a8d4,#ec4899,#be185d);-webkit-background-clip:text;background-clip:text}::selection{background-color:#f59e0b;color:#000}::-moz-selection{background-color:#f59e0b;color:#000}:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}input[type=checkbox],input[type=radio]{accent-color:#f59e0b;background-color:#111827;border:1px solid #374151;height:1rem;width:1rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f59e0b33;border-radius:50%;border-top-color:#f59e0b;height:40px;width:40px}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-glow{animation:goldGlow 2s ease-in-out infinite}@keyframes goldGlow{0%,to{box-shadow:0 0 10px #f59e0b80}50%{box-shadow:0 0 25px #f59e0bcc}}.animate-petal-dance{animation:petalDance 4s ease-in-out infinite}@keyframes petalDance{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-5px) rotate(2deg)}66%{transform:translateY(2px) rotate(-1deg)}}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-bg{background:linear-gradient(135deg,#000,#1f2937 25%,#000 50%,#1f2937 75%,#000);position:relative}.hero-bg:before{background-image:radial-gradient(circle at 2px 2px,#f59e0b0d 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.logo-glow{filter:drop-shadow(0 0 10px rgba(251,191,36,.3));transition:filter .3s ease}.logo-glow:hover{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}.menu-item{transition:all .3s ease}.menu-item:hover{transform:scale(1.02)}.menu-item:hover .menu-item-image{transform:scale(1.1)}.menu-item-image{overflow:hidden;transition:transform .3s ease}.cart-bounce{animation:cart-bounce .6s ease}@keyframes cart-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.error-slide-in{animation:error-slide-in .3s ease-out}@keyframes error-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.success-fade-in{animation:success-fade-in .5s ease-out}@keyframes success-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-petal-fall{animation:petal-fall 8s linear infinite}@keyframes petal-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.chinese-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff0d 1px,#0000 0);background-size:20px 20px}.nav-link:after{background:#fbbf24;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link-active:after,.nav-link:hover:after{width:80%}.form-group{position:relative}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{color:#ef4444;transform:translateY(-1.5rem) scale(.75)}.form-group label{color:#9ca3af;left:1rem;pointer-events:none;position:absolute;top:.75rem;transition:all .2s ease}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1f293780;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ef444480;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ef4444b3}.category-scroll::-webkit-scrollbar{height:6px}.category-scroll::-webkit-scrollbar-track{background:#11182780;border-radius:3px}.category-scroll::-webkit-scrollbar-thumb{background:#dc262699;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.category-scroll::-webkit-scrollbar-thumb:hover{background:#dc2626cc}.admin-category-scroll::-webkit-scrollbar{height:6px}.admin-category-scroll::-webkit-scrollbar-track{background:#37415180;border-radius:3px}.admin-category-scroll::-webkit-scrollbar-thumb{background:#dc262699;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.admin-category-scroll::-webkit-scrollbar-thumb:hover{background:#dc2626cc}.admin-category-scroll,.category-scroll{scroll-behavior:smooth}.page-transition{transition:all .3s ease-in-out}.hero-gradient{background:linear-gradient(135deg,#7f1d1d,#000 50%,#7f1d1d)}.loading-spinner-fallback{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#ef4444;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.text-responsive-lg{font-size:2.5rem;line-height:1.2}.text-responsive-xl{font-size:3rem;line-height:1.1}}@media (min-width:641px){.text-responsive-lg{font-size:3.5rem;line-height:1.2}.text-responsive-xl{font-size:5rem;line-height:1.1}}.btn-fallback{align-items:center;background-color:#b91c1c;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-fallback:hover{background-color:#991b1b;transform:scale(1.05)}.card-fallback{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1f293780;border:1px solid #374151;border-radius:.5rem;padding:1.5rem;transition:all .3s ease}.card-fallback:hover{border-color:#ef444480;box-shadow:0 20px 25px -5px #ef44441a}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}