*{font-family:'Cairo',sans-serif;box-sizing:border-box}
        body{background:#FDF6EC;color:#2D1B0E;margin:0}
        body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(27,67,50,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(212,147,13,.04) 0%,transparent 50%);pointer-events:none;z-index:0}
        @keyframes fadeIn{from{opacity:0}to{opacity:1}}
        @keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
        @keyframes scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
        @keyframes toastIn{from{opacity:0;transform:translateX(120px)}to{opacity:1;transform:translateX(0)}}
        @keyframes toastOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120px)}}
        @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
        @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
        .anim-fade{animation:fadeIn .4s ease}
        .anim-slide{animation:slideUp .5s ease both}
        .anim-scale{animation:scaleIn .3s ease}
        .anim-float{animation:float 3s ease-in-out infinite}
        .toast{animation:toastIn .4s ease}.toast.out{animation:toastOut .4s ease forwards}
        ::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#F5EBD7}::-webkit-scrollbar-thumb{background:#2D6A4F;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1B4332}
        .product-card{transition:all .35s cubic-bezier(.4,0,.2,1)}
        .product-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(27,67,50,.1)}
        .product-card .card-img{transition:transform .6s ease}.product-card:hover .card-img{transform:scale(1.06)}
        .list-card:hover{transform:translateX(-4px);box-shadow:0 8px 24px rgba(27,67,50,.1)}
        .btn-primary{background:linear-gradient(135deg,#1B4332,#2D6A4F);transition:all .3s ease}
        .btn-primary:hover{background:linear-gradient(135deg,#0F2A1F,#1B4332);transform:translateY(-2px);box-shadow:0 8px 24px rgba(27,67,50,.3)}
        .btn-accent{background:linear-gradient(135deg,#D4930D,#F0B429);transition:all .3s ease}
        .btn-accent:hover{background:linear-gradient(135deg,#B07A0A,#D4930D);transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,147,13,.3)}
        .input-field{border:2px solid #E8DCC8;transition:all .3s ease;background:#fff}
        .input-field:focus{border-color:#2D6A4F;box-shadow:0 0 0 3px rgba(27,67,50,.1);outline:none}
        .offer-badge{position:absolute;top:12px;left:-4px;background:linear-gradient(135deg,#E53E3E,#C53030);color:#fff;padding:3px 14px 3px 10px;font-size:.72rem;font-weight:700;border-radius:4px 0 0 4px;z-index:2}
        .offer-badge::after{content:'';position:absolute;bottom:-7px;left:0;border:4px solid transparent;border-top-color:#9B2C2C;border-left-color:#9B2C2C}
        .inactive-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(253,246,236,.88);color:#8B7355;font-size:1.1rem;font-weight:700;z-index:5;border-radius:inherit}
        .status-prep{background:#FEF3C7;color:#92400E}.status-done{background:#D1FAE5;color:#065F46}
        .hero-bg{background:linear-gradient(135deg,rgba(15,42,31,.93),rgba(27,67,50,.86)),url('https://picsum.photos/seed/food-hero-banner/1600/600');background-size:cover;background-position:center}
        .shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);background-size:200% 100%;animation:shimmer 2.5s infinite}
        .sidebar-link{transition:all .2s ease;border-right:3px solid transparent}
        .sidebar-link:hover,.sidebar-link.active{background:rgba(27,67,50,.08);border-right-color:#1B4332;color:#1B4332}
        .layout-btn{transition:all .2s ease}.layout-btn.active-layout{background:#1B4332;color:#fff}
        .img-thumb{transition:all .2s ease;border:2px solid transparent;object-fit:cover}.img-thumb.active-thumb{border-color:#1B4332}
        .img-thumb:hover{border-color:#D4930D}
        .img-cover{width:100%;height:100%;object-fit:cover;display:block}
        .img-contain{width:100%;height:100%;object-fit:contain;display:block}
        @media(max-width:768px){.sidebar-link{border-right:none;border-bottom:3px solid transparent}.sidebar-link:hover,.sidebar-link.active{border-bottom-color:#1B4332}}
        @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}