@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{gap:12px;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f39c12);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.logo-sub{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:none;padding:8px;transition:background-color .3s ease}.mobile-menu-toggle:hover{background-color:#ff6b351a}.nav-link,.nav-menu{align-items:center;display:flex;gap:8px}.nav-link{border-radius:12px;overflow:hidden;padding:12px 16px;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{text-decoration:none;transform:translateY(-2px)}.nav-link.active{box-shadow:0 4px 15px #ff6b354d}.nav-link.active:hover{box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.admin-link{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff!important;font-weight:600}.admin-link:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 6px 20px #667eea66}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 15px #0000001a;gap:12px;padding:8px 16px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#ff6b35,#f39c12);border-radius:50%;color:#fff;font-weight:600;height:36px;justify-content:center;width:36px}.user-details{display:flex;flex-direction:column;line-height:1.2}.user-email{color:#2c3e50;font-size:14px;font-weight:600}.user-role{color:#6c757d}.btn-logout,.user-role{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.btn-logout{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.btn-logout:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 15px #e74c3c4d;transform:translateY(-2px)}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #fff3;box-shadow:0 8px 32px #0000001a;flex-direction:column;gap:0;left:0;opacity:0;padding:20px;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-menu-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{justify-content:flex-start;margin-bottom:8px}.nav-link,.user-info{border-radius:12px;padding:16px 20px;width:100%}.user-info{background:#ff6b351a;justify-content:space-between;margin-top:16px}.user-details{flex:1 1}.logo-text{display:none}.logo-icon{font-size:28px}}@media (max-width:480px){.header-container{padding:0 16px}.nav-menu{padding:16px}.nav-link{padding:14px 16px}.user-info{align-items:flex-start;flex-direction:column;gap:12px}.btn-logout{align-self:stretch;justify-content:center}}.header.scrolled{background:#fffffffa;box-shadow:0 8px 32px #00000026}.nav-link{position:relative}.nav-link:after{background:linear-gradient(135deg,#ff6b35,#f39c12);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%}.user-info{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.home{min-height:calc(100vh - 80px);overflow-x:hidden}.hero{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:80vh;padding:100px 40px;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.gradient-orb{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#ff6b35,#f39c12);height:300px;left:10%;top:10%;width:300px}.orb-2{animation-delay:2s;background:linear-gradient(135deg,#667eea,#764ba2);height:200px;right:10%;top:60%;width:200px}.orb-3{animation-delay:4s;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:20%;height:150px;left:30%;width:150px}.hero-content{max-width:600px;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ff6b3533;border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}.hero-title{display:flex;flex-direction:column;font-size:64px;font-weight:800;line-height:1.1;margin-bottom:24px}.title-line{color:var(--dark-color);display:block}.title-highlight{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;position:relative}.title-highlight:after{background:var(--gradient-primary);border-radius:2px;bottom:-4px;content:"";height:4px;left:0;position:absolute;width:100%}.hero-subtitle{color:#6c757d;font-size:20px;font-weight:400;line-height:1.6;margin-bottom:40px}.hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:60px}.btn-hero{align-items:center;border-radius:16px;display:flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s ease}.btn-hero:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-hero:hover:before{left:100%}.hero-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:12px;padding:16px 20px}.stat-icon{color:var(--primary-color)}.stat-content{display:flex;flex-direction:column}.stat-number{color:var(--dark-color);font-size:18px;line-height:1}.stat-label{color:#6c757d;font-size:12px;font-weight:500}.burger-showcase,.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.burger-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:24px;box-shadow:var(--shadow-heavy);padding:60px;position:relative}.burger-emoji{animation:float 4s ease-in-out infinite;font-size:180px;position:relative;z-index:2}.burger-glow{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ff6b354d 0,#0000 70%);border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.floating-ingredients{bottom:0;left:0;position:absolute;right:0;top:0}.ingredient{animation:orbit 8s linear infinite;font-size:40px;position:absolute}.ingredient-1{animation-delay:0s;left:10%;top:20%}.ingredient-2{animation-delay:2s;right:20%;top:10%}.ingredient-3{animation-delay:4s;bottom:20%;right:10%}.ingredient-4{animation-delay:6s;bottom:10%;left:20%}@keyframes orbit{0%{transform:rotate(0deg) translateX(100px) rotate(0deg)}to{transform:rotate(1turn) translateX(100px) rotate(-1turn)}}.auth-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;padding:100px 40px;position:relative}.auth-section:before{background:linear-gradient(135deg,#ff6b350d,#f39c120d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.auth-content{margin:0 auto;max-width:1000px;position:relative;z-index:1}.auth-header{margin-bottom:60px;text-align:center}.auth-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;margin-bottom:16px}.auth-subtitle{color:#6c757d;font-size:18px;line-height:1.6;margin:0 auto;max-width:500px}.auth-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:var(--shadow-medium);overflow:hidden;padding:40px 32px;position:relative;text-align:center;transition:var(--transition)}.auth-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:var(--transition);width:100%}.auth-card:hover:before{transform:scaleX(1)}.auth-card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-8px)}.auth-card-icon{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-light);display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.auth-card h3{color:var(--dark-color);font-size:24px;font-weight:700;margin-bottom:16px}.auth-card p{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:24px}.btn-auth{border-radius:12px;font-size:16px;font-weight:600;padding:16px 24px;transition:var(--transition);width:100%}.auth-demo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b351a;border:1px solid #ff6b3533;border-radius:16px;padding:20px;text-align:center}.demo-text{align-items:center;color:var(--primary-color);display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:0}.demo-icon{font-size:20px}.features{background:#f8f9fa80;padding:120px 40px;position:relative}.features:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' opacity='.02'/%3E%3Ccircle cx='75' cy='75' r='1' opacity='.02'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.section-header{margin-bottom:80px;position:relative;z-index:1}.section-title{font-size:48px;font-weight:800;margin-bottom:16px;position:relative}.section-subtitle{font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px;position:relative;z-index:1}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:var(--shadow-medium);overflow:hidden;padding:40px 32px;position:relative;transition:var(--transition)}.feature-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:var(--transition);width:100%}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-8px)}.feature-header{flex-direction:column;margin-bottom:24px;text-align:center}.feature-header,.feature-icon{align-items:center;display:flex}.feature-icon{background:var(--gradient-primary);border-radius:20px;box-shadow:var(--shadow-light);color:#fff;height:80px;justify-content:center;margin-bottom:20px;width:80px}.feature-card h3{color:var(--dark-color);font-size:24px;font-weight:700;margin:0}.feature-card p{color:#6c757d;font-size:16px;line-height:1.6;margin-bottom:24px;text-align:center}.feature-benefits{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.benefit{background:#ff6b351a;border-radius:16px;color:var(--primary-color);font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.user-section{background:var(--gradient-primary);overflow:hidden;padding:80px 40px;position:relative}.user-section:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.user-welcome{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;justify-content:space-between;margin:0 auto 40px;max-width:1200px;padding:32px 40px}.welcome-content{text-align:left}.welcome-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.welcome-subtitle{color:#fffc;font-size:16px}.avatar-circle,.welcome-avatar{align-items:center;display:flex;justify-content:center}.avatar-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;font-size:32px;font-weight:700;height:80px;width:80px}.user-actions{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:600px}.btn-action{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 24px;transition:var(--transition)}.btn-action.btn-primary{background:#ffffffe6;color:var(--primary-color)}.btn-action.btn-primary:hover{background:#fff;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.btn-action.btn-secondary{background:#ffffff1a;color:#fff}.btn-action.btn-secondary:hover{background:#fff3;transform:translateY(-3px)}.cta-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;padding:120px 40px;position:relative;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin-bottom:16px}.cta-subtitle{color:#6c757d;font-size:20px;line-height:1.6;margin-bottom:40px}.btn-cta{align-items:center;border-radius:16px;display:inline-flex;font-size:18px;font-weight:700;gap:12px;letter-spacing:1px;padding:20px 40px;text-transform:uppercase;transition:var(--transition)}.btn-cta:hover{box-shadow:0 15px 35px #ff6b354d;transform:translateY(-4px)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fade-in{animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero{gap:60px;padding:80px 32px}.hero-title{font-size:56px}.hero-stats{grid-template-columns:1fr}.burger-emoji{font-size:140px}.features{padding:80px 32px}.features-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.hero{gap:60px;grid-template-columns:1fr;padding:60px 24px;text-align:center}.hero-title{font-size:48px}.hero-subtitle{font-size:18px}.btn-hero,.hero-actions{justify-content:center}.btn-hero{max-width:300px;width:100%}.hero-stats{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:12px 16px}.stat-number{font-size:16px}.stat-label{font-size:11px}.burger-emoji{font-size:120px}.ingredient{font-size:30px}.features{padding:60px 24px}.section-title{font-size:36px}.section-subtitle{font-size:16px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:32px 24px}.feature-icon{height:60px;margin-bottom:16px;width:60px}.user-welcome{flex-direction:column;gap:24px;padding:24px;text-align:center}.welcome-title{font-size:24px}.avatar-circle{font-size:24px;height:60px;width:60px}.user-actions{align-items:center;flex-direction:column}.btn-action{justify-content:center;max-width:300px;width:100%}.cta-title{font-size:36px}.cta-subtitle{font-size:18px}.btn-cta{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.hero{padding:40px 16px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-badge{font-size:12px;padding:6px 12px}.hero-stats{gap:12px;grid-template-columns:1fr}.burger-emoji{font-size:100px}.features{padding:40px 16px}.section-title{font-size:28px}.feature-card{padding:24px 20px}.user-section{padding:40px 16px}.user-welcome{padding:20px}.cta-section{padding:60px 16px}.cta-title{font-size:28px}}@media (max-width:768px){.auth-section{padding:60px 24px}.auth-title{font-size:32px}.auth-subtitle{font-size:16px}.auth-cards{gap:24px;grid-template-columns:1fr}.auth-card{padding:32px 24px}.auth-card-icon{font-size:28px;height:60px;margin-bottom:20px;width:60px}.demo-text{flex-direction:column;font-size:14px;gap:8px}}@media (max-width:480px){.auth-section{padding:40px 16px}.auth-title{font-size:28px}.auth-card{padding:24px 20px}}.burger-builder{margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);padding:40px 20px}.builder-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:var(--shadow-medium);display:flex;justify-content:space-between;margin-bottom:60px;padding:32px 40px}.header-content{flex:1 1}.page-title{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:48px;font-weight:800;gap:16px;margin-bottom:12px}.page-subtitle{color:#6c757d;font-size:18px;font-weight:500}.header-visual{align-items:center;display:flex;justify-content:center}.burger-icon{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));font-size:80px}.auth-required{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:var(--shadow-medium);padding:80px 40px}.auth-required h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.auth-required p{color:#6c757d;font-size:18px;line-height:1.6;margin-bottom:32px}.builder-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr}.ingredients-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:var(--shadow-medium);padding:32px}.section-header{margin-bottom:40px;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:8px}.section-subtitle{color:#6c757d;font-size:16px;font-weight:500}.ingredient-category{margin-bottom:48px}.category-title{align-items:center;border-bottom:3px solid;border-image:var(--gradient-primary) 1;color:var(--dark-color);display:flex;font-size:24px;font-weight:700;gap:8px;margin-bottom:24px;padding-bottom:12px}.ingredients-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ingredient-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ff6b351a;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:var(--transition)}.ingredient-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ingredient-card:hover:before{left:100%}.ingredient-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.ingredient-card.selected{background:var(--gradient-primary);border-color:var(--primary-color);color:#fff;transform:scale(1.02)}.ingredient-card.selected .ingredient-name{color:#fff}.ingredient-card.selected .ingredient-price{color:#ffffffe6}.ingredient-info{margin-bottom:20px;text-align:center}.ingredient-name{color:var(--dark-color);font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.ingredient-price{color:var(--primary-color);font-size:20px;font-weight:700}.btn-icon,.ingredient-actions{justify-content:center}.btn-icon{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-weight:600;height:40px;transition:var(--transition);width:40px}.btn-plus{background:var(--gradient-primary);color:#fff}.btn-plus:hover{box-shadow:0 4px 15px #ff6b354d;transform:scale(1.1)}.btn-minus{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-minus:hover{box-shadow:0 4px 15px #e74c3c4d;transform:scale(1.1)}.ingredient-count{background:#ffffffe6;border:2px solid var(--primary-color);color:var(--primary-color);font-size:18px;font-weight:700;height:32px;width:32px}.order-section{display:flex;flex-direction:column;gap:24px}.burger-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:var(--shadow-medium);padding:32px;position:-webkit-sticky;position:sticky;top:100px}.preview-header{margin-bottom:24px;text-align:center}.preview-title{align-items:center;color:var(--dark-color);font-size:24px;font-weight:700;gap:12px;margin-bottom:20px}.burger-visual,.preview-title{display:flex;justify-content:center}.burger-visual{margin-bottom:24px}.burger-stack{background:#ff6b350d;border:2px dashed #ff6b3533;border-radius:16px;justify-content:center;min-height:150px;padding:24px}.burger-stack,.empty-burger{align-items:center;display:flex;flex-direction:column}.empty-burger{color:#6c757d;gap:12px;text-align:center}.empty-icon{font-size:48px;opacity:.6}.burger-layers{align-items:center;display:flex;flex-direction:column;gap:4px}.burger-layer{border-radius:20px;font-size:14px;font-weight:600;padding:8px 20px;text-align:center;transition:var(--transition)}.bottom-bun,.top-bun{background:linear-gradient(135deg,#deb887,peru);color:#fff}.ingredient-layer{background:#ff6b351a;border:1px solid #ff6b3533;color:var(--primary-color)}.ingredients-summary{margin-bottom:24px}.ingredients-summary h4{color:var(--dark-color);font-size:16px;font-weight:600;margin-bottom:16px}.selected-ingredients{max-height:200px;overflow-y:auto;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.selected-ingredient{align-items:center;background:#ff6b350d;border-left:4px solid var(--primary-color);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:var(--transition)}.selected-ingredient:hover{background:#ff6b351a;transform:translateX(4px)}.ingredient-text{color:var(--dark-color);flex:1 1;font-weight:500}.ingredient-actions{align-items:center;display:flex;gap:12px}.price{color:var(--primary-color);font-size:14px;font-weight:700}.btn-remove{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;transition:var(--transition);width:24px}.btn-remove:hover{box-shadow:0 2px 8px #e74c3c4d;transform:scale(1.1)}.total-section{border-top:2px solid #ff6b351a;padding-top:20px}.total-price{align-items:center;background:var(--gradient-primary);border-radius:16px;box-shadow:var(--shadow-light);display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:12px;padding:20px}.price-amount{font-size:24px}.delivery-info{align-items:center;color:var(--success-color);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center}.customer-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:var(--shadow-medium);padding:32px}.form-title{align-items:center;color:var(--dark-color);display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:24px}.order-summary{background:#ff6b350d;border:1px solid #ff6b351a;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin:24px 0;padding:20px}.summary-item{color:var(--primary-color);font-size:14px;font-weight:500;gap:8px}.btn-order,.summary-item{align-items:center;display:flex}.btn-order{background:var(--gradient-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;gap:12px;justify-content:center;letter-spacing:.5px;padding:18px 24px;text-transform:uppercase;transition:var(--transition);width:100%}.btn-order:hover:not(:disabled){box-shadow:0 8px 25px #ff6b354d;transform:translateY(-3px)}.btn-order.disabled,.btn-order:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-order .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:1024px){.burger-builder{padding:32px 16px}.builder-header{padding:24px 32px}.page-title{font-size:40px}.burger-icon{font-size:60px}.ingredients-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.burger-preview{position:static}}@media (max-width:768px){.burger-builder{padding:24px 16px}.builder-header{flex-direction:column;gap:24px;padding:24px;text-align:center}.page-title{font-size:32px}.page-subtitle{font-size:16px}.burger-icon{font-size:64px}.builder-container{gap:24px;grid-template-columns:1fr}.burger-preview,.customer-info,.ingredients-section{padding:24px}.ingredients-grid{gap:16px;grid-template-columns:1fr}.ingredient-card{padding:20px}.ingredient-name{font-size:16px}.ingredient-price{font-size:18px}.section-title{font-size:28px}.category-title{font-size:20px}.selected-ingredient{flex-direction:column;gap:12px;text-align:center}.ingredient-actions{justify-content:space-between;width:100%}.form-control{font-size:16px}.total-price{font-size:18px}.price-amount{font-size:20px}.btn-order{font-size:16px;padding:16px 20px}}@media (max-width:480px){.burger-builder{padding:16px 12px}.builder-header{padding:20px}.page-title{flex-direction:column;font-size:28px;gap:8px}.burger-icon{font-size:48px}.burger-preview,.customer-info,.ingredients-section{padding:20px}.ingredient-card{padding:16px}.btn-icon{height:36px;width:36px}.ingredient-count{font-size:14px;height:28px;width:28px}.section-title{font-size:24px}.category-title{font-size:18px}.form-title,.preview-title{font-size:20px}.burger-stack{min-height:120px;padding:16px}.empty-icon{font-size:36px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.selected-ingredients::-webkit-scrollbar{width:6px}.selected-ingredients::-webkit-scrollbar-track{background:#ff6b351a;border-radius:3px}.selected-ingredients::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.selected-ingredients::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.login-page{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.login-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#ff6b35;font-size:36px;margin-bottom:8px}.login-header h2{color:#333;font-size:24px;font-weight:600}.login-form{margin-bottom:24px}.error-message{background:#ffe6e6;border-left:4px solid #d63031;border-radius:6px;color:#d63031;font-size:14px;margin-bottom:20px;padding:12px}.login-btn{font-size:18px;font-weight:600;margin-top:8px;padding:14px;width:100%}.login-footer{border-top:1px solid #eee;padding-top:20px;text-align:center}.login-footer p{color:#666;margin-bottom:0}.link-button{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:inherit;font-weight:600;margin-left:8px;text-decoration:underline}.link-button:hover{color:#e55a2b}.demo-accounts{background:#f8f9fa;border-left:4px solid #ff6b35;border-radius:8px;margin-top:30px;padding:20px}.demo-accounts h3{color:#333;font-size:16px;margin-bottom:12px}.demo-account{color:#666;font-size:14px;margin-bottom:8px}.demo-account strong{color:#333}.demo-note{background:#e8f4fd;border-left:4px solid #17a2b8;border-radius:6px;margin-top:12px;padding:12px}.demo-note small{color:#155724;line-height:1.4}@media (max-width:480px){.login-container{margin:10px;padding:30px 20px}.login-header h1{font-size:28px}.login-header h2{font-size:20px}.demo-accounts{padding:16px}}.orders-page{margin:0 auto;max-width:1000px;padding:20px}.orders-header{margin-bottom:40px;position:relative;text-align:center}.orders-header h1{color:#333;font-size:36px;font-weight:700;margin-bottom:12px}.orders-header p{color:#666;font-size:18px;margin-bottom:20px}.refresh-btn{background:#17a2b8;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .3s ease}.refresh-btn:hover{background:#138496}.auth-required{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.auth-required h2{color:#ff6b35;margin-bottom:16px}.loading{padding:60px 20px;text-align:center}.loading p{color:#666;font-size:18px;margin-top:20px}.loading small{color:#999;display:block;font-size:14px;margin-top:10px}.error-message{background:#fff5f5;border:2px solid #fed7d7;border-radius:12px;margin:20px;padding:60px 20px;text-align:center}.error-message h3{color:#e53e3e;margin-bottom:16px}.error-message p{color:#742a2a;margin-bottom:20px}.no-orders{border-radius:16px;padding:80px 20px}.no-orders-icon{font-size:80px;margin-bottom:24px;opacity:.5}.no-orders h3{color:#333;font-size:28px;margin-bottom:16px}.no-orders p{color:#666;font-size:18px;margin-bottom:32px}.orders-list{gap:24px}.order-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.order-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.order-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:24px}.order-info h3{color:#333;font-size:20px;font-weight:600;margin-bottom:4px}.order-date{color:#666;font-size:14px;margin:0}.order-status{border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.order-details{padding:24px}.order-customer h4,.order-ingredients h4{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.order-ingredients ul{list-style:none;padding:0}.order-ingredients li{background:#f8f9fa;border-left:4px solid #ff6b35;border-radius:6px;font-size:14px;margin-bottom:4px;padding:8px 12px}.order-customer p{color:#555;font-size:14px;margin-bottom:8px}.order-customer strong{color:#333;margin-right:8px}.order-total{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-size:18px;padding:20px 24px;text-align:center}.status-pending{background:#ffeaa7;color:#d63031}.status-confirmed{background:#74b9ff;color:#0984e3}.status-delivered{background:#00b894;color:#00a085}@media (max-width:768px){.orders-page{padding:10px}.orders-header h1{font-size:28px}.orders-header p{font-size:16px}.order-header{flex-direction:column;gap:16px;text-align:center}.order-details{gap:24px;grid-template-columns:1fr}.no-orders{padding:40px 20px}.no-orders-icon{font-size:60px}.no-orders h3{font-size:24px}.no-orders p{font-size:16px}}.admin-panel{margin:0 auto;max-width:1400px;padding:20px}.admin-header{margin-bottom:40px;text-align:center}.admin-header h1{color:#333;font-size:36px;font-weight:700;margin-bottom:12px}.admin-header p{color:#666;font-size:18px}.access-denied{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.access-denied h2{color:#dc3545;margin-bottom:16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{color:#666;font-size:14px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.stat-number{color:#333;font-size:32px;font-weight:700}.stat-number.pending{color:#ffc107}.stat-number.confirmed{color:#28a745}.stat-number.delivered{color:#17a2b8}.stat-card.revenue{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.stat-card.revenue .stat-number,.stat-card.revenue h3{color:#fff}.controls{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:20px}.filter-controls{align-items:center;display:flex;gap:12px}.filter-controls label{color:#333;font-weight:600}.filter-controls select{width:200px}.orders-list{display:flex;flex-direction:column;gap:20px}.admin-order-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.admin-order-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.order-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr auto;padding:24px}.order-details{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.customer-info h4,.order-items h4{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.customer-info p{color:#555;font-size:14px;margin-bottom:8px}.customer-info strong{color:#333;margin-right:8px}.order-items ul{list-style:none;max-height:150px;overflow-y:auto;padding:0}.order-items li{background:#f8f9fa;border-left:3px solid #ff6b35;border-radius:4px;font-size:14px;margin-bottom:4px;padding:6px 12px}.order-actions{display:flex;flex-direction:column;gap:20px;min-width:200px}.total-price{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:8px;color:#fff;font-size:16px;padding:16px;text-align:center}.status-controls h4{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.status-buttons{display:flex;flex-direction:column;gap:8px}.status-buttons .btn{font-size:14px;padding:8px 16px}.delivered-badge{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:600;padding:8px 16px;text-align:center}.no-orders{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#666;padding:40px;text-align:center}@media (max-width:1200px){.order-content{gap:20px;grid-template-columns:1fr}.order-actions{min-width:auto}}@media (max-width:768px){.admin-panel{padding:10px}.admin-header h1{font-size:28px}.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:16px}.stat-number{font-size:24px}.order-details{gap:20px;grid-template-columns:1fr}.filter-controls{align-items:stretch;flex-direction:column;gap:8px}.filter-controls select{width:100%}.status-buttons .btn{font-size:12px;padding:6px 12px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#ff6b35;--primary-dark:#e55a2b;--primary-light:#ff8a5e;--secondary-color:#2c3e50;--accent-color:#f39c12;--success-color:#27ae60;--danger-color:#e74c3c;--warning-color:#f1c40f;--info-color:#3498db;--light-color:#ecf0f1;--dark-color:#2c3e50;--gradient-primary:linear-gradient(135deg,#ff6b35,#f39c12);--gradient-secondary:linear-gradient(135deg,#667eea,#764ba2);--gradient-bg:linear-gradient(135deg,#667eea,#764ba2);--shadow-light:0 2px 10px #0000001a;--shadow-medium:0 8px 30px #0000001f;--shadow-heavy:0 15px 35px #0000001a;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-bg);color:#2c3e50;color:var(--dark-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.App{min-height:100vh;position:relative}.App:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-bg);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.main-content{margin:0 auto;max-width:1200px;padding:40px 20px;position:relative;z-index:1}.mongolian-text{font-family:Inter,Mongolian Baiti,Times New Roman,serif;font-weight:500}.btn{border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f39c12);background:var(--gradient-primary);border:2px solid #0000;color:#fff}.btn-primary:hover{background:#e55a2b;background:var(--primary-dark);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.btn-secondary:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#27ae60,#2ecc71);background:linear-gradient(135deg,var(--success-color) 0,#2ecc71 100%);color:#fff}.btn-success:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);background:linear-gradient(135deg,var(--danger-color) 0,#c0392b 100%);color:#fff}.btn-danger:hover{transform:translateY(-3px)}.btn-danger:hover,.card{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-medium)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);margin-bottom:24px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:before{background:linear-gradient(135deg,#ff6b35,#f39c12);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card:hover{box-shadow:0 15px 35px #0000001a;box-shadow:var(--shadow-heavy);transform:translateY(-5px)}.card-header{border-bottom:2px solid #ff6b351a;margin-bottom:24px;padding-bottom:20px;position:relative}.card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f39c12);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#2c3e50;color:var(--dark-color);font-size:28px;font-weight:700;margin-bottom:8px}.card-subtitle{color:#6c757d;font-size:16px;font-weight:400}.form-group{margin-bottom:24px;position:relative}.form-label{color:#2c3e50;color:var(--dark-color);display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #6c757d33;border-radius:12px;border-radius:var(--border-radius);font-family:Inter,sans-serif;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-control:focus{border-color:#ff6b35;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;outline:none;transform:translateY(-2px)}.form-control::placeholder{color:#6c757d99;font-style:italic}.list-group{grid-gap:16px;display:grid;gap:16px;list-style:none}.list-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;overflow:hidden;padding:24px;position:relative}.list-item,.list-item:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.list-item:before{background:linear-gradient(135deg,#ff6b35,#f39c12);background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);width:4px}.list-item:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-medium);transform:translateX(8px)}.list-item:hover:before{transform:scaleY(1)}.list-item-content{flex:1 1}.list-item-title{color:#2c3e50;color:var(--dark-color);font-weight:600;margin-bottom:4px}.list-item-description{color:#6c757d;font-size:14px}.status-pending{background:#f1c40f1a;color:#f1c40f;color:var(--warning-color)}.status-confirmed,.status-pending{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-confirmed{background:#27ae601a;color:#27ae60;color:var(--success-color)}.status-delivered{background:#3498db1a;color:#3498db;color:var(--info-color)}.status-delivered,.status-preparing{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-preparing{background:#ff6b351a;color:#ff6b35;color:var(--primary-color)}.loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center}.spinner{animation:spin 1s linear infinite;background:conic-gradient(from 0deg,#ff6b35,#f39c12,#ff6b35);background:conic-gradient(from 0deg,var(--primary-color),var(--accent-color),var(--primary-color));border-radius:50%;height:60px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#fff 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#fff 0);width:60px}.loading-text{color:#2c3e50;color:var(--dark-color);font-size:16px;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .3s ease-out}@media (max-width:768px){.main-content{padding:20px 16px}.card{margin-bottom:16px;padding:20px}.card-title{font-size:24px}.btn{margin-bottom:12px;padding:16px;width:100%}.list-item{flex-direction:column;gap:16px;text-align:center}.form-control{padding:14px 16px}}@media (max-width:480px){.main-content{padding:16px 12px}.card{padding:16px}.card-title{font-size:20px}}.burger-ingredient{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ff6b3533;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;margin:8px;overflow:hidden;padding:16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.burger-ingredient:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.burger-ingredient:hover:before{left:100%}.burger-ingredient:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.burger-ingredient.selected,.burger-ingredient:hover{border-color:#ff6b35;border-color:var(--primary-color)}.burger-ingredient.selected{background:linear-gradient(135deg,#ff6b35,#f39c12);background:var(--gradient-primary);color:#fff;transform:scale(1.05)}.ingredient-count{align-items:center;background:#ff6b35;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f39c12);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.nav-links{align-items:center;display:flex;gap:24px}.nav-link{border-radius:8px;color:#2c3e50;color:var(--dark-color);font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link:hover{background:#ff6b351a;color:#ff6b35;color:var(--primary-color)}.nav-link.active{background:linear-gradient(135deg,#ff6b35,#f39c12);background:var(--gradient-primary);color:#fff}.alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-left:4px solid;border-radius:12px;border-radius:var(--border-radius);margin-bottom:20px;padding:16px 20px}.alert-success{background-color:#27ae601a;border-color:#27ae60;border-color:var(--success-color);color:#27ae60;color:var(--success-color)}.alert-danger{background-color:#e74c3c1a;border-color:#e74c3c;border-color:var(--danger-color);color:#e74c3c;color:var(--danger-color)}.alert-warning{background-color:#f1c40f1a;border-color:#f1c40f;border-color:var(--warning-color);color:#e67e22}.alert-info{background-color:#3498db1a;border-color:#3498db;border-color:var(--info-color);color:#3498db;color:var(--info-color)}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#2c3e50e6;border-radius:6px;bottom:125%;color:#fff;font-size:14px;left:50%;margin-left:-100px;opacity:0;padding:8px 12px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}
/*# sourceMappingURL=main.69830319.css.map*/