.header{background-color:#fea96d;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;height:80px;display:flex;align-items:center}@media (min-width: 1025px){.header{position:sticky;top:0;left:0;right:0;width:100%}}@media (max-width: 1024px){.header{position:fixed;top:0;left:0;right:0;height:60px;z-index:1000;box-shadow:0 2px 10px #0000001a}}.header__container{display:flex;align-items:center;justify-content:space-between;padding:.2rem;width:100%;height:100%}.header__left{flex:0 0 auto;display:flex;align-items:center;gap:0rem}.header__hamburger{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#000;font-size:1.25rem;cursor:pointer;padding:.375rem;border-radius:var(--radius-md);transition:all .2s ease}.header__hamburger:hover{background-color:#0000001a;color:#000}.header__logo{display:flex;align-items:center}.header__logo-link{display:flex;align-items:center;text-decoration:none;color:var(--color-text-primary);transition:opacity .2s ease}.header__logo-link:hover{opacity:.8}.header__logo-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--color-primary)}.header__logo-image{height:40px;width:auto;object-fit:contain}.header__actions{flex:0 0 auto;display:flex;align-items:center;gap:1rem}.header__cart{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#000;text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;position:relative}.header__cart:hover{color:#000;background-color:#0000001a}.header__cart-container{position:relative;display:flex;align-items:center;justify-content:center}.header__cart-icon{font-size:1.25rem;transition:color .2s ease}.header__cart-badge{position:absolute;top:-8px;right:-8px;background-color:#000;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;animation:cartBadgeAppear .3s ease}.header__cart-text{font-weight:500;font-size:.9rem;white-space:nowrap}.header__cart--active{background-color:#00000026}@keyframes cartBadgeAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.header__nav--mobile{display:block;position:fixed;top:60px;left:0;right:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:999;box-shadow:var(--shadow-card)}.header__nav-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:1rem 0;gap:0}.header__nav-item{position:relative}.header__nav-link{display:block;color:var(--color-text-primary);text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:1rem;padding:1rem 2rem;transition:color .2s ease;border-bottom:1px solid var(--color-border)}.header__nav-link:hover{color:var(--color-primary);background-color:#0000000d}.header__nav-link--active{color:var(--color-primary);font-weight:600}.header__nav-link:last-child{border-bottom:none}.header__mobile-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:998}.header__account,.header__login{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#000;text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;position:relative}.header__account:hover,.header__login:hover{color:#000;background-color:#0000001a}.header__account-container{display:flex;align-items:center;gap:.5rem;position:relative}.header__account-icon,.header__login-icon{font-size:1.125rem;transition:color .2s ease}.header__account-text,.header__login-text{font-weight:500;font-size:.9rem;white-space:nowrap}.header__account-discount{position:absolute;top:-8px;right:-8px;background-color:#10b981;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .25rem;border-radius:8px;min-width:20px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;animation:customerBadgeAppear .3s ease}@keyframes customerBadgeAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.header__social{display:flex;align-items:center}.header__social-link{display:flex;align-items:center;justify-content:center;padding:.25rem;color:#000;text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;font-size:1.125rem}.header__social-link:hover{color:#000;background-color:#0000001a;transform:translateY(-1px)}.header__social--desktop{display:flex}.header__social--mobile{display:none}@media (min-width: 1025px){.header__cart-text{display:none}.header__cart{padding:.75rem}.header__account-text,.header__login-text{display:none}.header__account,.header__login{padding:.75rem}.header__social--mobile{display:none}.header__social--desktop{display:flex;gap:.5rem}}@media (max-width: 1024px){.header__container{justify-content:space-between;padding:.5rem;position:relative}.header__left{display:flex;flex:0 0 auto;gap:0rem;align-items:center}.header__hamburger{display:flex;padding:.25rem;font-size:1.25rem;border-radius:var(--radius-md)}.header__actions,.header__cart,.header__account,.header__login{display:none}.header__logo{display:flex;position:static;left:auto;transform:none}.header__logo-text{font-size:1.25rem;font-weight:800}.header__logo-image{height:32px}.header__social--desktop{display:none}.header__social--mobile{display:flex;justify-content:center;gap:.125rem;width:auto}.header__social-link{padding:.25rem;font-size:1rem}.header__social--mobile .header__social-link:not(:first-child){margin-left:-12px}}@media (max-width: 480px){.header{height:56px}.header__logo-text{font-size:1.125rem}.header__logo-image{height:28px}.header__hamburger{padding:.25rem;font-size:1.125rem}.header__nav--mobile{top:56px}.header__social--mobile{justify-content:center;gap:.125rem;width:auto}.header__social-link{padding:.125rem;font-size:.875rem}.header__social--mobile .header__social-link:not(:first-child){margin-left:-12px}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:1.5rem 0;margin-top:auto}.footer__container{padding:.2rem;width:100%}.footer__content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem}.footer__copyright{flex:0 0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;color:var(--color-text-secondary);font-size:.875rem}.footer__links{flex:1;display:flex;gap:2rem;align-items:center;justify-content:center}.footer__link{color:var(--color-text-secondary);text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:.875rem;transition:color .2s ease}.footer__link:hover{color:var(--color-primary)}.footer__language{flex:0 0 auto;position:relative}.footer__dropdown{position:relative}.footer__dropdown-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all .2s ease}.footer__dropdown-toggle:hover{color:var(--color-primary);background-color:#0000000d}.footer__dropdown-icon{font-size:.875rem}.footer__dropdown-text{font-weight:500;white-space:nowrap}.footer__dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.footer__dropdown--open .footer__dropdown-arrow{transform:rotate(180deg)}.footer__dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:150px;z-index:1010;overflow:hidden;border:1px solid var(--color-border);animation:fadeInDropdownUp .2s ease}@keyframes fadeInDropdownUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.footer__dropdown-item{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;transition:background-color .2s;color:var(--color-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:.875rem;text-align:left}.footer__dropdown-item:hover{background-color:#0000000d;color:var(--color-primary)}.footer__dropdown-item--active{background-color:rgba(var(--color-primary),.1);color:var(--color-primary);font-weight:600}@media (max-width: 1024px){.footer__container,.footer__content,.footer__copyright,.footer__links,.footer__language{display:none}.footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;height:60px;padding:0;margin:0;background-color:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #0000001a}.footer__mobile-nav{display:flex;height:100%;align-items:center;justify-content:space-around;padding:0 .5rem}.footer__nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;text-decoration:none;color:var(--color-text-secondary);transition:all .2s ease;position:relative;flex:1;max-width:60px;border-radius:6px;background:none;border:none!important;outline:none!important;box-shadow:none!important;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.footer__nav-item:hover{color:var(--color-primary);background-color:rgba(var(--color-primary),.1);border:none!important;outline:none!important;box-shadow:none!important}.footer__nav-item:focus{border:none!important;outline:none!important;box-shadow:none!important}.footer__nav-item:active{border:none!important;outline:none!important;box-shadow:none!important}.footer__nav-item--active{color:var(--color-primary);font-weight:600;background-color:rgba(var(--color-primary),.15);border:none!important;outline:none!important;box-shadow:none!important}.footer__nav-item--active:hover{background-color:rgba(var(--color-primary),.2);border:none!important;outline:none!important;box-shadow:none!important}.footer__nav-item--active:focus{border:none!important;outline:none!important;box-shadow:none!important}.footer__nav-icon{font-size:1.2rem;margin-bottom:.125rem;position:relative}.footer__nav-label{font-size:.625rem;font-weight:500;text-align:center;line-height:1}.footer__nav-badge{position:absolute;top:-4px;right:-4px;background-color:#ffa96b;color:#fff;font-size:.625rem;font-weight:600;padding:.1rem .25rem;border-radius:8px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;animation:badgeAppear .3s ease}.footer__nav-discount-badge{position:absolute;top:-4px;right:-4px;background-color:#10b981;color:#fff;font-size:.5rem;font-weight:600;padding:.1rem .2rem;border-radius:6px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;line-height:1;animation:badgeAppear .3s ease}@keyframes badgeAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.footer__nav-menu-sections{display:none}.page-menu .footer__nav-menu-sections{display:flex}.footer__nav-item--cart-active .footer__nav-icon{color:#ffa96b}.footer__nav-item--cart-active .footer__nav-icon svg{color:#ffa96b}.footer__nav-item--pulse{animation:pulseClean 2s infinite}@keyframes pulseClean{0%{background-color:rgba(var(--color-primary),.1)}50%{background-color:rgba(var(--color-primary),.25)}to{background-color:rgba(var(--color-primary),.1)}}.footer__dropdown-menu{right:.5rem;left:auto;transform:none;animation:fadeInDropdownUpMobile .2s ease;max-width:calc(100vw - 1rem)}@keyframes fadeInDropdownUpMobile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body{padding-bottom:60px}}@media (max-width: 480px){.footer{height:56px}.footer__nav-icon{font-size:1.1rem}.footer__nav-label{font-size:.75rem}.footer__nav-item{max-width:55px;border:none!important;outline:none!important;box-shadow:none!important}.footer__dropdown-menu{min-width:120px;right:.25rem}.footer__dropdown-item{padding:.625rem .75rem;font-size:.8125rem}body{padding-bottom:56px}}@media (hover: none) and (pointer: coarse){.footer__nav-item{min-height:44px;padding:.5rem .25rem;border:none!important;outline:none!important;box-shadow:none!important}}@media (prefers-reduced-motion: reduce){.footer__nav-item{transition:none}.footer__nav-item--pulse,.footer__nav-badge,.footer__nav-discount-badge,.footer__dropdown-menu{animation:none}}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);height:100%;width:100%;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar--hidden{display:none}.sidebar--visible{display:flex}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar__toggle{position:absolute;top:1rem;right:-12px;width:24px;height:24px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);z-index:1001;transition:all .2s ease}.sidebar__toggle:hover{background-color:var(--color-primary);color:#fff}.sidebar__nav{flex:1;padding:var(--spacing-4) 0;overflow-y:auto}.sidebar__section{margin-bottom:var(--spacing-6)}.sidebar__section-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 var(--spacing-4);margin-bottom:var(--spacing-3);opacity:.8}.sidebar__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar__nav-item{position:relative}.sidebar__nav-link{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-secondary);text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:.875rem;transition:all .2s ease;border-radius:var(--radius-md);margin:0 var(--spacing-3);position:relative;border:none;background:none;cursor:pointer;width:calc(100% - 1.5rem);text-align:left}.sidebar__menu-tab{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:.8rem;transition:all .2s ease;border-radius:var(--radius-md);margin:0 var(--spacing-3);position:relative;border:none;background:none;cursor:pointer;width:calc(100% - 1.5rem);text-align:left}.sidebar__nav-link:hover,.sidebar__menu-tab:hover{background-color:rgba(var(--color-primary),.1);color:var(--color-primary)}.sidebar__nav-link--active,.sidebar__menu-tab--active{background:transparent;color:var(--color-primary);font-weight:600;border:none!important;outline:none!important;box-shadow:none!important}.sidebar__nav-link--active:hover,.sidebar__menu-tab--active:hover{background-color:rgba(var(--color-primary),.1);color:var(--color-primary);border:none!important;outline:none!important;box-shadow:none!important}.sidebar__nav-icon{font-size:1.25rem;margin-right:var(--spacing-3);flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.sidebar__menu-tab .sidebar__nav-icon{font-size:1rem;width:1rem;height:1rem;margin-right:var(--spacing-2)}.sidebar__nav-text{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__menu-tab .sidebar__nav-text{font-size:1rem;font-weight:600;line-height:1.2}.sidebar--collapsed .sidebar__nav-link,.sidebar--collapsed .sidebar__menu-tab{justify-content:center;padding:var(--spacing-3);margin:0 var(--spacing-2)}.sidebar--collapsed .sidebar__nav-icon{margin-right:0}.sidebar--collapsed .sidebar__nav-text,.sidebar--collapsed .sidebar__section-title{display:none}.sidebar--collapsed .sidebar__menu-tab--active:before,.sidebar--collapsed .sidebar__nav-link--active:before{display:none}.sidebar-mobile-toggle{position:fixed;top:calc(var(--header-height) + 1rem);left:1rem;z-index:1002;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-2);font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-card);transition:all .2s ease;display:none}.sidebar-mobile-toggle:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:998;display:none}.sidebar-overlay--visible{display:block}@media (max-width: 1024px){.sidebar{position:fixed;top:var(--header-height);left:-320px;width:320px;height:calc(100vh - var(--header-height));z-index:999;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 10px #0000001a}.sidebar--mobile-open{left:0}.sidebar-mobile-toggle{display:block;top:calc(var(--header-height) + 1.25rem);left:1.25rem;padding:.875rem;font-size:1.5rem;border-radius:12px}.sidebar__toggle{display:none}.sidebar__nav{padding:2rem 0 1rem}.sidebar__section-title{font-size:.875rem;padding:0 1.5rem;margin-bottom:1rem}.sidebar__nav-link,.sidebar__menu-tab{padding:1rem 1.5rem;margin:0 1rem;font-size:1rem;border-radius:12px;min-height:56px;display:flex;align-items:center;text-align:left;justify-content:flex-start}.sidebar__menu-tab{padding:.875rem 1.5rem;min-height:50px}.sidebar__nav-icon{font-size:1.5rem;margin-right:1rem;width:1.5rem;height:1.5rem}.sidebar__menu-tab .sidebar__nav-icon{font-size:1.25rem;width:1.25rem;height:1.25rem;margin-right:.875rem}.sidebar__nav-text{font-size:1rem;font-weight:600;text-align:left}.sidebar__menu-tab .sidebar__nav-text{font-size:.9rem;font-weight:500;line-height:1.3;text-align:left}.sidebar__nav-link--active,.sidebar__menu-tab--active{background:transparent;color:var(--color-primary);font-weight:700}.sidebar__nav-link:hover,.sidebar__menu-tab:hover{background-color:rgba(var(--color-primary),.15)}.sidebar__nav-link--active:hover,.sidebar__menu-tab--active:hover{background-color:rgba(var(--color-primary),.2)}}@media (max-width: 480px){.sidebar{width:300px;left:-300px}.sidebar-mobile-toggle{top:calc(var(--header-height) + 1rem);left:1rem;padding:.75rem;font-size:1.25rem}.sidebar__nav-link,.sidebar__menu-tab{padding:.875rem 1.25rem;min-height:50px;text-align:left;justify-content:flex-start}.sidebar__menu-tab{padding:.75rem 1.25rem;min-height:46px}.sidebar__nav-icon{font-size:1.375rem;margin-right:.875rem}.sidebar__menu-tab .sidebar__nav-icon{font-size:1.125rem;margin-right:.75rem}.sidebar__nav-text{font-size:.95rem;text-align:left}.sidebar__menu-tab .sidebar__nav-text{font-size:.85rem;text-align:left}}@media (max-width: 1024px){.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009}}@media (max-width: 1024px){.sidebar--mobile-open:after{content:"Swipe left to close";position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:.875rem;color:var(--color-text-secondary);opacity:.7;animation:fadeInHint .5s ease 1s both}}@keyframes fadeInHint{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:.7;transform:translate(-50%) translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-mobile-toggle,.sidebar__nav-link,.sidebar__menu-tab{transition:none}}.mobile-menu{background:var(--color-surface);color:var(--color-text-primary)}.mobile-menu__header{padding:1rem;border-bottom:1px solid var(--color-border)}.mobile-menu__title{font-size:1.25rem;font-weight:700;margin:0}.mobile-menu__content{padding:1rem;min-height:200px}.mobile-menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.mobile-menu__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.875rem}.mobile-menu__item:hover{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}.mobile-menu__item--active{border:2px solid var(--color-primary);background-color:rgba(var(--color-primary-rgb),.1);font-weight:600}.mobile-menu__item-icon{font-size:1.5rem;margin-bottom:.5rem}.mobile-menu__item-text{font-weight:500}.mobile-menu__loading,.mobile-menu__error,.mobile-menu__empty{text-align:center;padding:2rem 0}.loading-spinner,.error-icon{font-size:2rem;margin-bottom:.5rem}.retry-btn{margin-top:1rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.mobile-menu--horizontal{width:100%;height:48px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:fixed;top:60px;left:0;right:0;z-index:999;box-shadow:0 2px 4px #0000001a;animation:slideInFromTop .3s ease-out}@media (max-width: 480px){.mobile-menu--horizontal{top:56px;height:44px}}.mobile-menu--horizontal .mobile-menu__content{padding:.5rem 0;min-height:auto;background:transparent;height:100%;display:flex;align-items:center}.mobile-menu__wrapper--horizontal{display:flex;align-items:center;position:relative;width:100%;height:100%}.mobile-menu__grid--horizontal{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;padding:0 .5rem .25rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-grow:1;cursor:grab;user-select:none;scroll-behavior:smooth;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-x}.mobile-menu__grid--horizontal.is-dragging{cursor:grabbing;scroll-behavior:auto}.mobile-menu__grid--horizontal::-webkit-scrollbar{display:none}.mobile-menu__item--horizontal{flex:0 0 auto;min-width:100px;padding:.5rem .75rem;border-radius:var(--radius-md);background:none;border:none!important;outline:none!important;box-shadow:none!important;display:flex;flex-direction:row;align-items:center;gap:.5rem;white-space:nowrap;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s ease;cursor:pointer;min-height:44px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-menu__item--horizontal:hover{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.1)}.mobile-menu__item--horizontal.mobile-menu__item--active,.mobile-menu__item--horizontal[data-is-active=true]{color:var(--color-primary)!important;background-color:transparent!important;font-weight:600!important}.mobile-menu__item--horizontal:not(.mobile-menu__item--active),.mobile-menu__item--horizontal[data-is-active=false]{color:var(--color-text-secondary)!important;background-color:transparent!important;font-weight:500!important}.mobile-menu__item--horizontal.mobile-menu__item--active:hover,.mobile-menu__item--horizontal[data-is-active=true]:hover{background-color:transparent!important}.mobile-menu__item--horizontal .mobile-menu__item-icon{font-size:.75rem;margin:0;flex-shrink:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.mobile-menu__item--horizontal .mobile-menu__item-text{font-size:.875rem;line-height:1.2;white-space:nowrap;flex-grow:0}.mobile-menu__item--horizontal.mobile-menu__item--active .mobile-menu__item-text{font-weight:600}.scroll-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;cursor:pointer;z-index:10;flex-shrink:0;outline:none;border:none;padding:0;transition:all .2s ease;background-color:rgba(var(--color-surface-rgb),.9);border:1px solid var(--color-border);box-shadow:0 1px 3px #00000026;color:var(--color-primary);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.scroll-arrow:hover,.scroll-arrow:focus{background-color:rgba(var(--color-surface-rgb),1)!important;box-shadow:0 2px 6px #0003!important;outline:none!important;transform:scale(1.05)}.scroll-arrow:active{transform:scale(.95)}.scroll-arrow--left{margin-right:-.25rem}.scroll-arrow--right{margin-left:-.25rem}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flashScroll{0%,to{opacity:1;transform:scale(1);box-shadow:0 1px 3px #00000026;background-color:rgba(var(--color-surface-rgb),.9)}50%{opacity:.9;transform:scale(1.15);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.7);background-color:rgba(var(--color-surface-rgb),1)}}.scroll-arrow--flash{animation:flashScroll 1.2s ease-in-out infinite alternate}@media (hover: none) and (pointer: coarse){.mobile-menu__item--horizontal{min-height:44px;min-width:44px;padding:.75rem;border:none!important;outline:none!important;box-shadow:none!important}.scroll-arrow{width:24px;height:24px}.scroll-arrow:hover{transform:none}}@media (prefers-reduced-motion: reduce){.mobile-menu--horizontal{animation:none}.mobile-menu__item--horizontal,.scroll-arrow{transition:none}.mobile-menu__grid--horizontal{scroll-behavior:auto}.scroll-arrow--flash{animation:none}}.mobile-menu__grid--horizontal{overscroll-behavior-x:contain}@supports (-webkit-overflow-scrolling: touch){.mobile-menu__grid--horizontal{-webkit-overflow-scrolling:touch}}.mobile-menu__item--horizontal:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scroll-arrow:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.layout{display:grid;min-height:100vh;font-family:var(--font-primary);background-color:var(--color-background);grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr auto;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.layout__header{grid-area:header;z-index:1000}.layout__sidebar{grid-area:sidebar;z-index:999;background-color:var(--color-surface);border-right:1px solid var(--color-border)}.layout__main{grid-area:main;padding:var(--spacing-6);background-color:var(--color-background);position:relative;z-index:1;min-width:0;overflow-x:auto}.layout__footer{grid-area:footer;z-index:1000}.layout--no-sidebar{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}.layout--no-sidebar .layout__sidebar{display:none}.layout--sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.layout__container{max-width:1200px;margin:0 auto;width:100%;position:relative}@media (min-width: 1025px){.layout__main{padding:var(--spacing-4)}.layout__container{max-width:none;margin:0}}@media (max-width: 1024px){.layout{grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:60px 1fr 60px}.layout__sidebar{grid-area:unset;position:static;width:auto;height:auto;z-index:auto;transform:none;transition:none;border-right:none}.layout__main{padding:var(--spacing-2);padding-top:calc(60px + var(--spacing-2));padding-bottom:var(--spacing-2);min-height:calc(100vh - 120px)}.layout__container{padding:0;max-width:100%;margin:0}}@media (max-width: 480px){.layout{grid-template-rows:56px 1fr 56px}.layout__main{padding:var(--spacing-1);padding-top:calc(var(--spacing-1));min-height:calc(100vh - 112px)}}@media (max-width: 1024px){.layout__main--with-horizontal-menu{padding-top:50px;padding-bottom:var(--spacing-2)}}@media (max-width: 480px){.layout__main--with-horizontal-menu{padding-top:58px;padding-bottom:var(--spacing-1)}}@media (max-width: 1024px){.layout button,.layout .btn,.layout a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4)}.layout>*{scroll-margin-top:60px}}.layout__main--menu-open{overflow:hidden}.home-page{padding:var(--spacing-8);min-height:100vh;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-muted) 100%)}.home-page__hero{text-align:center;margin-bottom:var(--spacing-12);padding:var(--spacing-12) var(--spacing-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.home-page__title{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:var(--line-height-tight)}.home-page__subtitle{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.home-page__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-8)}.home-page__feature-card{padding:var(--spacing-8);background-color:var(--color-surface);border-radius:var(--radius-xl);text-align:center;transition:var(--transition-all);box-shadow:var(--shadow-card);border:1px solid var(--color-border);position:relative;overflow:hidden}.home-page__feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));transform:scaleX(0);transition:transform var(--transition-normal)}.home-page__feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.home-page__feature-card:hover:before{transform:scaleX(1)}.home-page__feature-title{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.home-page__feature-description{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.home-page__feature-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);display:block}.home-page__feature-card:nth-child(1) .home-page__feature-icon:before{content:"🥬"}.home-page__feature-card:nth-child(2) .home-page__feature-icon:before{content:"👨‍🍳"}.home-page__feature-card:nth-child(3) .home-page__feature-icon:before{content:"🚚"}@media (max-width: 1024px){.home-page{padding:var(--spacing-6) var(--spacing-4)}.home-page__hero{padding:var(--spacing-8) var(--spacing-6);margin-bottom:var(--spacing-8)}.home-page__title{font-size:var(--font-size-3xl)}.home-page__subtitle{font-size:var(--font-size-lg)}.home-page__features{gap:var(--spacing-4);margin-top:var(--spacing-6)}.home-page__feature-card{padding:var(--spacing-6)}.home-page__feature-title{font-size:var(--font-size-lg)}.home-page__feature-description{font-size:var(--font-size-sm)}}@media (max-width: 480px){.home-page{padding:var(--spacing-4) var(--spacing-3)}.home-page__hero{padding:var(--spacing-6) var(--spacing-4)}.home-page__title{font-size:var(--font-size-2xl)}.home-page__subtitle{font-size:var(--font-size-base)}.home-page__features{grid-template-columns:1fr;gap:var(--spacing-3)}.home-page__feature-card{padding:var(--spacing-4)}.home-page__feature-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}.home-page__feature-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.home-page__feature-description{font-size:var(--font-size-xs)}}.menu-card{background-color:var(--color-surface);border:1px solid var(--color-border);max-width:400px;border-radius:var(--radius-lg);padding:0;transition:var(--transition-all);cursor:pointer;position:relative;box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;height:100%;font-family:var(--font-primary);font-feature-settings:"kern" 1,"liga" 1}.menu-card:hover:not(.menu-card--unavailable){transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary)}.menu-card--unavailable{background-color:var(--color-surface-muted, #f9fafb);border-color:var(--color-border-dark, #d1d5db)}.menu-card__image{width:100%;height:200px;object-fit:cover;border-radius:0}.menu-card__image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,var(--color-surface-dark, #f3f4f6) 0%,var(--color-border) 100%);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--color-text-tertiary)}.menu-card--unavailable .menu-card__image,.menu-card--unavailable .menu-card__image-placeholder{filter:grayscale(70%);opacity:.6}.menu-card__status{position:absolute;top:var(--spacing-3);right:var(--spacing-3);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);text-transform:uppercase;z-index:2;font-family:var(--font-primary)}.menu-card__status--available{background-color:var(--color-success)}.menu-card__status--unavailable{background-color:var(--color-error)}.menu-card__cart-indicator{position:absolute;top:var(--spacing-3);left:var(--spacing-3);background-color:var(--color-primary);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);z-index:2;font-family:var(--font-primary)}.menu-card__discount-badge{position:absolute;top:var(--spacing-3);left:var(--spacing-3);background-color:var(--color-error);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);z-index:3;font-family:var(--font-primary)}.menu-card__content{padding:var(--spacing-5);flex:1;display:flex;flex-direction:column}.menu-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);margin-bottom:var(--spacing-2);line-height:1.4;font-family:var(--font-primary);display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.menu-card__title-article{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);font-family:var(--font-mono, "SF Mono", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace);background:none;padding:0;border:none;opacity:.7}.menu-card__nutrition{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);align-items:center}.menu-card__measure-item{background-color:transparent;color:var(--color-text-muted, #475569);padding:.2rem var(--spacing-2);border-radius:var(--radius-lg);font-weight:var(--font-weight-normal);border:1px solid var(--color-border-light, #e2e8f0);font-family:var(--font-primary);font-size:var(--font-size-sm)}.menu-card__nutrition-item{background-color:#f8fafc;color:var(--color-text-muted, #475569);padding:.2rem var(--spacing-2);border-radius:var(--radius-lg);font-weight:var(--font-weight-normal);border:1px solid var(--color-border-light, #e2e8f0);font-family:var(--font-primary)}.menu-card__composition{margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.4}.menu-card__composition-label{font-weight:var(--font-weight-normal);color:var(--color-text-accent, #374151);display:block;margin-bottom:var(--spacing-1);font-family:var(--font-primary)}.menu-card__composition-text{color:var(--color-text-secondary);font-family:var(--font-primary)}.menu-card__price-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);margin-top:auto}.menu-card__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);font-family:var(--font-primary)}.menu-card__discount-price{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.menu-card__original-price{font-size:var(--font-size-base);color:var(--color-text-tertiary);text-decoration:line-through;font-weight:var(--font-weight-normal);font-family:var(--font-primary)}.menu-card__discounted-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-error);font-family:var(--font-primary)}.menu-card__stock-info{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1);font-size:var(--font-size-sm)}.menu-card__stock{font-weight:var(--font-weight-normal);color:var(--color-text-secondary);background-color:var(--color-surface-dark, #f3f4f6);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-primary)}.menu-card__stock-info-section{margin-bottom:var(--spacing-4);padding:var(--spacing-2);background-color:var(--color-surface-dark, #f3f4f6);border-radius:var(--radius-sm);border:1px solid var(--color-border);text-align:center}.menu-card__stock-info-section .menu-card__stock{background-color:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary)}.menu-card__in-cart{font-weight:var(--font-weight-normal);color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);border:1px solid var(--color-primary);font-size:.8rem;font-family:var(--font-primary)}.menu-card__add-button{width:100%;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-height:44px;font-family:var(--font-primary)}.menu-card__add-button:hover:not(.menu-card__add-button--disabled){background-color:var(--color-primary-hover);transform:scale(1.02)}.menu-card__add-button--disabled{background-color:var(--color-muted, #9ca3af);color:#fff;cursor:not-allowed}.menu-card__add-button-arrow{transition:var(--transition-all);font-size:var(--font-size-sm)}.menu-card__add-button-arrow--up{transform:rotate(180deg)}.menu-card__add-button-article{margin-left:.25rem}.menu-card__meal-selector{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:#f8fafc;border-radius:var(--radius-md);border:1px solid var(--color-border-light, #e2e8f0);animation:slideDown .3s ease}.menu-card__meal-option{margin-bottom:var(--spacing-3)}.menu-card__meal-option:last-of-type{margin-bottom:var(--spacing-4)}.menu-card__meal-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-accent, #374151);font-family:var(--font-primary)}.menu-card__meal-checkbox{width:1rem;height:1rem;accent-color:var(--color-primary)}.menu-card__meal-name{font-family:var(--font-primary)}.menu-card__quantity-control{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);margin-left:1.5rem}.menu-card__quantity-btn{width:2rem;height:2rem;border:1px solid var(--color-border-dark, #d1d5db);background-color:var(--color-surface);color:var(--color-text-accent, #374151);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-normal);transition:var(--transition-all);font-family:var(--font-primary)}.menu-card__quantity-btn:hover:not(:disabled){background-color:var(--color-surface-dark, #f3f4f6);border-color:var(--color-text-tertiary)}.menu-card__quantity-btn:disabled{opacity:.5;cursor:not-allowed}.menu-card__quantity-input{width:3rem;height:2rem;text-align:center;border:1px solid var(--color-border-dark, #d1d5db);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-primary)}.menu-card__quantity-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.menu-card__confirm-button{width:100%;padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);cursor:pointer;transition:var(--transition-all);background-color:var(--color-border);color:var(--color-text-tertiary);font-family:var(--font-primary)}.menu-card__confirm-button--active{background-color:var(--color-success);color:#fff}.menu-card__confirm-button--active:hover{background-color:var(--color-success);transform:scale(1.02);filter:brightness(.9)}.menu-card__confirm-button:disabled{cursor:not-allowed;opacity:.5}.menu-card--unavailable .menu-card__title{color:var(--color-text-secondary)}.menu-card--unavailable .menu-card__title-article{color:var(--color-text-secondary);opacity:.5}.menu-card--unavailable .menu-card__measure-item{background-color:transparent;color:var(--color-text-tertiary);border-color:var(--color-border-dark, #d1d5db)}.menu-card--unavailable .menu-card__nutrition-item{background-color:var(--color-border-light, #e2e8f0);color:var(--color-text-tertiary);border-color:var(--color-border-dark, #d1d5db)}.menu-card--unavailable .menu-card__composition-label{color:var(--color-text-secondary)}.menu-card--unavailable .menu-card__composition-text{color:var(--color-text-tertiary)}.menu-card--unavailable .menu-card__price,.menu-card--unavailable .menu-card__original-price,.menu-card--unavailable .menu-card__discounted-price{color:var(--color-text-secondary)}.menu-card--unavailable .menu-card__stock{background-color:var(--color-border);color:var(--color-text-tertiary);border-color:var(--color-border-dark, #d1d5db)}@media (prefers-color-scheme: dark){.menu-card__nutrition-item,.menu-card__measure-item{background-color:transparent!important;border:none!important}.menu-card__in-cart{background-color:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary);color:#ff8a8a}.menu-card__meal-selector{background-color:transparent!important;border-color:var(--color-border)}.menu-card__stock-info-section{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.menu-card__quantity-btn{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.menu-card__quantity-btn:hover:not(:disabled){background-color:var(--color-hover);border-color:var(--color-text-tertiary)}.menu-card__quantity-input{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.menu-card__confirm-button{background-color:var(--color-border);color:var(--color-text-secondary)}.menu-card__confirm-button--active{background-color:var(--color-success);color:#fff}.menu-card--unavailable{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.menu-card--unavailable .menu-card__image,.menu-card--unavailable .menu-card__image-placeholder{filter:grayscale(70%) brightness(.6)}}@media (max-width: 768px){.menu-card{border-radius:var(--radius-md)}.menu-card__image,.menu-card__image-placeholder{height:160px}.menu-card__content{padding:var(--spacing-4)}.menu-card__title{font-size:var(--font-size-base);margin-bottom:var(--spacing-2);gap:var(--spacing-2)}.menu-card__title-article{font-size:var(--font-size-sm)}.menu-card__nutrition{gap:calc(var(--spacing-1) + .125rem);margin-bottom:var(--spacing-3)}.menu-card__measure-item,.menu-card__nutrition-item{font-size:.7rem;padding:.15rem .4rem}.menu-card__status{top:var(--spacing-2);right:var(--spacing-2);padding:.2rem .4rem;font-size:.65rem}.menu-card__cart-indicator,.menu-card__discount-badge{top:var(--spacing-2);left:var(--spacing-2);padding:.2rem .4rem;font-size:.65rem}.menu-card__add-button{padding:.875rem var(--spacing-4);font-size:var(--font-size-sm);min-height:48px}.menu-card__meal-selector{padding:var(--spacing-3)}.menu-card__original-price,.menu-card__discounted-price{font-size:var(--font-size-sm)}.menu-card__quantity-control{gap:var(--spacing-1);margin-left:0rem}.menu-card__quantity-btn{width:1.5rem;height:1.5rem;font-size:.875rem}.menu-card__quantity-input{width:2.5rem;height:1.5rem;font-size:.875rem}}@media (max-width: 480px){.menu-card__title{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.menu-card__title-article{font-size:.7rem}.menu-card__nutrition{gap:var(--spacing-1)}.menu-card__measure-item,.menu-card__nutrition-item{font-size:.65rem;padding:.1rem .35rem;font-weight:var(--font-weight-normal)}.menu-card__price-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.menu-card__stock-info{align-items:flex-start}.menu-card__quantity-control{gap:.25rem;margin-left:0rem;margin-top:var(--spacing-1)}.menu-card__quantity-btn{width:1.25rem;height:1.25rem;font-size:.75rem;padding:0}.menu-card__quantity-input{width:2rem;height:1.5rem;font-size:.75rem;padding:.125rem}}.menu-card{text-rendering:optimizeLegibility}.recipe-card{display:flex;max-width:400px;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .3s ease;border:1px solid #e5e7eb}.recipe-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.recipe-card__image{width:100%;height:200px;object-fit:cover;background-color:#f9fafb}.recipe-card__image-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);font-size:3rem;color:#9ca3af}.recipe-card__content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.recipe-card__title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem;line-height:1.4;text-align:center}.recipe-card__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.recipe-card__recipe-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s ease;text-align:center}.recipe-card__recipe-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.recipe-card__recipe-button--disabled{background-color:#9ca3af;cursor:not-allowed;pointer-events:none}.recipe-card__recipe-button--disabled:hover{transform:none;background-color:#9ca3af}.recipe-card__order-link{display:block;color:var(--color-primary-hover);text-decoration:none;font-weight:500;font-size:.875rem;text-align:center;padding:.5rem;transition:color .2s ease}.recipe-card__order-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 768px){.recipe-card__image,.recipe-card__image-placeholder{height:160px}.recipe-card__content{padding:1rem}.recipe-card__title{font-size:1.125rem;margin-bottom:1rem}.recipe-card__actions{gap:.5rem}.recipe-card__recipe-button,.recipe-card__order-link{padding:.625rem .75rem;font-size:.8125rem}}@media (prefers-color-scheme: dark){.recipe-card{background:#1f2937;border-color:#374151}.recipe-card__title{color:#f9fafb}.recipe-card__image-placeholder{background:linear-gradient(135deg,#374151,#4b5563);color:#9ca3af}}@media (prefers-reduced-motion: reduce){.recipe-card,.recipe-card__recipe-button,.recipe-card__order-link{transition:none}.recipe-card:hover,.recipe-card__recipe-button:hover,.recipe-card__order-link:hover{transform:none}}.menu-section{padding:1rem 0}.menu-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.menu-section__title{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.menu-section__description{font-size:1rem;color:#6b7280;margin-bottom:2rem;padding:0 .5rem;line-height:1.6}.menu-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.menu-section__empty{text-align:center;padding:3rem 1rem;color:#6b7280}.menu-section__empty-icon{font-size:3rem;margin-bottom:1rem}.menu-section__empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#374151}.menu-section__empty-text{font-size:1rem}@media (max-width: 768px){.menu-section{padding:.75rem 0}.menu-section__header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:0 .25rem}.menu-section__title{font-size:1.5rem;gap:.5rem}.menu-section__description{font-size:.9rem;margin-bottom:1.5rem;padding:0 .25rem}.menu-section__grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.menu-section__empty{padding:2rem 1rem}.menu-section__empty-icon{font-size:2.5rem}.menu-section__empty-title{font-size:1.125rem}.menu-section__empty-text{font-size:.9rem}}@media (max-width: 480px){.menu-section__title{font-size:1.375rem}.menu-section__description{font-size:.875rem}.menu-section__grid{gap:.875rem}}@media (max-width: 768px) and (orientation: landscape){.menu-section{padding:.5rem 0}.menu-section__header{flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.75rem}.menu-section__title{font-size:1.375rem}.menu-section__description{font-size:.875rem;margin-bottom:1rem}.menu-section__grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.menu-section__empty{padding:1.5rem 1rem}}@media (min-width: 769px) and (max-width: 1024px){.menu-section__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}}@media (min-width: 1200px){.menu-section__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}.menu-page{padding:var(--spacing-6) var(--spacing-6);max-width:none;margin:0 auto;min-height:100vh;position:relative;width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.menu-page--swiping{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.menu-page--swiping button,.menu-page--swiping a,.menu-page--swiping input{pointer-events:auto}.menu-page__swipe-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:1rem 2rem;border-radius:var(--radius-lg, 12px);font-size:1.25rem;font-weight:600;z-index:9999;pointer-events:none;animation:fadeInOut .3s ease-in-out}.menu-page__content{position:relative;min-height:200px}.menu-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.menu-page__loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.menu-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ef4444;background-color:#fef2f2;border-radius:8px;border:1px solid #fecaca;margin-bottom:2rem}.menu-page__error-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.menu-page__error-message{margin-bottom:1rem;text-align:center}.menu-page__error-button{padding:.5rem 1rem;border-radius:6px;border:1px solid #ef4444;background-color:transparent;color:#ef4444;cursor:pointer;font-size:.875rem;transition:all .2s ease}.menu-page__error-button:hover{background-color:#ef4444;color:#fff}.menu-page__info{margin-top:2rem;padding:1rem;background-color:#f8fafc;border-radius:8px;font-size:.875rem;color:#64748b;text-align:center;border:1px solid #e2e8f0}.menu-page__info strong{color:#374151}.menu-page__searching{position:absolute;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.875rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.menu-page__content>*{animation:fadeInUp .3s ease-out}.menu-page [class*=items],.menu-page [class*=grid],.menu-page [class*=list]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1.5rem!important}@media (max-width: 768px){.menu-page{padding:1rem;margin-left:0}.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.menu-page [class*=items],.menu-page [class*=grid],.menu-page [class*=list]{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}}@media (max-width: 480px){.menu-page{padding:.75rem}.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.menu-page [class*=items],.menu-page [class*=grid],.menu-page [class*=list]{gap:.5rem!important}}@media (max-width: 768px) and (orientation: landscape){.menu-page{padding:.75rem}}@media (hover: none) and (pointer: coarse){.menu-page{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion: reduce){.menu-page__swipe-indicator,.menu-section{animation:none}.menu-page__content>*{animation:none}}@media (prefers-color-scheme: dark){.menu-page__info{background-color:#2d3748;border-color:#4a5568;color:#a0aec0}.menu-page__info strong{color:#f7fafc}}.recipe-page{padding:var(--spacing-6) var(--spacing-4);max-width:none;margin:0 auto;min-height:100vh;position:relative;width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.recipe-page--swiping{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.recipe-page--swiping button,.recipe-page--swiping a,.recipe-page--swiping input{pointer-events:auto}.recipe-page__swipe-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:1rem 2rem;border-radius:var(--radius-lg, 12px);font-size:1.25rem;font-weight:600;z-index:9999;pointer-events:none;animation:fadeInOut .3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}.menu-section{animation:categoryFadeIn .3s ease-in-out}@keyframes categoryFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.recipe-page__content{position:relative;min-height:200px}.recipe-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.recipe-page__loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.recipe-page__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ef4444;background-color:#fef2f2;border-radius:8px;border:1px solid #fecaca;margin-bottom:2rem}.recipe-page__error-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.recipe-page__error-message{margin-bottom:1rem;text-align:center}.recipe-page__error-button{padding:.5rem 1rem;border-radius:6px;border:1px solid #ef4444;background-color:transparent;color:#ef4444;cursor:pointer;font-size:.875rem;transition:all .2s ease}.recipe-page__error-button:hover{background-color:#ef4444;color:#fff}.recipe-page__info{margin-top:2rem;padding:1rem;background-color:#f8fafc;border-radius:8px;font-size:.875rem;color:#64748b;text-align:center;border:1px solid #e2e8f0}.recipe-page__info strong{color:#374151}.recipe-page__searching{position:absolute;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.875rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.recipe-page__content>*{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.recipe-page [class*=items],.recipe-page [class*=grid],.recipe-page [class*=list]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1.5rem!important}@media (max-width: 768px){.recipe-page{padding:1rem;margin-left:0}.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.recipe-page [class*=items],.recipe-page [class*=grid],.recipe-page [class*=list]{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}}@media (max-width: 480px){.recipe-page{padding:.75rem}.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.recipe-page [class*=items],.recipe-page [class*=grid],.recipe-page [class*=list]{gap:.5rem!important}}@media (max-width: 768px) and (orientation: landscape){.recipe-page{padding:.75rem}}@media (hover: none) and (pointer: coarse){.recipe-page{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion: reduce){.recipe-page__swipe-indicator,.menu-section{animation:none}.recipe-page__content>*{animation:none}}@media (prefers-color-scheme: dark){.recipe-page__info{background-color:#2d3748;border-color:#4a5568;color:#a0aec0}.recipe-page__info strong{color:#f7fafc}}.recipe-detail{min-height:100vh;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-surface-elevated) 100%);padding:var(--spacing-4) 0}.recipe-detail__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);margin-bottom:var(--spacing-6);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);max-width:1200px;margin-left:auto;margin-right:auto}.recipe-detail__back{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-all)}.recipe-detail__back:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface);transform:translate(-2px)}.recipe-detail__qr{padding:0;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.recipe-detail__qr img{width:36px;height:36px;border-radius:2px;background:#fff;padding:1px;display:block}.recipe-detail__qr:hover{background:var(--color-primary-hover);transform:scale(1.05)}.qr-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-modal__content{background:var(--color-surface);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);max-width:90vw;max-height:90vh}.qr-modal__image{width:200px;height:200px;border-radius:var(--radius-lg);background:#fff;padding:var(--spacing-2);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm)}.qr-modal__text{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.qr-modal{animation:fadeIn .2s ease-out}.qr-modal__content{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.qr-modal__content{padding:var(--spacing-6)}.qr-modal__image{width:150px;height:150px}}.recipe-detail__hero{max-width:1200px;margin:0 auto var(--spacing-8) auto;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.recipe-detail__image{width:100%;aspect-ratio:16/9;max-height:60vh;overflow:hidden;background:var(--color-surface-muted);position:relative}.recipe-detail__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-500) ease}.recipe-detail__image:hover img{transform:scale(1.02)}.recipe-detail__info{padding:var(--spacing-8)}.recipe-detail__title{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recipe-detail__description{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}.recipe-detail__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--color-surface-muted);border-radius:var(--radius-lg)}.spec{text-align:center}.spec__label{display:block;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.spec__value{display:block;font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.recipe-detail__nutrition{display:flex;justify-content:space-around;padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.nutrition-item{text-align:center}.nutrition-item span{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-inverse)}.recipe-detail__section{max-width:1200px;margin:0 auto var(--spacing-8) auto;background:var(--color-surface);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.recipe-detail__section h2{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3)}.recipe-detail__section p{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-4)}.content-text{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal)}.content-text p{margin-bottom:var(--spacing-4)}.content-text p:last-child{margin-bottom:0}.recipe-detail__gallery{max-width:1200px;margin:0 auto;background:var(--color-surface);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.recipe-detail__gallery h2{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.gallery{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr)}.gallery__item{aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-muted);transition:var(--transition-all)}.gallery__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-300) ease}.gallery__item:hover img{transform:scale(1.05)}.recipe-detail__loading,.recipe-detail__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;max-width:600px;margin:0 auto;background:var(--color-surface);padding:var(--spacing-12);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.recipe-detail__error h2{font-family:var(--font-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.recipe-detail__error p{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.loading-text{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.btn{padding:var(--spacing-4) var(--spacing-8);border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.4)}@media (max-width: 1024px){.recipe-detail{padding:var(--spacing-8) 0 var(--spacing-4) 0}.recipe-detail__header,.recipe-detail__hero,.recipe-detail__section,.recipe-detail__gallery{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.recipe-detail__info{padding:var(--spacing-6)}.recipe-detail__title{font-size:var(--font-size-3xl)}.recipe-detail__specs{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.recipe-detail{padding:var(--spacing-12) 0 var(--spacing-4) 0}.recipe-detail__header{padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4)}.recipe-detail__back{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.recipe-detail__image{aspect-ratio:4/3}.recipe-detail__info{padding:var(--spacing-4)}.recipe-detail__title{font-size:var(--font-size-2xl)}.recipe-detail__description{font-size:var(--font-size-base)}.recipe-detail__specs{grid-template-columns:1fr;gap:var(--spacing-3);padding:var(--spacing-4)}.recipe-detail__nutrition{flex-direction:column;gap:var(--spacing-2);text-align:center}.recipe-detail__section,.recipe-detail__gallery{padding:var(--spacing-4)}.gallery{grid-template-columns:1fr;gap:var(--spacing-3)}.spec__value{font-size:var(--font-size-lg)}}.delivery-page{padding:var(--spacing-8);max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-background) 100%)}.delivery-page__title{text-align:center;margin-bottom:var(--spacing-12);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:var(--line-height-tight)}.delivery-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-8)}.delivery-page__card{padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background-color:var(--color-surface);transition:var(--transition-all);border:1px solid var(--color-border)}.delivery-page__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.delivery-page__card-title{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.delivery-page__card-icon{color:var(--color-primary);font-size:var(--font-size-lg)}.delivery-page__info-item{margin-bottom:var(--spacing-3);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.delivery-page__info-item:last-child{margin-bottom:0}.delivery-page__info-item p{margin:var(--spacing-2) 0 0 0;color:var(--color-text-secondary)}.delivery-page__info-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.delivery-page__features-list{list-style:none;padding:0;margin:0}.delivery-page__feature-item{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6);position:relative;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.delivery-page__feature-item:last-child{margin-bottom:0}.delivery-page__feature-item a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.delivery-page__feature-item a:hover{text-decoration:underline}.delivery-page__feature-check{position:absolute;left:0;top:0;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}@media (max-width: 1024px){.delivery-page{padding:var(--spacing-6) var(--spacing-4)}.delivery-page__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-8)}.delivery-page__grid{gap:var(--spacing-6);margin-top:var(--spacing-6)}.delivery-page__card{padding:var(--spacing-6)}.delivery-page__card-title{font-size:var(--font-size-lg);gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.delivery-page__info-item,.delivery-page__feature-item{font-size:var(--font-size-sm)}}@media (max-width: 480px){.delivery-page{padding:var(--spacing-4) var(--spacing-3)}.delivery-page__title{font-size:var(--font-size-2xl)}.delivery-page__grid{grid-template-columns:1fr;gap:var(--spacing-4)}.delivery-page__card{padding:var(--spacing-4)}.delivery-page__card-title{font-size:var(--font-size-base);flex-direction:column;text-align:center;gap:var(--spacing-2)}.delivery-page__card-icon{font-size:var(--font-size-xl)}.delivery-page__feature-item{padding-left:var(--spacing-5);font-size:var(--font-size-sm)}}.payment-method-selector{padding:var(--spacing-6);font-family:var(--font-primary)}.payment-header{text-align:center;margin-bottom:var(--spacing-8)}.payment-header h2{margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.payment-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.payment-methods{margin-bottom:var(--spacing-6)}.payment-method{display:flex;align-items:center;padding:var(--spacing-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);cursor:pointer;transition:var(--transition-all);position:relative;background:var(--color-surface)}.payment-method:hover{border-color:var(--color-primary);background:var(--color-surface-muted);transform:translateY(-1px);box-shadow:var(--shadow-md)}.payment-method.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:var(--shadow-focus)}.method-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-4);flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border-light);padding:var(--spacing-1)}.method-icon svg{width:100%;height:100%;border-radius:var(--radius-md)}.method-icon img{object-fit:contain;border-radius:var(--radius-md);background:var(--color-surface);padding:var(--spacing-1);max-width:100%;height:auto}.kaspi-icon,.halyk-icon{background:var(--color-surface)!important;border:1px solid var(--color-border)}.method-info{flex:1;min-width:0}.method-info h3{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.method-info p{margin:0 0 var(--spacing-1) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.method-commission{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.method-radio{margin-left:var(--spacing-4);flex-shrink:0}.method-radio input[type=radio]{width:24px;height:24px;accent-color:var(--color-primary);cursor:pointer}.payment-error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.error-icon{font-size:var(--font-size-lg);flex-shrink:0}.error-retry-btn{margin-left:auto;padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.error-retry-btn:hover:not(:disabled){background:var(--color-primary-hover)}.error-retry-btn:disabled{opacity:.6;cursor:not-allowed}.network-warning{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--spacing-5);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.network-status.offline{background:var(--color-error-light);color:var(--color-error);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-base);font-size:.8rem;margin-top:var(--spacing-2);font-weight:var(--font-weight-medium)}.payment-actions{display:flex;gap:var(--spacing-4)}.btn{flex:1;padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-base);min-height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);font-weight:var(--font-weight-bold)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-dark));transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-right:var(--spacing-2)}.mobile-hints{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--color-info-light);border-radius:var(--radius-lg);border-left:4px solid var(--color-info)}.mobile-hints p{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-xs);color:var(--color-info);line-height:var(--line-height-normal)}.mobile-hints p:last-child{margin-bottom:0}@media (max-width: 1024px){.payment-method-selector{padding:var(--spacing-5) var(--spacing-4)}.payment-header{margin-bottom:var(--spacing-6)}.payment-header h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.payment-amount{font-size:var(--font-size-2xl)}.payment-method{padding:var(--spacing-4);border-radius:var(--radius-xl);margin-bottom:var(--spacing-3);min-height:80px}.payment-method:hover{transform:none}.payment-method:active{transform:scale(.98);background:var(--color-surface-elevated)}.method-icon{width:44px;height:44px;margin-right:var(--spacing-3);border-radius:var(--radius-md)}.method-icon img{padding:var(--spacing-half)}.method-info h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.method-info p{font-size:var(--font-size-xs)}.method-commission{font-size:.7rem}.method-radio input[type=radio]{width:22px;height:22px}.payment-error{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);font-size:var(--font-size-sm)}.error-retry-btn{padding:var(--spacing-2) var(--spacing-3);font-size:.8rem;border-radius:var(--radius-md);min-height:44px;min-width:44px}.network-warning{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.payment-actions{gap:var(--spacing-3);flex-direction:column}.btn{width:100%;padding:var(--spacing-4) var(--spacing-6);min-height:60px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border-radius:var(--radius-xl)}.btn:active{transform:scale(.98)}.mobile-hints{margin-top:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-xl)}.mobile-hints p{font-size:.8rem}}@media (max-width: 480px){.payment-method-selector{padding:var(--spacing-4) var(--spacing-3)}.payment-header h2{font-size:var(--font-size-base)}.payment-amount{font-size:var(--font-size-xl)}.payment-method{padding:var(--spacing-4) var(--spacing-3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);min-height:76px}.method-icon{width:40px;height:40px;margin-right:var(--spacing-3)}.method-icon img{padding:2px}.method-info h3{font-size:var(--font-size-sm)}.method-info p{font-size:.75rem}.method-commission{font-size:.65rem}.method-radio{margin-left:var(--spacing-3)}.method-radio input[type=radio]{width:20px;height:20px}.payment-error{padding:var(--spacing-3);margin-bottom:var(--spacing-4);font-size:var(--font-size-xs)}.error-retry-btn{padding:var(--spacing-1) var(--spacing-2);font-size:.75rem}.payment-actions{gap:var(--spacing-2)}.btn{padding:var(--spacing-4) var(--spacing-5);min-height:56px;font-size:var(--font-size-base);border-radius:var(--radius-lg)}.mobile-hints{padding:var(--spacing-2) var(--spacing-3)}.mobile-hints p{font-size:.75rem}}@media (max-width: 1024px){.payment-method,.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.payment-method.selected{animation:selectPulse var(--duration-300) ease}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.network-warning{animation:slideIn var(--duration-300) ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 360px){.payment-method-selector{padding:var(--spacing-3) var(--spacing-2)}.payment-method{padding:var(--spacing-3);margin-bottom:var(--spacing-2)}.method-icon{width:36px;height:36px;margin-right:var(--spacing-2)}.method-icon img{padding:1px}.method-info h3{font-size:.9rem}.btn{padding:var(--spacing-3) var(--spacing-4);min-height:52px;font-size:var(--font-size-sm)}}@media (max-width: 1024px){.payment-method:focus,.btn:focus{outline:3px solid var(--color-primary);outline-offset:2px}}@media (prefers-color-scheme: dark){.method-icon img{background:var(--color-surface-elevated);filter:brightness(1.1)}.kaspi-icon,.halyk-icon{background:var(--color-surface-elevated)!important;border-color:var(--color-border-strong)}}@media (prefers-reduced-motion: reduce){.btn-spinner,.payment-method,.btn,.network-warning{animation:none!important;transition:none!important}.payment-method:hover,.payment-method:active,.btn:hover,.btn:active{transform:none!important}}.notification-channel-wrapper{margin-bottom:var(--spacing-4)}.notification-channel-selector{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);background:transparent;padding:var(--spacing-3);border-radius:var(--radius-md)}.notification-channel-selector *{display:inline;margin:0;padding:0;background:none;border:none;vertical-align:middle}.notification-channel-selector h3{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);margin-right:var(--spacing-3)}.notification-channel-selector input[type=radio]{width:18px;height:18px;margin:0 var(--spacing-1) 0 var(--spacing-3);cursor:pointer;accent-color:var(--color-primary);transition:var(--transition-all)}.notification-channel-selector input[type=radio]:first-of-type{margin-left:0}.notification-channel-selector input[type=radio]:hover{transform:scale(1.1)}.notification-channel-selector input[type=radio]:checked{filter:brightness(1.1)}.notification-channel-selector label{cursor:pointer;color:var(--color-text-primary);white-space:nowrap;font-size:var(--font-size-sm);transition:color .2s ease;font-weight:var(--font-weight-medium)}.notification-channel-selector label:hover{color:var(--color-primary)}.notification-channel-selector svg{vertical-align:middle;margin-right:4px}.whatsapp-phone-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-3)}.whatsapp-phone-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.whatsapp-phone-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);transition:var(--transition-all);color:var(--color-text-primary)}.whatsapp-phone-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.whatsapp-phone-input.error{border-color:var(--color-error);background-color:#ef44440d}.whatsapp-phone-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1);font-weight:var(--font-weight-medium)}.whatsapp-phone-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}@media (prefers-color-scheme: dark){.notification-channel-selector{background-color:transparent}.notification-channel-selector h3,.notification-channel-selector label{color:var(--color-text-primary)}.notification-channel-selector input[type=radio]{filter:brightness(1.2)}.whatsapp-phone-input-wrapper{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.whatsapp-phone-input{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.whatsapp-phone-input.error{background-color:#ef44441a}}@media (max-width: 1024px){.notification-channel-selector{display:block}.notification-channel-selector h3{display:block;margin-bottom:var(--spacing-2)}.notification-channel-selector input[type=radio]:first-of-type{margin-left:0}.whatsapp-phone-input-wrapper{padding:var(--spacing-2)}.whatsapp-phone-input{padding:var(--spacing-2) var(--spacing-3)}}@media (max-width: 480px){.notification-channel-selector{font-size:var(--font-size-xs)}.notification-channel-selector h3{font-size:var(--font-size-sm)}.notification-channel-selector input[type=radio]{width:16px;height:16px;margin:0 4px 0 var(--spacing-2)}.notification-channel-selector label{font-size:var(--font-size-xs)}.whatsapp-phone-input{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.notification-channel-selector input[type=radio]:hover{transform:none}.notification-channel-selector input[type=radio],.notification-channel-selector label,.whatsapp-phone-input{transition:none}}.kaspi-payment{padding:var(--spacing-6);background:var(--color-surface);min-height:100%;font-family:var(--font-primary)}.kaspi-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center;margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:linear-gradient(135deg,var(--color-error),var(--color-error-light));border-radius:var(--radius-lg);color:var(--color-text-inverse);margin:calc(-1 * var(--spacing-6)) calc(-1 * var(--spacing-6)) var(--spacing-8) calc(-1 * var(--spacing-6));position:relative;overflow:hidden}.kaspi-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="60" cy="70" r="1" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.kaspi-header svg{position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform var(--duration-200) ease}.kaspi-logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);position:relative;z-index:1}.kaspi-subtitle{opacity:.9;font-size:var(--font-size-base);position:relative;z-index:1}.qr-container{display:flex;justify-content:center;margin-bottom:var(--spacing-8);padding:var(--spacing-5);background:var(--color-surface-muted);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.qr-code{width:200px;height:200px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.qr-placeholder{width:200px;height:200px;border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-muted);display:flex;align-items:center;justify-content:center}.qr-loading{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.qr-loading:before{content:"";width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.kaspi-instructions{background:var(--color-surface-muted);padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-8);border:1px solid var(--color-border)}.kaspi-instructions h3{margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.kaspi-instructions ol{margin:0;padding-left:var(--spacing-5);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.kaspi-instructions li{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.kaspi-actions{display:flex;gap:var(--spacing-4)}.kaspi-actions .btn{flex:1;padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-base);min-height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary)}.kaspi-actions .btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.kaspi-actions .btn-secondary:hover{background:var(--color-border);transform:translateY(-1px)}.kaspi-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);font-weight:var(--font-weight-bold)}.kaspi-actions .btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-dark));transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3)}@media (max-width: 1024px){.kaspi-payment{padding:var(--spacing-5) var(--spacing-4)}.kaspi-header{gap:var(--spacing-2);margin:calc(-1 * var(--spacing-5)) calc(-1 * var(--spacing-4)) var(--spacing-6) calc(-1 * var(--spacing-4));padding:var(--spacing-5) var(--spacing-4);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.kaspi-header svg{width:56px;height:56px}.kaspi-logo{font-size:var(--font-size-2xl)}.kaspi-subtitle{font-size:var(--font-size-sm)}.amount{font-size:var(--font-size-2xl)}.order-number{font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.qr-container{padding:var(--spacing-4);margin-bottom:var(--spacing-6);border-radius:var(--radius-xl)}.qr-code,.qr-placeholder{width:180px;height:180px;border-radius:var(--radius-xl)}.kaspi-instructions{padding:var(--spacing-5) var(--spacing-4);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6)}.kaspi-instructions h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.kaspi-instructions li{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.kaspi-actions{gap:var(--spacing-3);flex-direction:column}.kaspi-actions .btn{width:100%;padding:var(--spacing-4) var(--spacing-6);min-height:60px;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.kaspi-actions .btn:active{transform:scale(.98)}.kaspi-actions .btn:hover{transform:none}}@media (max-width: 480px){.kaspi-payment{padding:var(--spacing-4) var(--spacing-3)}.kaspi-header{gap:var(--spacing-2);margin:calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-3)) var(--spacing-5) calc(-1 * var(--spacing-3));padding:var(--spacing-4) var(--spacing-3);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.kaspi-header svg{width:48px;height:48px}.kaspi-logo{font-size:var(--font-size-xl)}.kaspi-subtitle{font-size:var(--font-size-xs)}.amount{font-size:var(--font-size-xl)}.order-number{font-size:var(--font-size-xs);margin-bottom:var(--spacing-5)}.qr-container{padding:var(--spacing-3);margin-bottom:var(--spacing-5);border-radius:var(--radius-xl)}.qr-code,.qr-placeholder{width:160px;height:160px;border-radius:var(--radius-lg)}.qr-loading{font-size:.8rem}.kaspi-instructions{padding:var(--spacing-4) var(--spacing-3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.kaspi-instructions h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.kaspi-instructions ol{padding-left:var(--spacing-4)}.kaspi-instructions li{font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.kaspi-actions{gap:var(--spacing-2)}.kaspi-actions .btn{padding:var(--spacing-4) var(--spacing-5);min-height:56px;font-size:var(--font-size-base);border-radius:var(--radius-lg)}}@media (max-width: 360px){.kaspi-payment{padding:var(--spacing-3) var(--spacing-2)}.kaspi-header{margin:calc(-1 * var(--spacing-3)) calc(-1 * var(--spacing-2)) var(--spacing-4) calc(-1 * var(--spacing-2));padding:var(--spacing-4) var(--spacing-3)}.qr-code,.qr-placeholder{width:140px;height:140px}.kaspi-instructions{padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.kaspi-actions .btn{padding:var(--spacing-3) var(--spacing-4);min-height:52px;font-size:var(--font-size-sm)}}@media (max-width: 1024px){.kaspi-actions .btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.qr-code{-webkit-user-select:none;user-select:none}.qr-placeholder{animation:qrPulse 2s ease-in-out infinite}@keyframes qrPulse{0%,to{opacity:1}50%{opacity:.7}}.kaspi-header:hover svg{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.qr-placeholder,.kaspi-actions .btn,.kaspi-header svg{animation:none!important;transition:none!important}.kaspi-actions .btn:hover,.kaspi-actions .btn:active,.kaspi-header:hover svg{transform:none!important}}.halyk-payment{padding:var(--spacing-6);background:var(--color-surface);min-height:100%;font-family:var(--font-primary)}.halyk-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center;margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:linear-gradient(135deg,var(--color-info),var(--color-info-light));border-radius:var(--radius-lg);color:var(--color-text-inverse);margin:calc(-1 * var(--spacing-6)) calc(-1 * var(--spacing-6)) var(--spacing-8) calc(-1 * var(--spacing-6));position:relative;overflow:hidden}.halyk-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="35" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.halyk-header svg{position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform var(--duration-200) ease}.halyk-logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);position:relative;z-index:1}.halyk-subtitle{opacity:.9;font-size:var(--font-size-base);position:relative;z-index:1}.payment-status{text-align:center;padding:var(--spacing-12) var(--spacing-6);background:var(--color-surface-muted);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:var(--spacing-6)}.status-loading,.status-redirecting{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--color-text-secondary)}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-info);border-radius:var(--radius-full);width:40px;height:40px;animation:spin 1s linear infinite}.status-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--color-error)}.error-icon{font-size:var(--font-size-4xl)}.error-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center;line-height:var(--line-height-normal)}.halyk-actions{display:flex;justify-content:center;margin-top:var(--spacing-8)}.halyk-actions .btn{min-width:120px;padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-base);min-height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary)}.halyk-actions .btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.halyk-actions .btn-secondary:hover{background:var(--color-border);transform:translateY(-1px)}.mobile-payment-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4)}.mobile-payment-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);text-align:center}.mobile-payment-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);text-align:center;line-height:var(--line-height-normal)}.mobile-payment-btn{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-info),var(--color-info-light));color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);min-height:56px;width:100%;max-width:280px;margin:0 auto;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px rgba(var(--color-info-rgb, 59, 130, 246),.3)}.mobile-payment-btn:hover{background:linear-gradient(135deg,var(--color-info-light),var(--color-info));transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-info-rgb, 59, 130, 246),.4)}.mobile-payment-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--color-info-rgb, 59, 130, 246),.3)}.countdown{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-3);font-style:italic}.mobile-error-hints{margin-top:var(--spacing-4);text-align:left;max-width:280px}.mobile-error-hints p{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.mobile-error-hints ul{margin:0;padding-left:var(--spacing-5);color:var(--color-text-secondary)}.mobile-error-hints li{margin-bottom:var(--spacing-1);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.mobile-payment-info{background:var(--color-info-light);border-radius:var(--radius-xl);padding:var(--spacing-5) var(--spacing-4);margin:var(--spacing-6) 0;border:1px solid var(--color-info)}.info-item{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-info);font-weight:var(--font-weight-medium)}.info-item:last-child{margin-bottom:0}.info-icon{font-size:var(--font-size-lg);flex-shrink:0}@media (max-width: 1024px){.halyk-payment{padding:var(--spacing-5) var(--spacing-4)}.halyk-header{gap:var(--spacing-2);margin:calc(-1 * var(--spacing-5)) calc(-1 * var(--spacing-4)) var(--spacing-6) calc(-1 * var(--spacing-4));padding:var(--spacing-5) var(--spacing-4);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.halyk-header svg{width:56px;height:56px}.halyk-logo{font-size:var(--font-size-2xl)}.halyk-subtitle{font-size:var(--font-size-sm)}.amount{font-size:var(--font-size-2xl)}.order-number{font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.payment-status{padding:var(--spacing-10) var(--spacing-5);border-radius:var(--radius-xl);margin-bottom:var(--spacing-5)}.spinner{width:36px;height:36px;border-width:3px}.error-icon{font-size:var(--font-size-3xl)}.error-message{font-size:var(--font-size-base)}.status-loading,.status-redirecting{gap:var(--spacing-3);font-size:var(--font-size-sm)}.halyk-actions{margin-top:var(--spacing-6)}.halyk-actions .btn{width:100%;max-width:280px;padding:var(--spacing-4) var(--spacing-6);min-height:60px;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.halyk-actions .btn:active{transform:scale(.98)}.halyk-actions .btn:hover{transform:none}.mobile-payment-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-3)}.mobile-payment-title{font-size:var(--font-size-lg)}.mobile-payment-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--spacing-5);padding:0 var(--spacing-2)}.mobile-payment-btn{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base);border-radius:var(--radius-xl);min-height:60px}.mobile-payment-info{margin:var(--spacing-5) 0;padding:var(--spacing-4);border-radius:var(--radius-xl)}.info-item{font-size:var(--font-size-xs);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.info-icon{font-size:var(--font-size-lg)}}@media (max-width: 480px){.halyk-payment{padding:var(--spacing-4) var(--spacing-3)}.halyk-header{gap:var(--spacing-2);margin:calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-3)) var(--spacing-5) calc(-1 * var(--spacing-3));padding:var(--spacing-4) var(--spacing-3);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.halyk-header svg{width:48px;height:48px}.halyk-logo{font-size:var(--font-size-xl)}.halyk-subtitle{font-size:var(--font-size-xs)}.amount{font-size:var(--font-size-xl)}.order-number{font-size:var(--font-size-xs);margin-bottom:var(--spacing-5)}.payment-status{padding:var(--spacing-8) var(--spacing-4);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4)}.spinner{width:32px;height:32px;border-width:2px}.error-icon{font-size:var(--font-size-3xl)}.error-message{font-size:var(--font-size-sm)}.status-loading,.status-redirecting{gap:var(--spacing-3);font-size:var(--font-size-sm)}.halyk-actions{margin-top:var(--spacing-5)}.halyk-actions .btn{padding:var(--spacing-4) var(--spacing-5);min-height:56px;font-size:var(--font-size-base);border-radius:var(--radius-lg)}.mobile-payment-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2)}.mobile-payment-title{font-size:var(--font-size-lg)}.mobile-payment-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.mobile-payment-btn{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);border-radius:var(--radius-lg);min-height:56px}.mobile-payment-info{margin:var(--spacing-4) 0;padding:var(--spacing-3);border-radius:var(--radius-lg)}.info-item{font-size:.8rem;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.info-icon{font-size:var(--font-size-base)}.mobile-error-hints{max-width:100%}.mobile-error-hints p{font-size:var(--font-size-xs)}.mobile-error-hints li{font-size:.8rem}}@media (max-width: 360px){.halyk-payment{padding:var(--spacing-3) var(--spacing-2)}.halyk-header{margin:calc(-1 * var(--spacing-3)) calc(-1 * var(--spacing-2)) var(--spacing-4) calc(-1 * var(--spacing-2));padding:var(--spacing-4) var(--spacing-3)}.payment-status{padding:var(--spacing-6) var(--spacing-3);margin-bottom:var(--spacing-3)}.halyk-actions .btn{padding:var(--spacing-3) var(--spacing-4);min-height:52px;font-size:var(--font-size-sm)}}@media (max-width: 1024px){.halyk-actions .btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.status-loading .spinner,.status-redirecting .spinner{animation-duration:.8s}.status-loading,.status-redirecting,.status-error{animation:statusFadeIn var(--duration-300) ease}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-payment-btn{animation:pulseButton 2s ease-in-out infinite}@keyframes pulseButton{0%,to{box-shadow:0 4px 12px rgba(var(--color-info-rgb, 59, 130, 246),.3)}50%{box-shadow:0 6px 16px rgba(var(--color-info-rgb, 59, 130, 246),.5)}}.mobile-payment-info{animation:slideInUp var(--duration-500) ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-item{animation:fadeInStagger .6s ease-out both}.info-item:nth-child(1){animation-delay:.1s}.info-item:nth-child(2){animation-delay:.2s}.info-item:nth-child(3){animation-delay:.3s}@keyframes fadeInStagger{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mobile-payment-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-payment-btn:active{transform:scale(.98);transition:transform var(--duration-100) ease}.halyk-header:hover svg{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.mobile-payment-btn,.mobile-payment-info,.info-item,.status-loading,.status-redirecting,.status-error,.halyk-header svg{animation:none!important;transition:none!important}.mobile-payment-btn:hover,.mobile-payment-btn:active,.halyk-header:hover svg{transform:none!important}}.manual-payment{padding:var(--spacing-6);background:var(--color-surface);min-height:100%;font-family:var(--font-primary)}.manual-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center;margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:linear-gradient(135deg,var(--color-warning),var(--color-warning-light));border-radius:var(--radius-lg);color:var(--color-text-inverse);margin:calc(-1 * var(--spacing-6)) calc(-1 * var(--spacing-6)) var(--spacing-8) calc(-1 * var(--spacing-6));position:relative;overflow:hidden}.manual-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="35" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.manual-icon{font-size:var(--font-size-4xl);position:relative;z-index:1}.manual-logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);position:relative;z-index:1}.manual-subtitle{opacity:.9;font-size:var(--font-size-base);position:relative;z-index:1}.payment-info{text-align:center;margin-bottom:var(--spacing-8)}.amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.order-number{color:var(--color-text-secondary);margin-bottom:var(--spacing-8);font-size:var(--font-size-sm)}.manual-content{margin-bottom:var(--spacing-6)}.manual-success{text-align:center;padding:var(--spacing-8) var(--spacing-6);background:var(--color-surface-muted);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:var(--spacing-6)}.success-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);color:var(--color-success)}.success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.success-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-4);line-height:var(--line-height-normal)}.success-phone{background:var(--color-info-light);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-info);color:var(--color-info);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.manual-actions{display:flex;gap:var(--spacing-4)}.manual-actions .btn{flex:1;padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-base);min-height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary)}.manual-actions .btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.manual-actions .btn-secondary:hover{background:var(--color-border);transform:translateY(-1px)}.manual-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);font-weight:var(--font-weight-bold)}.manual-actions .btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-dark));transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3)}.phone-input-section{margin-bottom:var(--spacing-6)}.phone-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.phone-input{width:100%;padding:var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);transition:var(--transition-all);background:var(--color-surface);color:var(--color-text-primary)}.phone-input::placeholder{color:var(--color-text-secondary);opacity:.7}.phone-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.phone-input-error{border-color:var(--color-error)}.phone-input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(var(--color-error-rgb),.1)}.phone-error{margin-top:var(--spacing-2);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (max-width: 1024px){.manual-payment{padding:var(--spacing-5) var(--spacing-4)}.manual-header{gap:var(--spacing-2);margin:calc(-1 * var(--spacing-5)) calc(-1 * var(--spacing-4)) var(--spacing-6) calc(-1 * var(--spacing-4));padding:var(--spacing-5) var(--spacing-4);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.manual-icon{font-size:var(--font-size-3xl)}.manual-logo{font-size:var(--font-size-2xl)}.manual-subtitle{font-size:var(--font-size-sm)}.amount{font-size:var(--font-size-2xl)}.order-number{font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.manual-actions{gap:var(--spacing-3);flex-direction:column}.manual-actions .btn{width:100%;padding:var(--spacing-4) var(--spacing-6);min-height:60px;font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.manual-actions .btn:active{transform:scale(.98)}.manual-actions .btn:hover{transform:none}.manual-success{padding:var(--spacing-6) var(--spacing-4)}.success-icon{font-size:var(--font-size-3xl)}.success-title{font-size:var(--font-size-lg)}}@media (max-width: 480px){.manual-payment{padding:var(--spacing-4) var(--spacing-3)}.manual-header{gap:var(--spacing-2);margin:calc(-1 * var(--spacing-4)) calc(-1 * var(--spacing-3)) var(--spacing-5) calc(-1 * var(--spacing-3));padding:var(--spacing-4) var(--spacing-3);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.manual-icon{font-size:var(--font-size-2xl)}.manual-logo{font-size:var(--font-size-xl)}.manual-subtitle{font-size:var(--font-size-xs)}.amount{font-size:var(--font-size-xl)}.order-number{font-size:var(--font-size-xs);margin-bottom:var(--spacing-5)}.manual-actions{gap:var(--spacing-2)}.manual-actions .btn{padding:var(--spacing-4) var(--spacing-5);min-height:56px;font-size:var(--font-size-base);border-radius:var(--radius-lg)}.manual-success{padding:var(--spacing-5) var(--spacing-3)}.success-phone{font-size:var(--font-size-xs)}}.ambassador-bonus-section{background-color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-border-light, #e2e8f0);border-radius:var(--radius-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-8)}.ambassador-badge{background:#fffffff2;color:var(--color-primary, #fea96d);padding:var(--spacing-2, 8px) var(--spacing-4, 16px);border-radius:20px;font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-sm, 14px);letter-spacing:.5px;box-shadow:0 2px 8px #0000001a;display:inline-block;margin-bottom:var(--spacing-4, 16px)}.password-form{background:#fffffff2;border-radius:var(--radius-md, 12px);padding:var(--spacing-5, 20px)}.password-hint{color:var(--color-text-secondary, #4b5563);font-size:var(--font-size-sm, 14px);margin-bottom:var(--spacing-4, 16px);line-height:1.5}.balance-info{background:#fffffff2;border-radius:var(--radius-md, 12px);padding:var(--spacing-4, 16px);margin-bottom:var(--spacing-5, 20px)}.balance-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2, 8px) 0;font-size:var(--font-size-base, 15px)}.balance-row.reserved{color:var(--color-error, #ef4444);font-size:var(--font-size-xs, 13px);border-bottom:1px solid var(--color-border, #e5e7eb);padding-bottom:var(--spacing-2, 8px);margin-bottom:var(--spacing-2, 8px)}.balance-row.available{padding-top:var(--spacing-2, 8px);border-top:1px solid var(--color-border, #e5e7eb);font-weight:var(--font-weight-semibold, 600)}.balance-label{color:var(--color-text-secondary, #6b7280)}.balance-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #1f2937)}.balance-value.total{font-size:18px;color:#10b981}.balance-value.available{font-size:17px;color:#059669}.bonus-payment-form{background:#fffffff2;border-radius:var(--radius-md, 12px);padding:var(--spacing-5, 20px)}.input-with-currency{position:relative;display:flex;align-items:center}.input-with-currency .form-input{flex:1;padding-right:40px}.currency-symbol{position:absolute;right:var(--spacing-4, 16px);font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-secondary, #6b7280);pointer-events:none}.bonus-preview{background:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-md, 8px);padding:var(--spacing-4, 16px);margin-top:var(--spacing-4, 16px);border:1px solid var(--color-border, #e5e7eb)}.preview-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary, #4b5563)}.preview-row.total{margin-top:var(--spacing-2, 8px);padding-top:var(--spacing-3, 12px);border-top:2px solid #d1d5db;font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #1f2937)}.preview-value{font-weight:var(--font-weight-semibold, 600)}.preview-value.bonus{color:var(--color-error, #ef4444)}.preview-row.total .preview-value{font-size:18px;color:#10b981}.form-group{margin-bottom:var(--spacing-4, 16px)}.form-group label{display:block;margin-bottom:var(--spacing-2, 8px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #374151);font-size:var(--font-size-sm, 14px)}.form-input{width:100%;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:var(--font-size-base, 15px);transition:var(--transition-all, all .2s);font-family:inherit;background-color:var(--color-surface, #ffffff);color:var(--color-text-primary, #1f2937)}.form-input:focus{outline:none;border-color:var(--color-primary, #fea96d);box-shadow:var(--focus-ring, 0 0 0 3px rgba(254, 169, 109, .1))}.form-input--error{border-color:var(--color-error, #ef4444);background-color:#ef44440d}.form-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{display:block;color:var(--color-error, #ef4444);font-size:var(--font-size-xs, 13px);margin-top:6px;font-weight:var(--font-weight-medium, 500)}.form-hint{display:block;color:var(--color-text-secondary, #6b7280);font-size:var(--font-size-xs, 13px);margin-top:6px}.btn{width:100%;padding:var(--spacing-3-5, 14px) var(--spacing-6, 24px);border:none;border-radius:var(--radius-md, 8px);font-weight:var(--font-weight-bold, 700);cursor:pointer;transition:var(--transition-all, all .2s);font-size:var(--font-size-base, 15px);font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-primary, #fea96d),var(--color-primary-hover, #ff8c42));color:#fff}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fea96d4d}.btn:focus{outline:3px solid rgba(254,169,109,.5);outline-offset:2px}@media (prefers-color-scheme: dark){.password-form,.balance-info,.bonus-payment-form{background:#1e2831f2}.balance-label,.password-hint,.form-hint{color:var(--color-text-secondary, #9ca3af)}.balance-value,.form-group label{color:var(--color-text-primary, #f3f4f6)}.bonus-preview{background:var(--color-surface-dark, #1e2831);border-color:var(--color-border, #374151)}.preview-row{color:var(--color-text-secondary, #9ca3af)}.preview-row.total{color:var(--color-text-primary, #f3f4f6)}.form-input{background-color:var(--color-surface, #1f2937);border-color:var(--color-border, #374151);color:var(--color-text-primary, #f3f4f6)}.form-input--error{background-color:#ef44441a}}@media (max-width: 1024px){.ambassador-bonus-section{padding:var(--spacing-5, 20px);margin:var(--spacing-5, 20px) 0}.ambassador-badge{width:100%;text-align:center}.balance-info,.bonus-payment-form,.password-form{padding:var(--spacing-4, 16px)}.balance-row{font-size:var(--font-size-sm, 14px)}.balance-value.total{font-size:16px}.balance-value.available{font-size:15px}.preview-row{font-size:var(--font-size-xs, 13px)}.preview-row.total{font-size:var(--font-size-base, 15px)}.preview-row.total .preview-value{font-size:17px}}@media (max-width: 480px){.ambassador-bonus-section{padding:var(--spacing-4, 16px);margin:var(--spacing-4, 16px) 0}.ambassador-badge{font-size:var(--font-size-xs, 13px);padding:6px var(--spacing-3-5, 14px)}.balance-info,.bonus-payment-form,.password-form{padding:var(--spacing-3-5, 14px)}.balance-row{font-size:var(--font-size-xs, 13px)}.balance-value.total{font-size:15px}.form-input{padding:10px var(--spacing-3-5, 14px);font-size:var(--font-size-sm, 14px)}.btn{padding:var(--spacing-3, 12px) var(--spacing-5, 20px);font-size:var(--font-size-sm, 14px)}}@media (prefers-reduced-motion: reduce){.ambassador-bonus-section{animation:none}.btn,.form-input{transition:none}.btn--primary:hover:not(:disabled){transform:none}}.cart-page{max-width:1200px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4);font-family:var(--font-primary)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-border)}.cart-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.cart-summary{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-3)}.cart-summary__items{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.cart-items-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cart-meals-breakdown{display:flex;gap:var(--spacing-2);align-items:center}.meal-total{background-color:var(--color-surface-muted, #f9fafb);color:var(--color-text-accent, #374151);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border)}.cart-total-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.cart-timer{font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-lg);display:inline-flex;align-items:center;gap:var(--spacing-1);transition:all .3s ease;border:1px solid transparent}.cart-timer[style*="color: rgb(16, 185, 129)"],.cart-timer[style*="color: #10b981"]{background-color:#10b9811a;border-color:#10b98133;color:#059669!important}.cart-timer[style*="color: rgb(239, 68, 68)"],.cart-timer[style*="color: #ef4444"]{background-color:#ef44441a;border-color:#ef444433;color:#dc2626!important;animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{background-color:#ef44441a;border-color:#ef444433}50%{background-color:#ef444426;border-color:#ef44444d}}.cart-timer:before{content:"";width:8px;height:8px;border-radius:50%;display:inline-block}.cart-timer[style*="color: rgb(16, 185, 129)"]:before,.cart-timer[style*="color: #10b981"]:before{background-color:#10b981;box-shadow:0 0 6px #10b98166}.cart-timer[style*="color: rgb(239, 68, 68)"]:before,.cart-timer[style*="color: #ef4444"]:before{background-color:#ef4444;box-shadow:0 0 6px #ef444466;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #ef444466}50%{box-shadow:0 0 12px #ef4444cc}}.cart-empty{text-align:center;padding:4rem var(--spacing-8)}.cart-empty__icon{font-size:4rem;margin-bottom:var(--spacing-4)}.cart-empty h2{font-size:var(--font-size-2xl);color:var(--color-text-accent, #374151);margin-bottom:var(--spacing-4)}.cart-empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.cart-price-breakdown{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-3);margin-top:var(--spacing-2);border-top:1px solid var(--color-border);width:100%;min-width:240px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);gap:var(--spacing-4);transition:background-color .2s ease}.price-row:hover{background-color:var(--color-surface-muted, rgba(0, 0, 0, .02));margin:0 calc(-1 * var(--spacing-2));padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.price-label{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.price-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap}.delivery-row{color:var(--color-text-secondary)}.delivery-row .price-label{font-weight:var(--font-weight-medium)}.delivery-row .price-value{color:var(--color-text-primary)}.delivery-row:hover{background-color:#3b82f60d}.price-row.bonus-row{color:#ef4444;font-weight:600}.price-value.bonus{color:#ef4444}.total-row{padding-top:var(--spacing-2);margin-top:var(--spacing-1);border-top:1px solid var(--color-border);font-size:var(--font-size-base)}.total-row:hover{background-color:transparent}.price-label-total{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}.total-row .cart-total-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.order-payment-summary{background-color:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);border:1px solid var(--color-border)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;font-size:var(--font-size-sm);transition:background-color .2s ease}.summary-row:hover{background-color:#00000005;margin:0 calc(-1 * var(--spacing-2));padding:var(--spacing-2);border-radius:var(--radius-sm)}.summary-label{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.summary-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap}.summary-row.bonus-row{color:var(--color-success, #10b981)}.summary-row.bonus-row .summary-label,.summary-row.bonus-row .summary-value{color:var(--color-success, #10b981);font-weight:var(--font-weight-semibold)}.summary-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-3) 0}.summary-row.total-row{padding-top:var(--spacing-3);margin-top:var(--spacing-2);border-top:2px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.summary-row.total-row:hover{background-color:transparent}.summary-row.total-row .summary-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.summary-row.total-row .summary-value{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.cart-items{margin-bottom:var(--spacing-8)}.cart-item{display:flex;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);transition:var(--transition-all)}.cart-item:hover{box-shadow:var(--shadow-card-hover)}.cart-item--over-limit{border-color:var(--color-error);background-color:var(--color-surface-muted, #f9fafb)}.cart-item__image{width:100px;height:100px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface-muted, #f9fafb) 0%,var(--color-border) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text-tertiary)}.cart-item__info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.cart-item__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cart-item__article{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);margin-bottom:var(--spacing-1)}.cart-item__article-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.cart-item__article-value{color:var(--color-text-accent, #374151);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, "Courier New", monospace);background-color:var(--color-surface-muted, #f9fafb);padding:.1rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.cart-item__meals{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.cart-item__meal{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.cart-item__composition{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.cart-item__nutrition{display:flex;flex-wrap:wrap;gap:var(--spacing-2);font-size:var(--font-size-xs)}.cart-item__nutrition span{background-color:var(--color-surface-muted, #f9fafb);color:var(--color-text-muted, #475569);padding:.2rem var(--spacing-2);border-radius:var(--radius-lg);border:1px solid var(--color-border-light, #e2e8f0)}.cart-item__stock-info{display:flex;gap:var(--spacing-3);align-items:center;margin-top:var(--spacing-2);font-size:var(--font-size-xs)}.stock-status{padding:.2rem var(--spacing-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.stock-status--normal{background-color:var(--color-surface-muted, #f9fafb);color:var(--color-text-secondary);border:1px solid var(--color-border)}.stock-status--error{background-color:rgba(var(--color-error),.1);color:var(--color-error);border:1px solid var(--color-error)}.stock-warning{color:var(--color-error);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.cart-item__controls{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-4);min-width:150px}.cart-item__price{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-surface);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}.cart-item__quantity{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-surface);padding:var(--spacing-1);border-radius:var(--radius-md);border:1px solid var(--color-border)}.quantity-btn{width:2rem;height:2rem;border:1px solid var(--color-border-dark, #d1d5db);background-color:var(--color-surface);color:var(--color-text-accent, #374151);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);transition:var(--transition-all)}.quantity-btn:hover:not(:disabled){background-color:var(--color-surface-muted, #f9fafb);border-color:var(--color-text-tertiary)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-surface-muted, #f9fafb)}.quantity-display{min-width:2rem;text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-surface);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.cart-item__total{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.cart-item__remove{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-sm);transition:var(--transition-all)}.cart-item__remove:hover{background-color:rgba(var(--color-error),.1)}.minimum-order-warning{color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:#ef44441a;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-error);margin-top:var(--spacing-2)}.minimum-order-error{background-color:#ef44441a;padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-error);margin-bottom:var(--spacing-4)}.contact-info-section,.delivery-info-section,.payment-section{background-color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-border-light, #e2e8f0);border-radius:var(--radius-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-8)}.contact-info__title,.delivery-info__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-6) 0}.contact-form,.delivery-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-row{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-width:200px}.form-group--full{flex:1 1 100%}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-accent, #374151)}.required{color:var(--color-error)}.form-input{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-all)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-input--error{border-color:var(--color-error);background-color:rgba(var(--color-error),.05)}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit;line-height:var(--line-height-relaxed)}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:16px 12px;padding-right:2.5rem}select.form-input:focus{background-color:var(--color-surface);border-color:var(--color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23e53e3e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}select.form-input option{background-color:var(--color-surface);color:var(--color-text-primary)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:16px 0;border-top:1px solid #e5e7eb;margin-top:16px;transition:background-color .2s ease;border-radius:var(--radius-md)}.checkbox-label:hover{background-color:#3b82f605}.checkbox-label input[type=checkbox]{margin:0;width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;border-radius:var(--radius-sm)}.checkbox-text{color:#374151;font-size:14px;line-height:1.5;-webkit-user-select:none;user-select:none}.cart-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8);background-color:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-lg);border:1px solid var(--color-border-light, #e2e8f0)}.btn{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);text-decoration:none;display:inline-block;text-align:center;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn--primary{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.3)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.btn--secondary{background-color:var(--color-border);color:var(--color-text-accent, #374151);border:1px solid var(--color-border-dark, #d1d5db)}.btn--secondary:hover:not(:disabled){background-color:var(--color-border-dark, #d1d5db);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:before{display:none}.cart-checkout{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8);font-weight:var(--font-weight-bold)}.payment-section{animation:slideIn .3s ease-out}.payment-section .notification-channel-selector{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:2px solid var(--color-border)}.promo-code-section{background-color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-border-light, #e2e8f0);border-radius:var(--radius-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-8)}.promo-code-section .section-title{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-6) 0;display:flex;align-items:center;gap:var(--spacing-2)}.promo-code-input-wrapper{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.promo-code-input{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-all)}.promo-code-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.promo-code-input:disabled{opacity:.6;cursor:not-allowed}.btn--promo{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all);white-space:nowrap}.btn--promo:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.btn--promo:active:not(:disabled){transform:translateY(0)}.btn--promo:disabled{opacity:.6;cursor:not-allowed}.spinner-inline{display:inline-block;animation:spin 1s linear infinite}.promo-code-message{padding:var(--spacing-4);border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:var(--spacing-3);animation:slideDown .3s ease;border:1px solid}.promo-code-message.success{background-color:#38a1691a;border-color:var(--color-success);color:var(--color-success)}.promo-code-message.error{background-color:#e53e3e1a;border-color:var(--color-error);color:var(--color-error)}.message-icon{font-size:var(--font-size-xl);flex-shrink:0}.message-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium);flex:1}.gift-item-info{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.gift-label{font-weight:var(--font-weight-normal);margin-right:var(--spacing-2)}.gift-item-info strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ambassador-bonus-section{background-color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-border-light, #e2e8f0);border-radius:var(--radius-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-8);animation:slideDown .4s ease}.bonus-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.ambassador-badge{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-pill);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:.5px;border:1px solid rgba(var(--color-primary-rgb),.2)}.bonus-balance{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.balance-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-left:var(--spacing-2);color:var(--color-primary)}.bonus-payment-option{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-5)}.checkbox-container-bonus{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container-bonus input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-container-bonus input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label-bonus{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary)}.bonus-calculation{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--color-border);animation:slideDown .3s ease}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.calc-row.negative{color:var(--color-error);font-weight:var(--font-weight-semibold)}.calc-row.total{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);border-top:1px solid var(--color-border);padding-top:var(--spacing-3);margin-top:var(--spacing-2)}.calc-row.highlight{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);padding:var(--spacing-4);border-radius:var(--radius-md);margin-top:var(--spacing-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);border:1px solid rgba(var(--color-primary-rgb),.2)}.calc-row.highlight .success{font-size:var(--font-size-xl)}.error-message-bonus{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:#e53e3e1a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.notification-section{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8);background-color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-border-light, #e2e8f0);border-radius:var(--radius-lg);padding:var(--spacing-8)}.notification-save-button{width:100%;margin-top:12px;padding:14px 20px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);font-family:inherit}.notification-save-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary));transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.3)}.notification-save-button:active:not(:disabled){transform:translateY(0)}.notification-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.notification-save-message{padding:12px 16px;border-radius:var(--radius-md);margin-top:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-2);animation:slideIn .3s ease}.notification-save-message.success{background-color:#fffbeb;color:#b45309;border:1px solid #fcd34d}.notification-save-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (prefers-color-scheme: dark){.cart-item--over-limit{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-error)}.cart-item__meal{background-color:rgba(var(--color-primary-rgb),.2);color:#ff8a8a}.cart-item__nutrition span{background-color:transparent;border:none}.meal-total,.stock-status--normal{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.stock-status--error{background-color:rgba(var(--color-error),.2)}.cart-item__article-value{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.quantity-btn{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.quantity-btn:hover:not(:disabled){background-color:var(--color-hover);border-color:var(--color-text-tertiary)}.quantity-btn:disabled{background-color:var(--color-surface-dark, #1e2831)}.form-input{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.form-input--error{background-color:rgba(var(--color-error),.1)}select.form-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23f7fafc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}select.form-input:focus{background-color:var(--color-surface);border-color:var(--color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23e53e3e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}select.form-input option{background-color:var(--color-surface);color:var(--color-text-primary)}.btn--secondary{background-color:var(--color-border);color:var(--color-text-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-hover)}.checkbox-label{border-color:var(--color-border)}.checkbox-label:hover{background-color:#3b82f60d}.checkbox-text{color:var(--color-text-primary)}.cart-timer[style*="color: rgb(16, 185, 129)"]:before,.cart-timer[style*="color: #10b981"]:before{box-shadow:0 0 8px #10b98199}.cart-timer[style*="color: rgb(239, 68, 68)"]:before,.cart-timer[style*="color: #ef4444"]:before{box-shadow:0 0 8px #ef444499}.promo-code-message.success{background-color:#38a16933;color:var(--color-success)}.promo-code-message.error{background-color:#e53e3e33;color:var(--color-error)}.bonus-payment-option{background-color:var(--color-surface)}.notification-save-message.success{background-color:#78350f;color:#fcd34d;border-color:#b45309}.notification-save-message.error{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}}@media (max-width: 1024px){.cart-page{padding:var(--spacing-8) var(--spacing-2) var(--spacing-3) var(--spacing-2)}.cart-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.cart-header h1{font-size:var(--font-size-xl)}.cart-summary{align-items:flex-start;width:100%}.cart-total-price{font-size:var(--font-size-xl)}.cart-items{margin-bottom:var(--spacing-4)}.cart-item{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3);margin-bottom:var(--spacing-3)}.cart-item__image{width:80px;height:80px;align-self:flex-start}.cart-item__name{font-size:var(--font-size-base)}.cart-item__article{font-size:.7rem}.cart-item__article-value{padding:.08rem .3rem;font-size:.65rem}.cart-item__controls{flex-direction:row;justify-content:space-between;align-items:center;min-width:auto;width:100%}.cart-item__price,.cart-item__total{font-size:var(--font-size-sm)}.cart-item__quantity{padding:2px}.quantity-btn{width:1.75rem;height:1.75rem;font-size:var(--font-size-sm)}.quantity-display{min-width:1.5rem;padding:2px var(--spacing-1);font-size:var(--font-size-sm)}.contact-info-section,.delivery-info-section,.payment-section,.notification-section{padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.contact-info__title,.delivery-info__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.contact-form,.delivery-form{gap:var(--spacing-3)}.form-row{flex-direction:column;gap:var(--spacing-2)}.form-group{min-width:auto;gap:var(--spacing-1)}.form-input{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.cart-actions{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3)}.cart-actions .btn{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.cart-checkout{font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.checkbox-label{gap:10px;padding:12px 0}.checkbox-text{font-size:13px}.minimum-order-warning{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.cart-timer{font-size:12px;padding:6px 12px}.cart-timer:before{width:6px;height:6px}.promo-code-section,.ambassador-bonus-section{padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.promo-code-section .section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.promo-code-input-wrapper{flex-direction:column;gap:var(--spacing-2)}.btn--promo{width:100%}.bonus-header{flex-direction:column;align-items:flex-start}.ambassador-badge{width:100%;text-align:center}.balance-amount{display:block;margin-left:0;margin-top:var(--spacing-1)}.calc-row{font-size:var(--font-size-sm)}.calc-row.highlight{font-size:var(--font-size-base)}.cart-price-breakdown{padding-top:var(--spacing-2);margin-top:var(--spacing-2);min-width:200px}.price-row{font-size:var(--font-size-xs);gap:var(--spacing-2)}.total-row,.price-label-total{font-size:var(--font-size-sm)}.total-row .cart-total-price{font-size:var(--font-size-xl)}.order-payment-summary{padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.summary-row{font-size:var(--font-size-xs)}.summary-row.total-row{font-size:var(--font-size-base)}.summary-row.total-row .summary-value{font-size:var(--font-size-xl)}.payment-section .notification-channel-selector{margin-top:var(--spacing-6);padding-top:var(--spacing-4)}.notification-section{padding:.75rem;margin-top:.75rem;margin-bottom:.75rem}.notification-save-button{padding:16px 20px;font-size:16px;border-radius:12px}.notification-save-message{padding:14px;font-size:13px}}@media (max-width: 480px){.cart-page{padding:var(--spacing-10) var(--spacing-1) var(--spacing-2) var(--spacing-1)}.cart-item{padding:var(--spacing-2)}.cart-item__image{width:60px;height:60px}.cart-item__name{font-size:var(--font-size-sm)}.cart-item__controls{flex-wrap:wrap;gap:var(--spacing-2)}.cart-item__quantity{order:1;flex:1}.cart-item__price{order:2;padding:var(--spacing-1) var(--spacing-2);font-size:.8rem}.cart-item__total{order:3;font-size:var(--font-size-base)}.cart-item__remove{order:4;padding:var(--spacing-1);font-size:var(--font-size-base)}.meal-total{font-size:.65rem;padding:2px var(--spacing-1)}.contact-info-section,.delivery-info-section,.payment-section{padding:var(--spacing-2)}.contact-info__title,.delivery-info__title{font-size:var(--font-size-lg)}.cart-timer{font-size:11px;padding:4px 8px}.cart-timer:before{width:5px;height:5px}.promo-code-section,.ambassador-bonus-section{padding:var(--spacing-4)}.promo-code-section .section-title{font-size:var(--font-size-lg)}.promo-code-input{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}.bonus-payment-option{padding:var(--spacing-4)}.checkbox-label-bonus{font-size:var(--font-size-sm)}.cart-price-breakdown{min-width:auto;width:100%}.price-row{font-size:12px}.total-row .cart-total-price{font-size:var(--font-size-lg)}.summary-row{font-size:12px}.summary-row.total-row .summary-value{font-size:var(--font-size-lg)}.notification-save-button{padding:14px 16px;font-size:15px}.notification-save-message{padding:12px;font-size:12px}}@media (prefers-reduced-motion: reduce){.cart-timer[style*="color: rgb(239, 68, 68)"],.cart-timer[style*="color: #ef4444"]{animation:none}.cart-timer[style*="color: rgb(239, 68, 68)"]:before,.cart-timer[style*="color: #ef4444"]:before{animation:none}.btn:before{display:none}.payment-section,.ambassador-bonus-section,.promo-code-message,.bonus-calculation,.error-message-bonus{animation:none}.btn--promo:hover:not(:disabled),.notification-save-button:hover:not(:disabled){transform:none}.notification-save-button,.notification-save-message{animation:none;transition:none}.cart-price-breakdown{animation:none}.price-row:hover{background-color:transparent}}.login-page{padding:2rem 1rem;max-width:400px;margin:0 auto;font-family:var(--font-primary);text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}.login-page__title{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:1.5rem;color:var(--color-text-primary);margin-bottom:2rem;text-align:center}.login-page__form{display:flex;flex-direction:column;gap:1rem;background-color:var(--color-surface);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.login-page__field{display:flex;flex-direction:column;gap:.5rem}.login-page__label{font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:.875rem;color:var(--color-text-accent, #374151)}.login-page__input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);background-color:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-all);box-sizing:border-box}.login-page__input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.login-page__error{padding:var(--spacing-3);background-color:#ef44441a;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium)}.login-page__submit{width:100%;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.3);position:relative;overflow:hidden;min-height:44px}.login-page__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-page__submit:hover:before{left:100%}.login-page__submit:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.login-page__submit:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.login-page__submit:disabled:before{display:none}.login-page__reset-link{text-align:center;margin:1rem 0}.login-page__reset-button{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:.875rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);padding:.5rem}.login-page__reset-button:hover{color:var(--color-primary-hover);background-color:rgba(var(--color-primary-rgb),.05);border-radius:var(--radius-sm)}.login-page__info{text-align:center;font-size:.875rem;color:var(--color-text-secondary);font-family:var(--font-primary);margin-top:1rem}.login-page__info p{margin:0 0 .5rem;color:var(--color-text-secondary)}.login-page__info a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-all)}.login-page__info a:hover{text-decoration:underline;color:var(--color-primary-hover)}.login-page__reset-form{display:flex;flex-direction:column;gap:1rem;background-color:var(--color-surface);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.login-page__reset-actions{display:flex;gap:1rem}.login-page__cancel-button{flex:1;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-border);color:var(--color-text-accent, #374151);border:1px solid var(--color-border-dark, #d1d5db);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);min-height:44px}.login-page__cancel-button:hover{background-color:var(--color-border-dark, #d1d5db);transform:translateY(-1px)}.login-page__reset-submit{flex:1;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.3);position:relative;overflow:hidden;min-height:44px}.login-page__reset-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-page__reset-submit:hover:before{left:100%}.login-page__reset-submit:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.login-page__reset-submit:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.login-page__reset-submit:disabled:before{display:none}@media (prefers-color-scheme: dark){.login-page__form,.login-page__reset-form{background-color:var(--color-surface);border-color:var(--color-border)}.login-page__input{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.login-page__error{background-color:#ef444433;color:#ff8a8a;border-color:#dc2626}.login-page__cancel-button{background-color:var(--color-border);color:#fff;border-color:var(--color-border)}.login-page__cancel-button:hover{background-color:var(--color-hover)}.login-page__reset-button:hover{background-color:rgba(var(--color-primary-rgb),.1)}}@media (max-width: 1024px){.login-page{padding:.75rem}.login-page__title{font-size:1.375rem}.login-page__form,.login-page__reset-form{padding:1.25rem}.login-page__input{padding:.875rem;font-size:1rem;min-height:48px}.login-page__submit,.login-page__reset-submit,.login-page__cancel-button{padding:.875rem 1rem;font-size:1rem;min-height:48px}.login-page__reset-button{padding:.75rem;font-size:1rem;min-height:44px}}@media (max-width: 480px){.login-page{padding:.5rem}.login-page__reset-actions{flex-direction:column;gap:.75rem}.login-page__cancel-button,.login-page__reset-submit{width:100%}}@media (prefers-reduced-motion: reduce){.login-page__submit,.login-page__reset-submit,.login-page__cancel-button,.login-page__reset-button{transition:none}.login-page__submit:before,.login-page__reset-submit:before{display:none}.login-page__submit:hover,.login-page__reset-submit:hover,.login-page__cancel-button:hover{transform:none}}.account-page{padding:1rem;max-width:1200px;margin:0 auto;font-family:var(--font-primary);text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}.account-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.account-page__title{margin:0;font-size:1.5rem;font-family:var(--font-primary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-page__logout{padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);box-shadow:0 2px 4px #ef44444d;position:relative;overflow:hidden}.account-page__logout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.account-page__logout:hover:before{left:100%}.account-page__logout:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef444466}.account-page__tabs{display:flex;gap:var(--spacing-2);margin:0 -1rem 2rem;padding:0 1rem;border-bottom:2px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:var(--color-surface)}.account-page__tabs::-webkit-scrollbar{display:none}.account-page__tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-primary);font-size:1.125rem;font-weight:var(--font-weight-semibold);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-all);white-space:nowrap;flex-shrink:0;position:relative;margin-bottom:-2px;min-width:fit-content}.account-page__tab:before{content:"";position:absolute;inset:0;background:var(--color-hover);opacity:0;transition:opacity var(--duration-200);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:0}.account-page__tab:hover:before{opacity:1}.account-page__tab:hover{color:var(--color-primary)}.account-page__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-bold);background-color:var(--color-surface-muted, rgba(var(--color-primary-rgb), .05))}.account-page__tab--active:before{opacity:0}.account-page__tab-icon{font-size:1.5rem;line-height:1;position:relative;z-index:1}.account-page__tab-label{font-size:1rem;line-height:1;position:relative;z-index:1}.account-page__content{animation:fadeInContent var(--duration-300) ease-out;background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-6);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.account-page__profile-section{display:flex;flex-direction:column;gap:2rem}.account-page__stats{background-color:var(--color-surface);padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-all)}.account-page__stats:hover{box-shadow:var(--shadow-card-hover)}.account-page__customer-info{margin-bottom:1rem}.account-page__customer-name{margin:0 0 .5rem;font-size:1.125rem;font-family:var(--font-primary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-page__customer-phone{margin:0;color:var(--color-text-secondary);font-size:.875rem;font-family:var(--font-primary)}.account-page__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.account-page__stat-item{text-align:center;padding:.75rem;background-color:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-md);border:1px solid var(--color-border-light, #e2e8f0);transition:var(--transition-all)}.account-page__stat-item:hover{background-color:var(--color-surface-dark, #f3f4f6);transform:translateY(-2px)}.account-page__stat-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-primary)}.account-page__stat-label{font-size:.75rem;color:var(--color-text-secondary);font-family:var(--font-primary);margin-top:.25rem}.account-page__profile-actions{display:flex;flex-wrap:wrap;gap:.5rem}.account-page__action-button{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.3);position:relative;overflow:hidden}.account-page__action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.account-page__action-button:hover:before{left:100%}.account-page__action-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.account-page__form-section{background-color:var(--color-surface);padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid var(--color-border);box-shadow:var(--shadow-card);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.account-page__form-title{margin:0 0 1.5rem;font-size:1.125rem;font-family:var(--font-primary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-page__form{display:flex;flex-direction:column;gap:1rem}.account-page__form-group{display:flex;flex-direction:column;gap:.5rem}.account-page__form-label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-accent, #374151);font-family:var(--font-primary)}.account-page__form-input{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);background-color:var(--color-surface);color:var(--color-text-primary);transition:var(--transition-all)}.account-page__form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.account-page__form-textarea{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-primary);background-color:var(--color-surface);color:var(--color-text-primary);min-height:100px;resize:vertical;transition:var(--transition-all)}.account-page__form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.account-page__form-checkbox{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all)}.account-page__form-checkbox:hover{background-color:var(--color-surface-muted, #f9fafb)}.account-page__form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.account-page__form-checkbox label{cursor:pointer;font-size:.875rem;color:var(--color-text-primary);font-family:var(--font-primary)}.account-page__form-actions{display:flex;gap:.75rem;margin-top:.5rem}.account-page__form-submit{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.3);position:relative;overflow:hidden;flex:1}.account-page__form-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.account-page__form-submit:hover:before{left:100%}.account-page__form-submit:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.account-page__form-submit:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-border);color:var(--color-text-secondary)}.account-page__form-cancel{padding:.75rem 1.5rem;background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);flex:1}.account-page__form-cancel:hover{background-color:var(--color-surface-muted, #f9fafb);border-color:var(--color-text-secondary);transform:translateY(-1px)}.account-page__orders{display:flex;flex-direction:column;gap:1rem}.account-page__orders-title{margin:0 0 1rem;font-size:1.25rem;font-family:var(--font-primary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.account-page__loading{text-align:center;padding:2rem;color:var(--color-text-secondary);font-size:.875rem;font-family:var(--font-primary)}.account-page__empty{text-align:center;padding:3rem 1rem;background-color:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.account-page__empty p{margin:0 0 1rem;color:var(--color-text-secondary);font-size:.875rem;font-family:var(--font-primary)}.account-page__cta-button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.3)}.account-page__cta-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.account-page__orders-list{display:flex;flex-direction:column;gap:1rem}.account-page__order{background-color:var(--color-surface);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-all)}.account-page__order:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.account-page__order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.account-page__order-number{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.account-page__order-date{font-size:.75rem;color:var(--color-text-secondary);font-family:var(--font-primary);margin-top:.25rem}.account-page__order-price{text-align:right}.account-page__order-amount{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-primary)}.account-page__order-status{display:inline-block;margin-top:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.account-page__order-status.pending{background-color:#fef3c7;color:#92400e}.account-page__order-status.processing{background-color:#dbeafe;color:#1e40af}.account-page__order-status.completed{background-color:#d1fae5;color:#065f46}.account-page__order-status.cancelled{background-color:#fee2e2;color:#991b1b}.account-page__order-status.abandoned{background-color:#f3f4f6;color:#4b5563}.account-page__order-items{color:var(--color-text-secondary);font-size:.75rem;font-family:var(--font-primary);margin:.5rem 0}.account-page__repeat-button{padding:.5rem 1rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);box-shadow:0 2px 4px rgba(var(--color-primary-rgb),.3);width:100%;margin-top:.75rem}.account-page__repeat-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb),.4)}.account-page__restore-button{background-color:#10b981;box-shadow:0 2px 4px #10b9814d}.account-page__restore-button:hover{background-color:#059669;box-shadow:0 4px 8px #10b98166}.account-page__load-more{padding:.75rem;background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.account-page__load-more:hover:not(:disabled){background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.account-page__load-more:disabled{cursor:not-allowed;opacity:.6}.account-page__order-dishes{margin:1rem 0;padding:1rem;background-color:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.account-page__order-meal{margin-bottom:.75rem}.account-page__order-meal:last-child{margin-bottom:0}.account-page__order-meal strong{display:block;margin-bottom:.5rem;color:var(--color-text-accent, #374151)}.account-page__order-meal ul{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.account-page__order-meal li{margin-bottom:.25rem}@media (prefers-color-scheme: dark){.account-page__order-dishes{background-color:var(--color-surface-dark, #1e2831)}.account-page__tabs{border-bottom-color:var(--color-border);background-color:var(--color-surface)}.account-page__tab{color:var(--color-text-primary)}.account-page__tab:hover{color:var(--color-primary)}.account-page__tab--active{color:var(--color-primary);background-color:rgba(var(--color-primary-rgb, 251, 146, 60),.1)}.account-page__content{background-color:var(--color-surface)}}@media (prefers-color-scheme: dark){.account-page__stat-item{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.account-page__stat-item:hover{background-color:var(--color-hover)}.account-page__empty{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.account-page__form-input,.account-page__form-textarea{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.account-page__form-cancel{background-color:var(--color-border);color:var(--color-text-secondary);border-color:var(--color-border)}.account-page__form-cancel:hover{background-color:var(--color-hover)}.account-page__form-checkbox:hover{background-color:#3b82f60d}}@media (min-width: 1025px){.account-page{max-width:1200px}.account-page__tabs{justify-content:flex-start;gap:var(--spacing-4)}.account-page__tab{padding:var(--spacing-4) var(--spacing-8);font-size:1.125rem}.account-page__tab-icon{font-size:1.5rem}}@media (max-width: 1024px){.account-page{padding:.75rem}.account-page__header{flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.account-page__title{font-size:1.375rem}.account-page__logout{align-self:flex-end;padding:.75rem 1rem;font-size:1rem;min-height:48px}.account-page__tabs{margin:0 -.75rem 1.5rem;padding:0 .75rem;gap:var(--spacing-1)}.account-page__tab{padding:var(--spacing-3) var(--spacing-4);font-size:1rem}.account-page__tab-icon{font-size:1.25rem}.account-page__content{padding:var(--spacing-4)}.account-page__stats{padding:1.25rem}.account-page__stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.account-page__stat-value{font-size:1.25rem}.account-page__profile-actions{flex-direction:column;gap:.75rem}.account-page__action-button{padding:.75rem 1rem;font-size:1rem;min-height:48px;width:100%}.account-page__form-section{padding:1.25rem}.account-page__form-input,.account-page__form-textarea{padding:.875rem;font-size:1rem;min-height:48px}.account-page__form-actions{flex-direction:column;gap:.75rem}.account-page__form-submit,.account-page__form-cancel{padding:.875rem 1rem;font-size:1rem;min-height:48px;width:100%}.account-page__order-header{flex-direction:column;gap:.5rem;align-items:flex-start}.account-page__order-price{text-align:left}.account-page__repeat-button,.account-page__restore-button,.account-page__cta-button,.account-page__load-more{padding:.75rem 1rem;font-size:1rem;min-height:48px}}@media (max-width: 480px){.account-page{padding:.5rem}.account-page__tabs{margin:0 -.5rem 1.5rem;padding:0 .5rem;justify-content:flex-start;gap:var(--spacing-1)}.account-page__tab{padding:var(--spacing-3) var(--spacing-3);flex-direction:row;gap:var(--spacing-2);font-size:.875rem}.account-page__tab-label{font-size:.875rem}.account-page__tab-icon{font-size:1.25rem}.account-page__content{padding:var(--spacing-3)}.account-page__stats-grid{grid-template-columns:1fr;gap:1rem}.account-page__stat-item{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:.75rem;border-bottom:1px solid var(--color-border)}.account-page__stat-item:last-child{border-bottom:none}.account-page__stat-label{font-size:.875rem}.account-page__order{padding:.875rem}.account-page__form-checkbox{align-items:flex-start;gap:.75rem}.account-page__form-checkbox input[type=checkbox]{margin-top:.125rem;flex-shrink:0}}@media (prefers-reduced-motion: reduce){.account-page__action-button,.account-page__logout,.account-page__form-submit,.account-page__repeat-button,.account-page__cta-button,.account-page__load-more{transition:none}.account-page__action-button:before,.account-page__logout:before,.account-page__form-submit:before{display:none}.account-page__form-section,.account-page__content{animation:none}.account-page__stats:hover,.account-page__order:hover,.account-page__stat-item:hover,.account-page__tab:hover{transform:none}}.account-page__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.account-page__logout:focus-visible,.account-page__action-button:focus-visible,.account-page__form-submit:focus-visible,.account-page__form-cancel:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notification-settings{max-width:800px;padding:0}.settings-header{margin-bottom:var(--spacing-8, 32px)}.settings-header h2{margin:0 0 var(--spacing-2, 8px) 0;font-size:1.75rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);font-family:var(--font-primary)}.settings-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base, 15px);font-family:var(--font-primary)}.notification-channel-block{background:var(--color-surface);border-radius:var(--radius-lg, 12px);padding:var(--spacing-6, 24px);margin-bottom:var(--spacing-6, 24px);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.notification-channel-block h3{margin:0 0 var(--spacing-4, 16px) 0;font-size:1.125rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);font-family:var(--font-primary)}.channel-options{display:flex;flex-direction:column;gap:var(--spacing-3, 12px)}.channel-option{display:flex;align-items:center;padding:var(--spacing-4, 16px);border:2px solid var(--color-border);border-radius:var(--radius-md, 8px);cursor:pointer;transition:var(--transition-all);background:var(--color-surface)}.channel-option:hover{border-color:var(--color-primary);background:var(--color-surface-muted, #f0fdf4);transform:translateY(-2px);box-shadow:var(--shadow-card)}.channel-option.selected{border-color:var(--color-primary);background:var(--color-surface-muted, #f0fdf4);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 251, 146, 60),.1)}.channel-option input[type=radio]{margin-right:var(--spacing-3, 12px);width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.channel-icon{font-size:1.75rem;margin-right:var(--spacing-4, 16px);flex-shrink:0}.channel-info{flex:1}.channel-info h4{margin:0 0 var(--spacing-1, 4px) 0;font-size:1rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);font-family:var(--font-primary)}.channel-info p{margin:0;font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);font-family:var(--font-primary)}.whatsapp-phone-input-wrapper{margin-top:var(--spacing-4, 16px);padding:var(--spacing-4, 16px);background-color:var(--color-surface-muted, #f9fafb);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px)}.whatsapp-phone-label{display:block;font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);margin-bottom:var(--spacing-2, 8px);font-family:var(--font-primary)}.whatsapp-phone-input{width:100%;padding:var(--spacing-3, 12px) var(--spacing-4, 16px);font-size:var(--font-size-base, 15px);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);background-color:var(--color-surface);transition:var(--transition-all);color:var(--color-text-primary);font-family:var(--font-primary);box-sizing:border-box}.whatsapp-phone-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring, 0 0 0 3px rgba(251, 146, 60, .1))}.whatsapp-phone-input.error{border-color:var(--color-error, #ef4444);background-color:#ef44440d}.whatsapp-phone-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.whatsapp-phone-error{display:block;font-size:var(--font-size-xs, 13px);color:var(--color-error, #ef4444);margin-top:var(--spacing-2, 8px);font-weight:var(--font-weight-medium, 500);font-family:var(--font-primary)}.whatsapp-phone-hint{display:block;font-size:var(--font-size-xs, 13px);color:var(--color-text-secondary);margin-top:var(--spacing-2, 8px);font-style:italic;font-family:var(--font-primary)}.notification-info-block{background:var(--color-surface);border-radius:var(--radius-lg, 12px);padding:var(--spacing-6, 24px);margin-bottom:var(--spacing-6, 24px);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.notification-info-block h3{margin:0 0 var(--spacing-4, 16px) 0;font-size:1.125rem;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);font-family:var(--font-primary)}.notification-info-block ul{margin:0;padding:0;list-style:none}.notification-info-block li{padding:var(--spacing-3, 10px) 0;color:var(--color-text-secondary);font-size:var(--font-size-base, 15px);font-family:var(--font-primary);border-bottom:1px solid var(--color-border)}.notification-info-block li:last-child{border-bottom:none}.save-message{padding:var(--spacing-4, 14px) var(--spacing-5, 18px);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-5, 20px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-medium, 500);font-family:var(--font-primary);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.save-message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.save-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.save-message.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.settings-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3, 12px)}.settings-actions .btn{min-width:200px;padding:var(--spacing-3, 12px) var(--spacing-6, 24px);font-size:var(--font-size-base, 15px);font-weight:var(--font-weight-medium, 500);font-family:var(--font-primary);border-radius:var(--radius-md, 8px);transition:var(--transition-all);border:none;cursor:pointer}.settings-actions .btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 4px rgba(var(--color-primary-rgb, 251, 146, 60),.3)}.settings-actions .btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(var(--color-primary-rgb, 251, 146, 60),.4)}.settings-actions .btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-border);color:var(--color-text-secondary)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;margin-right:var(--spacing-2, 8px)}.loading-message{text-align:center;padding:var(--spacing-8, 32px);color:var(--color-text-secondary)}.loading-message .spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-4, 16px)}.loading-message p{font-size:var(--font-size-base, 15px);font-family:var(--font-primary)}@media (max-width: 768px){.notification-settings{padding:0}.settings-header h2{font-size:1.5rem}.settings-header p{font-size:var(--font-size-sm, 14px)}.notification-channel-block,.notification-info-block{padding:var(--spacing-5, 20px);margin-bottom:var(--spacing-5, 20px)}.notification-channel-block h3,.notification-info-block h3{font-size:1rem}.channel-option{padding:var(--spacing-3, 14px)}.channel-icon{font-size:1.5rem;margin-right:var(--spacing-3, 12px)}.channel-info h4{font-size:.938rem}.channel-info p{font-size:.813rem}.whatsapp-phone-input-wrapper{padding:var(--spacing-3, 12px)}.whatsapp-phone-input{padding:var(--spacing-2, 10px) var(--spacing-3, 12px);font-size:var(--font-size-sm, 14px)}.notification-info-block li{font-size:var(--font-size-sm, 14px);padding:var(--spacing-2, 8px) 0}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%;min-width:unset}}@media (prefers-color-scheme: dark){.settings-header h2,.notification-channel-block h3,.notification-info-block h3{color:var(--color-text-primary)}.settings-header p{color:var(--color-text-secondary)}.notification-channel-block,.notification-info-block,.channel-option{background:var(--color-surface);border-color:var(--color-border)}.channel-option:hover,.channel-option.selected{background:var(--color-surface-dark, #1e2831);border-color:var(--color-primary)}.channel-info h4{color:var(--color-text-primary)}.channel-info p{color:var(--color-text-secondary)}.whatsapp-phone-input-wrapper{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.whatsapp-phone-label{color:var(--color-text-primary)}.whatsapp-phone-input{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.whatsapp-phone-input.error{background-color:#ef44441a}.whatsapp-phone-hint{color:var(--color-text-secondary)}.notification-info-block li{color:var(--color-text-secondary);border-bottom-color:var(--color-border)}.save-message.success{background:#10b98133;color:#34d399;border-color:#10b9814d}.save-message.error{background:#ef444433;color:#f87171;border-color:#ef44444d}.save-message.info{background:#3b82f633;color:#60a5fa;border-color:#3b82f64d}.loading-message{color:var(--color-text-secondary)}.loading-message .spinner{border-color:var(--color-border);border-top-color:var(--color-primary)}}@media (prefers-reduced-motion: reduce){.channel-option,.settings-actions .btn,.whatsapp-phone-input{transition:none}.channel-option:hover,.settings-actions .btn-primary:hover:not(:disabled){transform:none}.save-message,.btn-spinner,.loading-message .spinner{animation:none}}.ambassador-dashboard{display:flex;flex-direction:column;gap:var(--spacing-6)}.error-message,.not-ambassador-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.error-icon,.icon{font-size:3rem}.error-message p,.not-ambassador-message p{color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-primary);margin:0}.not-ambassador-message h3{margin:0;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.promo-code-card{background-color:var(--color-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-all)}.promo-code-card:hover{box-shadow:var(--shadow-card-hover)}.promo-code-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.promo-icon{font-size:1.5rem}.promo-code-header h3{margin:0;font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.promo-code-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background-color:var(--color-surface-muted, #f9fafb);border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all)}.promo-code-display:hover{background-color:var(--color-surface-dark, #f3f4f6);transform:translateY(-2px)}.promo-code-text{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-primary);letter-spacing:2px}.copy-icon{font-size:1.25rem;opacity:.7}.promo-code-hint{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.stat-card{background-color:var(--color-surface);padding:var(--spacing-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-all);display:flex;align-items:center;gap:var(--spacing-4)}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-icon{font-size:2rem;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary);font-weight:var(--font-weight-medium)}.stat-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-primary);line-height:1}.stat-sublabel{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-primary)}.stat-card.balance .stat-icon{color:#10b981}.stat-card.level .stat-icon{color:#f59e0b}.stat-card.clients .stat-icon{color:#3b82f6}.stat-card.orders .stat-icon{color:#8b5cf6}.stat-card.sales .stat-icon{color:#06b6d4}.stat-card.earned .stat-icon{color:#ec4899}.progress-card{background-color:var(--color-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.progress-title{margin:0 0 var(--spacing-4) 0;font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.progress-bar-container{position:relative;height:32px;background-color:var(--color-surface-muted, #e5e7eb);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-4)}.progress-bar-fill{position:absolute;left:0;top:0;height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-3);transition:width var(--duration-500) ease;min-width:50px}.progress-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;font-family:var(--font-primary)}.progress-text{color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-primary);margin-bottom:var(--spacing-4)}.level-requirements{background-color:var(--color-surface-muted, #f9fafb);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-border-light, #e2e8f0)}.level-requirements h4{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.level-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.level-requirements li{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary)}.max-level-card{background-color:var(--color-surface);padding:var(--spacing-8);border-radius:var(--radius-lg);border:2px solid var(--color-primary);box-shadow:var(--shadow-card);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.trophy-icon{font-size:4rem}.max-level-card h3{margin:0;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-primary)}.max-level-card p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);font-family:var(--font-primary)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.promo-code-text{font-size:1.25rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-4)}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.25rem}.promo-code-card{padding:var(--spacing-4)}.promo-code-text{font-size:1.125rem;letter-spacing:1px}.progress-bar-container{height:28px}.progress-percentage{font-size:.75rem}}@media (prefers-color-scheme: dark){.promo-code-display{background-color:var(--color-surface-dark, #1e2831)}.promo-code-display:hover{background-color:var(--color-hover)}.stat-card{background-color:var(--color-surface);border-color:var(--color-border)}.stat-card:hover{background-color:var(--color-surface-dark, #1e2831)}.level-requirements{background-color:var(--color-surface-dark, #1e2831);border-color:var(--color-border)}.progress-bar-container{background-color:var(--color-surface-dark, #2a3441)}}@media (prefers-reduced-motion: reduce){.stat-card:hover,.promo-code-card:hover,.promo-code-display:hover{transform:none}.progress-bar-fill{transition:none}.retry-button:hover{transform:none}}.ambassador-clients{display:flex;flex-direction:column;gap:var(--spacing-4)}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.clients-header h3{margin:0;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.clients-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary);font-weight:var(--font-weight-medium)}.clients-table-wrapper{overflow-x:auto;background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.clients-table{width:100%;border-collapse:collapse;font-family:var(--font-primary)}.clients-table thead{background-color:var(--color-surface-muted, #f9fafb);border-bottom:2px solid var(--color-border)}.clients-table th{padding:var(--spacing-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap}.clients-table tbody tr{border-bottom:1px solid var(--color-border);transition:var(--transition-all)}.clients-table tbody tr:hover{background-color:var(--color-hover)}.clients-table tbody tr:last-child{border-bottom:none}.clients-table td{padding:var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary)}.client-name{min-width:200px}.client-info{display:flex;align-items:center;gap:var(--spacing-3)}.client-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1.125rem;flex-shrink:0}.client-info .name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.client-info .phone{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.promo-code .code-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-surface-muted, #e0f2fe);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:monospace;letter-spacing:1px}.orders-count .count-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-surface-muted, #f3f4f6);color:var(--color-text-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:32px;text-align:center}.total-spent strong{color:var(--color-primary)}.date-linked,.last-order{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.clients-cards{display:none;flex-direction:column;gap:var(--spacing-4)}.client-card{background-color:var(--color-surface);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-all)}.client-card:hover{box-shadow:var(--shadow-card-hover)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.card-header .client-info{flex:1}.card-header .code-badge{padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-surface-muted, #e0f2fe);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:monospace;letter-spacing:1px}.card-stats{display:flex;justify-content:space-between;padding:var(--spacing-3);background-color:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-md);margin-bottom:var(--spacing-3)}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-primary)}.stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-2);border-top:1px solid var(--color-border);margin-top:var(--spacing-2)}.card-footer .label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary)}.card-footer .value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-family:var(--font-primary)}.clients-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6)}.clients-pagination.mobile{display:none}@media (max-width: 1024px){.clients-table-wrapper{overflow-x:scroll}.clients-table th,.clients-table td{padding:var(--spacing-3);font-size:var(--font-size-sm)}.client-avatar{width:36px;height:36px;font-size:1rem}}@media (max-width: 768px){.clients-table-wrapper{display:none}.clients-cards{display:flex}.clients-pagination{display:none}.clients-pagination.mobile{display:flex}.client-avatar{width:48px;height:48px;font-size:1.25rem}}@media (prefers-color-scheme: dark){.clients-table thead{background-color:var(--color-surface-dark, #1e2831)}.clients-table tbody tr:hover{background-color:var(--color-hover)}.promo-code .code-badge{background-color:#3b82f633}.orders-count .count-badge{background-color:var(--color-surface-dark, #2a3441)}.card-stats{background-color:var(--color-surface-dark, #1e2831)}.card-header .code-badge{background-color:#3b82f633}}@media (prefers-reduced-motion: reduce){.clients-table tbody tr,.client-card,.pagination-button{transition:none}.client-card:hover,.pagination-button:hover:not(:disabled),.retry-button:hover{transform:none}}.ambassador-transactions{display:flex;flex-direction:column;gap:var(--spacing-4)}.transactions-header{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.transactions-header h3{margin:0;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.transactions-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter-button{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all);white-space:nowrap}.filter-button:hover{background-color:var(--color-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.filter-button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.transactions-table-wrapper{overflow-x:auto;background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.transactions-table{width:100%;border-collapse:collapse;font-family:var(--font-primary)}.transactions-table thead{background-color:var(--color-surface-muted, #f9fafb);border-bottom:2px solid var(--color-border)}.transactions-table th{padding:var(--spacing-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap}.transactions-table tbody tr{border-bottom:1px solid var(--color-border);transition:var(--transition-all)}.transactions-table tbody tr:hover{background-color:var(--color-hover)}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table td{padding:var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary)}.transaction-type{min-width:150px}.type-badge{display:flex;align-items:center;gap:var(--spacing-2)}.type-icon{font-size:1.25rem}.type-label{font-weight:var(--font-weight-medium)}.transaction-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.transaction-description{max-width:300px}.order-link{display:block;font-size:var(--font-size-sm);color:var(--color-primary);margin-top:var(--spacing-1);font-weight:var(--font-weight-medium)}.transaction-amount{font-weight:var(--font-weight-semibold);white-space:nowrap}.transaction-amount.positive{color:#10b981}.transaction-amount.negative{color:#ef4444}.transaction-balance strong{color:var(--color-text-primary)}.transactions-cards{display:none;flex-direction:column;gap:var(--spacing-4)}.transaction-card{background-color:var(--color-surface);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:var(--transition-all);border-left:4px solid var(--color-border)}.transaction-card.positive{border-left-color:#10b981}.transaction-card.negative{border-left-color:#ef4444}.transaction-card:hover{box-shadow:var(--shadow-card-hover)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.type-info{display:flex;align-items:flex-start;gap:var(--spacing-3)}.type-info .type-icon{font-size:1.5rem;flex-shrink:0}.type-info .type-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.type-info .transaction-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.card-header .transaction-amount{font-size:1.125rem;font-weight:var(--font-weight-bold)}.card-description{padding:var(--spacing-3);background-color:var(--color-surface-muted, #f9fafb);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary);margin-bottom:var(--spacing-3)}.card-order{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-2)}.order-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary)}.order-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);font-family:var(--font-primary)}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-border);margin-top:var(--spacing-3)}.balance-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary)}.balance-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.transactions-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6)}.pagination-button{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.pagination-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.pagination-button:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.pagination-info{font-size:var(--font-size-base);color:var(--color-text-secondary);font-family:var(--font-primary);font-weight:var(--font-weight-medium)}.empty-message,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.empty-icon,.error-icon{font-size:3rem}.empty-message h3,.error-message h3{margin:0;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.empty-message p,.error-message p{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);font-family:var(--font-primary)}.retry-button{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-primary);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.retry-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-primary)}@media (max-width: 1024px){.transactions-table-wrapper{overflow-x:scroll}.transactions-table th,.transactions-table td{padding:var(--spacing-3);font-size:var(--font-size-sm)}.transaction-description{max-width:200px}}@media (max-width: 768px){.transactions-table-wrapper{display:none}.transactions-cards{display:flex}.transactions-filters{gap:var(--spacing-1)}.filter-button{padding:var(--spacing-2) var(--spacing-3);font-size:.75rem}}@media (prefers-color-scheme: dark){.transactions-table thead{background-color:var(--color-surface-dark, #1e2831)}.transactions-table tbody tr:hover{background-color:var(--color-hover)}.filter-button{background-color:var(--color-surface-dark, #1e2831)}.filter-button:hover{background-color:var(--color-hover)}.card-description{background-color:var(--color-surface-dark, #1e2831)}.transaction-card{background-color:var(--color-surface)}}@media (prefers-reduced-motion: reduce){.transactions-table tbody tr,.transaction-card,.filter-button,.pagination-button{transition:none}.transaction-card:hover,.pagination-button:hover:not(:disabled),.retry-button:hover{transform:none}.spinner{animation:none}}.ambassador-tab{display:flex;flex-direction:column;gap:var(--spacing-4)}.ambassador-sub-nav{display:flex;gap:var(--spacing-2);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-1)}.ambassador-sub-nav::-webkit-scrollbar{display:none}.sub-nav-button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-all);white-space:nowrap;flex-shrink:0;position:relative;margin-bottom:-1px;min-width:fit-content}.sub-nav-button:before{content:"";position:absolute;inset:0;background:var(--color-hover);opacity:0;transition:opacity var(--duration-200);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.sub-nav-button:hover:before{opacity:.5}.sub-nav-button:hover{color:var(--color-text-primary)}.sub-nav-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sub-nav-button.active:before{opacity:0}.sub-nav-icon{font-size:1rem;line-height:1;position:relative;z-index:1}.sub-nav-label{font-size:var(--font-size-sm);line-height:1;position:relative;z-index:1}.ambassador-content{animation:fadeInContent var(--duration-300) ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.sub-nav-button{padding:var(--spacing-2) var(--spacing-3);font-size:.813rem}.sub-nav-icon{font-size:.938rem}}@media (max-width: 480px){.ambassador-sub-nav{justify-content:space-around}.sub-nav-button{padding:var(--spacing-2) var(--spacing-2);flex-direction:column;gap:var(--spacing-1);min-width:auto}.sub-nav-label{font-size:.625rem}.sub-nav-icon{font-size:1.125rem}}@media (prefers-color-scheme: dark){.ambassador-sub-nav{border-bottom-color:var(--color-border)}.sub-nav-button{color:var(--color-text-secondary)}.sub-nav-button:hover{color:var(--color-text-primary)}.sub-nav-button.active{color:var(--color-primary)}}.sub-nav-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}@media (prefers-reduced-motion: reduce){.sub-nav-button{transition:none}.sub-nav-button:before{display:none}.ambassador-content{animation:none}}.order-success-page{padding:var(--spacing-8);max-width:600px;margin:0 auto;min-height:50vh;text-align:center}.order-success-page__loading{display:flex;justify-content:center;align-items:center;min-height:50vh;flex-direction:column;font-family:var(--font-primary);color:var(--color-text-secondary)}.order-success-page__error{text-align:center;padding:var(--spacing-8);max-width:600px;margin:0 auto}.order-success-page__error h2{color:var(--color-error);margin-bottom:var(--spacing-4);font-family:var(--font-primary)}.order-success-page__icon{font-size:3rem;margin-bottom:var(--spacing-4)}.order-success-page__icon--success{color:var(--color-success)}.order-success-page__icon--pending{color:var(--color-warning)}.order-success-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);color:var(--color-text-primary);font-family:var(--font-primary)}.order-success-page__details{background-color:var(--color-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-8);border:1px solid var(--color-border)}.order-success-page__details h3{margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-lg)}.order-success-page__detail-item{margin-bottom:var(--spacing-3);font-family:var(--font-primary);color:var(--color-text-secondary)}.order-success-page__detail-item:last-child{margin-bottom:0}.order-success-page__detail-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-success-page__description{margin-bottom:var(--spacing-8);color:var(--color-text-secondary);font-family:var(--font-primary);line-height:var(--line-height-normal)}.order-success-page__warning{background-color:#fff3cd;padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-8);border:1px solid #ffeaa7}.order-success-page__actions{margin-top:var(--spacing-8)}.order-success-page__btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-family:var(--font-primary);transition:var(--transition-all);margin:0 var(--spacing-2)}.order-success-page__btn--primary{background-color:var(--color-primary);color:#fff}.order-success-page__btn--primary:hover{background-color:var(--color-primary-hover)}.order-success-page__btn--secondary{background-color:var(--color-muted);color:#fff}.order-success-page__btn--secondary:hover{background-color:var(--color-muted-hover)}@media (max-width: 768px){.order-success-page{padding:var(--spacing-4)}.order-success-page__title{font-size:var(--font-size-xl)}.order-success-page__details{padding:var(--spacing-4)}.order-success-page__btn{display:block;margin:var(--spacing-2) 0;text-align:center}}.order-payment-page{padding:var(--spacing-8);max-width:800px;margin:0 auto;min-height:50vh}.order-payment-page__loading{display:flex;justify-content:center;align-items:center;min-height:50vh;flex-direction:column;font-family:var(--font-primary);color:var(--color-text-secondary)}.order-payment-page__error{text-align:center;padding:var(--spacing-8);max-width:600px;margin:0 auto}.order-payment-page__error h2{color:var(--color-error);margin-bottom:var(--spacing-4);font-family:var(--font-primary)}.order-payment-page__header{margin-bottom:var(--spacing-8);text-align:center}.order-payment-page__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-6);color:var(--color-text-primary);font-family:var(--font-primary)}.order-payment-page__order-info{background-color:var(--color-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);border:1px solid var(--color-border);text-align:left}.order-payment-page__order-info h3{margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-lg);text-align:center}.order-payment-page__detail-item{margin-bottom:var(--spacing-3);font-family:var(--font-primary);color:var(--color-text-secondary)}.order-payment-page__detail-item:last-child{margin-bottom:0}.order-payment-page__detail-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-payment-page__payment-text{text-align:center;margin:var(--spacing-6) 0;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.order-payment-page__actions{margin-top:var(--spacing-8);text-align:center;display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.order-payment-page__btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-family:var(--font-primary);transition:var(--transition-all);border:none;cursor:pointer;font-size:var(--font-size-md);min-width:120px}.order-payment-page__btn--primary{background-color:var(--color-primary);color:#fff}.order-payment-page__btn--primary:hover{background-color:var(--color-primary-hover)}.order-payment-page__btn--secondary{background-color:var(--color-muted);color:#fff}.order-payment-page__btn--secondary:hover{background-color:var(--color-muted-hover)}@media (max-width: 768px){.order-payment-page{padding:var(--spacing-4)}.order-payment-page__title{font-size:var(--font-size-md)}.order-payment-page__order-info{padding:var(--spacing-4)}.order-payment-page__actions{justify-content:center}.order-payment-page__btn{width:100%;max-width:300px;text-align:center}.order-payment-page__payment-text{font-size:var(--font-size-md)}}.how-to-order-page{padding:var(--spacing-8);max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-background) 100%)}.how-to-order-page__title{text-align:center;margin-bottom:var(--spacing-12);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:var(--line-height-tight)}.how-to-order-page__content{text-align:center;font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);font-family:var(--font-primary);margin-bottom:var(--spacing-8)}.how-to-order-page__info{margin-top:var(--spacing-12);text-align:center}.how-to-order-page__info h3{text-align:center;margin-bottom:var(--spacing-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-primary)}.how-to-order-page__info p{font-size:var(--font-size-lg);color:var(--color-text-primary);line-height:var(--line-height-normal);font-family:var(--font-primary)}.how-to-order-page__info a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.how-to-order-page__info a:hover{text-decoration:underline}.loading,.error{text-align:center;padding:var(--spacing-12);font-size:var(--font-size-lg);color:var(--color-text-primary)}.error{color:var(--color-danger, #ef4444)}@media (max-width: 1024px){.how-to-order-page{padding:var(--spacing-6) var(--spacing-4)}.how-to-order-page__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-8)}.how-to-order-page__content{font-size:var(--font-size-sm)}.how-to-order-page__info h3{font-size:var(--font-size-xl)}.how-to-order-page__info p{font-size:var(--font-size-base)}}@media (max-width: 480px){.how-to-order-page{padding:var(--spacing-4) var(--spacing-3)}.how-to-order-page__title{font-size:var(--font-size-2xl)}.how-to-order-page__content{font-size:var(--font-size-sm)}.how-to-order-page__info h3{font-size:var(--font-size-lg)}.how-to-order-page__info p{font-size:var(--font-size-sm)}}.reviews-page{padding:var(--spacing-8);max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-background) 100%)}.reviews-page__title{text-align:center;margin-bottom:var(--spacing-8);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:var(--line-height-tight)}.reviews-page__stats{display:flex;justify-content:center;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}.reviews-page__stat{text-align:center;background-color:var(--color-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.reviews-page__stat-number{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.reviews-page__stat-stars{display:flex;justify-content:center;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.reviews-page__stat-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-primary)}.reviews-page__filters{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.reviews-page__filter-group{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.reviews-page__filter-label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary);min-width:100px;font-size:var(--font-size-base)}.reviews-page__filter-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap;flex:1}.reviews-page__filter-btn{padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:inline-flex;align-items:center;gap:var(--spacing-2)}.reviews-page__filter-btn:hover{border-color:var(--color-primary);background-color:var(--color-surface-muted);transform:translateY(-1px)}.reviews-page__filter-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.reviews-page__filter-label-text{font-weight:var(--font-weight-semibold);margin-right:var(--spacing-1)}.reviews-page__filter-stars{display:inline-flex;gap:2px;align-items:center}.reviews-page__filter-star{font-size:var(--font-size-xs);color:#fbbf24}.reviews-page__filter-btn.active .reviews-page__filter-star{color:#fff}.reviews-page__filter-count{margin-left:var(--spacing-1);opacity:.7;font-size:var(--font-size-xs)}.reviews-page__sort-select{padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-primary);color:var(--color-text-primary);transition:all .3s ease}.reviews-page__sort-select:hover{border-color:var(--color-primary)}.reviews-page__sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b351a}.reviews-page__loading,.reviews-page__empty,.reviews-page__error{text-align:center;padding:var(--spacing-12) var(--spacing-6);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-8)}.reviews-page__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.reviews-page__loading p{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--font-size-base);margin:0}.reviews-page__spinner{animation:spin 1s linear infinite;font-size:var(--font-size-3xl);color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reviews-page__empty{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--font-size-lg)}.reviews-page__empty p{margin:0}.reviews-page__error{background-color:#fee;border-color:#fcc;color:#c33;font-family:var(--font-primary)}.reviews-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.reviews-page__card{padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background-color:var(--color-surface);transition:var(--transition-all);border:1px solid var(--color-border);display:flex;flex-direction:column}.reviews-page__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.reviews-page__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.reviews-page__user{display:flex;align-items:center;gap:var(--spacing-2)}.reviews-page__user-icon{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.reviews-page__user-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.reviews-page__rating{display:flex;gap:var(--spacing-1)}.reviews-page__star{color:var(--color-border);font-size:var(--font-size-sm);transition:color .2s ease}.reviews-page__star--filled{color:#fbbf24}.reviews-page__rating-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);margin-bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);display:inline-block;align-self:flex-start}.reviews-page__card:has(.reviews-page__rating-label:contains("Отлично")) .reviews-page__rating-label,.reviews-page__card:has(.reviews-page__rating-label:contains("Excellent")) .reviews-page__rating-label,.reviews-page__card:has(.reviews-page__rating-label:contains("Тамаша")) .reviews-page__rating-label{background-color:#10b9811a;color:#10b981}.reviews-page__card:has(.reviews-page__rating-label:contains("Хорошо")) .reviews-page__rating-label,.reviews-page__card:has(.reviews-page__rating-label:contains("Good")) .reviews-page__rating-label,.reviews-page__card:has(.reviews-page__rating-label:contains("Жақсы")) .reviews-page__rating-label{background-color:#fbbf241a;color:#f59e0b}.reviews-page__card:has(.reviews-page__rating-label:contains("Плохо")) .reviews-page__rating-label,.reviews-page__card:has(.reviews-page__rating-label:contains("Poor")) .reviews-page__rating-label,.reviews-page__card:has(.reviews-page__rating-label:contains("Нашар")) .reviews-page__rating-label{background-color:#ef44441a;color:#ef4444}.reviews-page__quote{position:relative;margin-bottom:var(--spacing-4);flex:1}.reviews-page__quote-icon{position:absolute;top:-8px;left:-8px;color:var(--color-primary);font-size:var(--font-size-lg);opacity:.3}.reviews-page__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal);font-family:var(--font-primary);margin:0;padding-left:var(--spacing-4);font-style:italic}.reviews-page__date{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:right;font-family:var(--font-primary);margin-top:auto;padding-top:var(--spacing-2)}.reviews-page__load-more{text-align:center;margin-bottom:var(--spacing-8)}.reviews-page__load-more-btn{padding:var(--spacing-4) var(--spacing-8);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-primary);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-width:180px;box-shadow:var(--shadow-sm)}.reviews-page__load-more-btn:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.reviews-page__load-more-btn:active:not(:disabled){transform:translateY(0)}.reviews-page__load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.reviews-page__load-more-btn .reviews-page__spinner{font-size:var(--font-size-base);color:#fff}.reviews-page__cta{text-align:center;background-color:var(--color-surface);padding:var(--spacing-8);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.reviews-page__cta-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;font-family:var(--font-primary)}@media (max-width: 1024px){.reviews-page{padding:var(--spacing-6) var(--spacing-4)}.reviews-page__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6)}.reviews-page__stats{gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.reviews-page__filters{padding:var(--spacing-4);gap:var(--spacing-4)}.reviews-page__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.reviews-page__card{padding:var(--spacing-4)}}@media (max-width: 768px){.reviews-page__stats{flex-direction:column;align-items:center;gap:var(--spacing-4)}.reviews-page__stat{width:100%;max-width:200px}.reviews-page__filter-group{flex-direction:column;align-items:flex-start}.reviews-page__filter-label{min-width:auto}.reviews-page__filter-buttons,.reviews-page__sort-select{width:100%}.reviews-page__filter-btn{flex:1;justify-content:center;min-width:0}}@media (max-width: 480px){.reviews-page{padding:var(--spacing-4) var(--spacing-3)}.reviews-page__title{font-size:var(--font-size-2xl)}.reviews-page__filters{padding:var(--spacing-3)}.reviews-page__filter-buttons{gap:var(--spacing-1);flex-direction:column}.reviews-page__filter-btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);width:100%}.reviews-page__filter-btn{flex-direction:column;gap:var(--spacing-1)}.reviews-page__filter-stars{margin-top:2px}.reviews-page__grid{grid-template-columns:1fr}.reviews-page__card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.reviews-page__rating{align-self:flex-end}.reviews-page__rating-label{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}.reviews-page__load-more-btn{width:100%;padding:var(--spacing-3) var(--spacing-6)}.reviews-page__cta{padding:var(--spacing-4)}.reviews-page__cta-text{font-size:var(--font-size-base)}}.contact-page{padding:var(--spacing-8);max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-background) 100%)}.contact-page__title{text-align:center;margin-bottom:var(--spacing-12);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:var(--line-height-tight)}.contact-page__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.contact-page__card{padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background-color:var(--color-surface);transition:var(--transition-all);border:1px solid var(--color-border)}.contact-page__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.contact-page__card-title{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-primary)}.contact-page__card-icon{color:var(--color-primary);font-size:var(--font-size-lg)}.contact-page__info-item{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.contact-page__info-item:last-child{margin-bottom:0}.contact-page__info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-family:var(--font-primary)}.contact-page__info-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-family:var(--font-primary)}.contact-page__link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-base);font-family:var(--font-primary);transition:color .2s ease}.contact-page__link:hover{color:var(--color-primary-hover);text-decoration:underline}.contact-page__whatsapp{display:flex;align-items:center;gap:var(--spacing-2);color:#25d366}.contact-page__whatsapp:hover{color:#128c7e}.contact-page__whatsapp-icon{font-size:var(--font-size-lg)}.loading,.error{text-align:center;padding:var(--spacing-12);font-size:var(--font-size-lg);color:var(--color-text-secondary)}@media (max-width: 1024px){.contact-page{padding:var(--spacing-6) var(--spacing-4)}.contact-page__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-8)}.contact-page__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.contact-page__card{padding:var(--spacing-4)}.contact-page__card-title{font-size:var(--font-size-lg);gap:var(--spacing-2)}}@media (max-width: 768px){.contact-page__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 480px){.contact-page{padding:var(--spacing-4) var(--spacing-3)}.contact-page__title{font-size:var(--font-size-2xl)}.contact-page__grid{grid-template-columns:1fr;gap:var(--spacing-3)}.contact-page__card{padding:var(--spacing-3)}.contact-page__card-title{font-size:var(--font-size-base);flex-direction:column;text-align:center;gap:var(--spacing-1)}.contact-page__card-icon{font-size:var(--font-size-xl)}.contact-page__info-label,.contact-page__info-value{text-align:center}.contact-page__link,.contact-page__whatsapp{justify-content:center}}.legal-page{padding:var(--spacing-8);max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-background) 100%)}.legal-page__title{text-align:center;margin-bottom:var(--spacing-12);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:var(--line-height-tight)}.legal-page__content{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);font-family:var(--font-primary);margin-bottom:var(--spacing-8);background:var(--color-background);padding:var(--spacing-8);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.legal-page__content h2{margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.legal-page__content h3{margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.legal-page__content p{margin-bottom:var(--spacing-4)}.legal-page__content ul,.legal-page__content ol{margin-left:var(--spacing-6);margin-bottom:var(--spacing-4)}.legal-page__content li{margin-bottom:var(--spacing-2)}.legal-page__loading,.legal-page__error{text-align:center;padding:var(--spacing-12);font-size:var(--font-size-lg);color:var(--color-text-primary);min-height:50vh;display:flex;align-items:center;justify-content:center}.legal-page__error{color:var(--color-danger, #ef4444)}@media (max-width: 1024px){.legal-page{padding:var(--spacing-6) var(--spacing-4)}.legal-page__title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-8)}.legal-page__content{padding:var(--spacing-6);font-size:var(--font-size-sm)}.legal-page__content h2{font-size:var(--font-size-xl)}.legal-page__content h3{font-size:var(--font-size-lg)}}@media (max-width: 480px){.legal-page{padding:var(--spacing-4) var(--spacing-3)}.legal-page__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.legal-page__content{padding:var(--spacing-4);font-size:var(--font-size-sm)}.legal-page__content h2{font-size:var(--font-size-lg)}.legal-page__content h3{font-size:var(--font-size-base)}}:root{--color-background: #ffffff;--color-surface: #ffffff;--color-border: #e2e8f0;--color-hover: rgba(0, 0, 0, .05);--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-tertiary: #718096;--color-primary: #fea96d;--color-primary-hover: #ff8c42;--color-primary-rgb: 254, 169, 109;--color-success: #38a169;--color-warning: #d69e2e;--color-error: #e53e3e;--color-surface-muted: #f9fafb;--color-surface-dark: #f3f4f6;--color-border-light: #e2e8f0;--color-border-dark: #d1d5db;--color-text-accent: #374151;--color-text-muted: #475569;--color-muted: #9ca3af;--sidebar-width: 280px;--sidebar-width-collapsed: 72px;--header-height: 80px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 1.25rem;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 1px var(--color-primary);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-all: all .2s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--focus-ring: 0 0 0 3px rgba(229, 62, 62, .1)}@media (prefers-color-scheme: dark){:root{--color-background: #1a202c;--color-surface: #2d3748;--color-border: #4a5568;--color-hover: rgba(255, 255, 255, .1);--color-text-primary: #f7fafc;--color-text-secondary: #a0aec0;--color-text-tertiary: #718096;--color-surface-muted: #2a3441;--color-surface-dark: #1e2831;--color-border-light: #4a5568;--color-border-dark: #5a6570;--color-text-accent: #cbd5e0;--color-text-muted: #a0aec0;--color-muted: #718096;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .2);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 25px 0 rgba(0, 0, 0, .5)}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-hover)}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-all)}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}*:focus{outline-color:var(--color-primary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}}