@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#ff6f3c;--primary-light:#ffc107;--primary-dark:#b22222;--secondary-color:#42a5f5;--text-primary:#1a237e;--text-secondary:#666;--background-light:#f8f9fa;--card-shadow:0 4px 6px #0000001a;--transition-standard:all .3s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--background-light);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Roboto,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.MuiButton-root{text-transform:none!important;transition:var(--transition-standard)!important;border-radius:8px!important;padding:8px 24px!important;font-weight:500!important}.MuiTableCell-root{padding:16px!important}.MuiToolbar-root+.green-indicator{z-index:1100;position:fixed;bottom:20px;left:20px}.backend-health-indicator{z-index:1100;width:15px;height:15px;transition:var(--transition-standard);background-color:#4caf50;border-radius:50%;position:fixed;bottom:20px;left:20px;box-shadow:0 0 8px #4caf50cc}.backend-health-indicator.offline{background-color:#f44336;box-shadow:0 0 8px #f44336cc}.recipe-card{flex-direction:column;height:100%;display:flex;background:#fff!important}.recipe-card .MuiCardMedia-root{height:220px;position:relative;overflow:hidden}.recipe-card .MuiCardMedia-root img{transition:var(--transition-standard)}.recipe-card:hover .MuiCardMedia-root img{transform:scale(1.1)}.recipe-card .MuiCardContent-root{flex-grow:1;padding:24px!important}.price-chip{background-color:var(--primary-color)!important;color:#fff!important;padding:8px 16px!important;font-weight:600!important}.loading-dot{animation:1.5s infinite loadingDot}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,to{opacity:.2}50%{opacity:1}}.loading-skeleton{background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%) 0 0/200% 100%!important;animation:1.5s infinite loading!important}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{opacity:0;transform:translate(100%)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}.page-exit{opacity:1;transform:translate(0)}.page-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translate(-100%)}@media (width<=600px){.MuiCard-root{margin-bottom:16px}.recipe-card .MuiCardMedia-root{height:180px}.MuiTypography-h4{font-size:1.75rem!important}.MuiTypography-h5{font-size:1.5rem!important}.MuiTypography-h6{font-size:1.25rem!important}}.animate-in{animation:.5s ease-out forwards fadeIn}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.05)}.gradient-text{background:linear-gradient(45deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}