@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{overflow-x:hidden;width:100%}body{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}:root{--default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font: "Playfair Display", sans-serif;--nav-font: "Poppins", sans-serif}:root{--background-color: #0c0b09;--background-rgb: 12, 11, 9;--default-color: rgba(255, 255, 255, .7);--heading-color: #ffffff;--accent-color: #cda45e;--surface-color: #29261f;--contrast-color: #0c0b09;--brand-color: #a66300;--test-color: #feed01;--card-background: #1a1916;--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--muted-color: rgba(255, 255, 255, .5);--accent-hover: #b8934e;--nav-color: #ffffff;--nav-hover-color: #cda45e;--nav-mobile-background-color: #29261f;--nav-dropdown-background-color: #29261f;--nav-dropdown-color: #ffffff;--nav-dropdown-hover-color: #cda45e;--border-color: rgba(205, 164, 94, .2);--border-rgb: 205, 164, 94;--shadow-color: rgba(0, 0, 0, .3);--overlay-color: rgba(12, 11, 9, .85);--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--info-color: #2196f3;scroll-behavior:smooth}:root.light-mode{--background-color: #f9f7f4;--background-rgb: 249, 247, 244;--default-color: rgba(0, 0, 0, .75);--heading-color: #1a1a1a;--accent-color: #b8934e;--surface-color: #ffffff;--contrast-color: #ffffff;--card-background: #ffffff;--text-color: #1a1a1a;--text-secondary: rgba(0, 0, 0, .65);--muted-color: rgba(0, 0, 0, .45);--accent-hover: #9a7a3e;--nav-color: #1a1a1a;--nav-hover-color: #b8934e;--nav-mobile-background-color: #ffffff;--nav-dropdown-background-color: #ffffff;--nav-dropdown-color: #1a1a1a;--nav-dropdown-hover-color: #b8934e;--border-color: rgba(184, 147, 78, .2);--shadow-color: rgba(0, 0, 0, .1);--overlay-color: rgba(249, 247, 244, .95)}.light-background{--background-color: #29261f;--surface-color: #464135;--ligh-surface-color: #c7b281}.dark-background{--background-color: #000000;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #1a1a1a;--contrast-color: #ffffff}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--default-font);background-color:var(--background-color);color:var(--default-color);line-height:1.6;overflow-x:hidden;padding-top:170px;transition:background-color .3s ease,color .3s ease,transform .5s cubic-bezier(.4,0,.2,1)}@media(max-width:932px)and (min-width:430px){body{padding-top:90px}}@media(max-width:844px)and (min-width:390px){body{padding-top:85px}}@media(max-width:667px)and (min-width:375px){body{padding-top:80px}}@media(max-width:1280px)and (min-width:850px){body{padding-top:170px}}@media(max-width:890px)and (min-width:320px){body{padding-top:80px}}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--heading-color);font-weight:600;line-height:1.2;margin-bottom:1rem;transition:color .3s ease,opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1)}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--default-color)}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--nav-hover-color)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-fluid{width:100%;padding:0 1.5rem}.section{padding:4rem 0}.section-title{text-align:center;margin-bottom:3rem;position:relative}.section-title h2{font-size:2.5rem;margin-bottom:.5rem}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--accent-color);margin:1rem auto 0;border-radius:2px}.btn{display:inline-block;padding:.75rem 2rem;font-size:1rem;font-weight:500;text-align:center;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background-color:#d4ad6d;transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color)}.btn-secondary:hover{background-color:var(--accent-color);color:var(--contrast-color)}.btn-outline:hover{background-color:var(--surface-color);border-color:var(--accent-color)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-color)}input,textarea,select{width:100%;padding:.875rem 1rem;font-size:1rem;background-color:var(--surface-color);color:var(--default-color);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}input::placeholder,textarea::placeholder{color:#fff6}:root.light-mode input::placeholder,:root.light-mode textarea::placeholder{color:#0006}label{display:block;margin-bottom:.5rem;color:var(--heading-color);font-weight:500}.badge{display:inline-block;padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-right{animation:slideInFromRight .6s ease-out}.spinner{border:3px solid var(--surface-color);border-top:3px solid var(--accent-color);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.loading-overlay{position:fixed;inset:0;background:var(--background-color);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease,visibility .8s ease}.loading-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-overlay.fade-in{opacity:1;visibility:visible}.page-transition-overlay{position:fixed;inset:0;background:var(--background-color);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.page-transition-overlay.active{opacity:1;visibility:visible}.page-content{animation:fadeInContent .8s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-content section,.page-content .card,.page-content .product-card,.page-content .menu-item,.page-content .order-card,.page-content header,.page-content nav,.page-content .navbar,.page-content .hero,.page-content .container>div,.page-content form,.page-content table,.page-content .grid,.page-content .list,.page-content article{animation:ambientFadeIn 1s ease-out backwards}.page-content section:nth-child(1),.page-content .card:nth-child(1),.page-content .product-card:nth-child(1){animation-delay:.1s}.page-content section:nth-child(2),.page-content .card:nth-child(2),.page-content .product-card:nth-child(2){animation-delay:.2s}.page-content section:nth-child(3),.page-content .card:nth-child(3),.page-content .product-card:nth-child(3){animation-delay:.3s}.page-content section:nth-child(4),.page-content .card:nth-child(4),.page-content .product-card:nth-child(4){animation-delay:.4s}.page-content section:nth-child(5),.page-content .card:nth-child(5),.page-content .product-card:nth-child(5){animation-delay:.5s}.page-content section:nth-child(6),.page-content .card:nth-child(6),.page-content .product-card:nth-child(6){animation-delay:.6s}.page-content .product-card:nth-child(7){animation-delay:.7s}.page-content .product-card:nth-child(8){animation-delay:.8s}.page-content .product-card:nth-child(9){animation-delay:.9s}.page-content .product-card:nth-child(10){animation-delay:1s}@keyframes ambientFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.page-content button,.page-content .btn,.page-content a.button{animation:quickFadeIn .6s ease-out backwards}@keyframes quickFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-content img{animation:imageFadeIn 1.2s ease-out backwards}@keyframes imageFadeIn{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}.page-content h1,.page-content h2,.page-content h3{animation:headingFadeIn .8s ease-out backwards}@keyframes headingFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}[dir=rtl] .page-content h1,[dir=rtl] .page-content h2,[dir=rtl] .page-content h3{animation:headingFadeInRTL .8s ease-out backwards}@keyframes headingFadeInRTL{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.pattern-overlay{position:relative;overflow:hidden}.pattern-overlay:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(205,164,94,.03) 35px,rgba(205,164,94,.03) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(205,164,94,.03) 35px,rgba(205,164,94,.03) 70px);pointer-events:none}@media(max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}.section{padding:3rem 0}.container{padding:0 1rem}}@media(max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}.btn{padding:.625rem 1.5rem;font-size:.875rem}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--nav-hover-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}body.lang-ar{font-family:"Tajawal","Cairo",var(--default-font)}body.lang-ar h1,body.lang-ar h2,body.lang-ar h3,body.lang-ar h4,body.lang-ar h5,body.lang-ar h6{font-family:"Cairo",var(--heading-font);font-weight:700}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .navbar-menu{text-align:right}[dir=rtl] .navbar-actions,[dir=rtl] .navbar-content{flex-direction:row-reverse}[dir=rtl] .navbar-icon-btn{transform:scaleX(-1)}[dir=rtl] .navbar-icon-btn.language-toggle{transform:scaleX(1)}[dir=rtl] .cart-badge{right:auto;left:0}[dir=rtl] .container{direction:rtl}[dir=rtl] img,[dir=rtl] video,[dir=rtl] .carousel,[dir=rtl] .slider,[dir=rtl] .swiper{direction:ltr!important;transform:scaleX(1)!important}[dir=rtl] .branding-hero-new img,[dir=rtl] .hero-bg-image,[dir=rtl] .hero-falcon-image,[dir=rtl] .side-image,[dir=rtl] .bottom-image,[dir=rtl] .branding-left-image,[dir=rtl] .branding-right-image,[dir=rtl] .branding-eagle,[dir=rtl] .founded-image,[dir=rtl] .founded-overlay,[dir=rtl] .carousel-slide img,[dir=rtl] .carousel-overlay-img,[dir=rtl] .final-left-overlay,[dir=rtl] .final-right-overlay{direction:ltr!important;transform:scaleX(1)!important}[dir=rtl] .branding-hero-new,[dir=rtl] .branding-title-section,[dir=rtl] .content-section,[dir=rtl] .content-top,[dir=rtl] .founded-section,[dir=rtl] .founded-content,[dir=rtl] .carousel-wrapper,[dir=rtl] .final-section,[dir=rtl] .final-overlay-container{direction:ltr!important}[dir=rtl] .branding-title,[dir=rtl] .center-text,[dir=rtl] .founded-title,[dir=rtl] .founded-text,[dir=rtl] .chain-title,[dir=rtl] .chain-description,[dir=rtl] .final-title,[dir=rtl] .final-paragraph{direction:rtl!important;text-align:center!important}[dir=rtl] .carousel-item,[dir=rtl] .slide-content{direction:rtl}[dir=rtl] .section-title{text-align:right}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right;direction:rtl}[dir=rtl] .product-card,[dir=rtl] .menu-item,[dir=rtl] .order-card{text-align:right}[dir=rtl] .ml-auto{margin-left:0!important;margin-right:auto!important}[dir=rtl] .mr-auto{margin-right:0!important;margin-left:auto!important}[dir=rtl] .btn svg,[dir=rtl] .button svg{transform:scaleX(-1)}html{transition:direction .5s cubic-bezier(.4,0,.2,1)}p,span,a,button,input,textarea,label,li,h1,h2,h3,h4,h5,h6{transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1)}@keyframes languageFadeSlide{0%{opacity:1;transform:translate(0)}50%{opacity:.4;transform:translate(10px)}to{opacity:1;transform:translate(0)}}body.lang-switching *{animation:languageFadeSlide .6s cubic-bezier(.4,0,.2,1)}body.lang-switching img{animation:none!important}.container{transition:all .5s cubic-bezier(.4,0,.2,1)}.ivy-loader-fullscreen{--loader-logo-size: 220px;--loader-logo-size-md: 180px;--loader-logo-size-sm: 150px;--loader-glow-color: rgba(255, 234, 180, .6);--loader-glow-blur: 18px;--loader-glow-blur-strong: 36px;position:fixed;inset:0;width:100%;height:100%;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden}.ivy-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2rem}.ivy-logo-img{width:var(--loader-logo-size);height:var(--loader-logo-size);object-fit:contain;animation:ivy-breathe 2s ease-in-out infinite}@keyframes ivy-breathe{0%,to{transform:scale(.95);opacity:.85;filter:drop-shadow(0 0 var(--loader-glow-blur) var(--loader-glow-color))}50%{transform:scale(1.08);opacity:1;filter:drop-shadow(0 0 var(--loader-glow-blur-strong) var(--loader-glow-color)) drop-shadow(0 0 var(--loader-glow-blur) var(--loader-glow-color))}}.ivy-loading-text{font-size:1.125rem;font-weight:500;color:#f7f3e2de;letter-spacing:.5px;display:flex;align-items:center;gap:.25rem}.ivy-loading-dots{display:inline-flex;gap:.25rem;margin-left:.25rem}.ivy-loading-dots span{animation:ivy-dot-pulse 1.5s ease-in-out infinite}.ivy-loading-dots span:nth-child(1){animation-delay:0s}.ivy-loading-dots span:nth-child(2){animation-delay:.3s}.ivy-loading-dots span:nth-child(3){animation-delay:.6s}@keyframes ivy-dot-pulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@media(max-width:768px){.ivy-logo-img{width:var(--loader-logo-size-md);height:var(--loader-logo-size-md)}.ivy-loading-text{font-size:1rem}}@media(max-width:480px){.ivy-logo-img{width:var(--loader-logo-size-sm);height:var(--loader-logo-size-sm)}.ivy-loading-text{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.ivy-logo-img,.ivy-loading-dots span{animation:none}.ivy-logo-img{opacity:1;transform:scale(1)}.ivy-loading-dots span{opacity:1;transform:translateY(0)}}:root{--km-primary: #8b4513;--km-primary-light: #a0522d;--km-sand: #f5f0e8;--km-shadow: 0 4px 12px rgba(0, 0, 0, .08);--km-shadow-hover: 0 6px 16px rgba(0, 0, 0, .12)}:root.light-mode{--km-primary: #8b4513;--km-primary-light: #a0522d;--km-sand: #ffffff;--km-shadow: 0 4px 12px rgba(0, 0, 0, .08);--km-shadow-hover: 0 6px 16px rgba(0, 0, 0, .12)}.km-header{position:fixed;top:0;width:100%;max-width:100vw;z-index:10050;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:hidden;transition:padding .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--border-color);will-change:padding}.km-header--home-page{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.km-header--home-page.km-header--scrolled{background:#191919f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(205,164,94,.2);box-shadow:0 4px 20px #0003}.km-header-container{max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;padding:2rem 2rem 1.5rem;position:relative;display:grid;grid-template-columns:180px 1fr auto;grid-template-rows:auto auto;gap:.15rem;align-items:center;transition:padding .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1),grid-template-columns .4s cubic-bezier(.4,0,.2,1);will-change:padding,gap}.km-header-logo{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);align-self:start;margin-top:0;margin-bottom:0;width:180px;flex-shrink:0;z-index:100;position:relative}.km-logo-image{height:120px;width:100%;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);filter:brightness(1.6) drop-shadow(0 2px 8px rgba(0,0,0,.15)) contrast(1.05);transform-origin:left center}.km-header--home-page .km-header-logo{opacity:0;visibility:hidden;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.km-header--home-page .km-logo-image{filter:drop-shadow(0 4px 16px rgba(205,164,94,.2));transition:all .6s cubic-bezier(.34,1.56,.64,1)}.km-header--home-page.km-header--scrolled .km-header-logo{opacity:1;visibility:visible}.km-header--home-page .km-logo-image:hover{filter:drop-shadow(0 6px 24px rgba(205,164,94,.4));transform:scale(1.05)}.km-header-search{grid-column:2;grid-row:1;justify-self:center;width:55%;max-width:520px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.km-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--default-color);opacity:.6;transition:opacity .3s ease;pointer-events:none}:root.light-mode .km-header--home .km-search-icon{color:#1a1a1a;opacity:.7}.km-search-input{width:100%;padding:.2rem 1rem .75rem 2.75rem!important;border:1.5px solid var(--border-color);border-radius:50px;background:var(--surface-color);color:var(--default-color);font-size:.875rem;transition:all .3s ease;box-shadow:var(--km-shadow)}:root.light-mode .km-header--home .km-search-input{background:#fff;border:1.5px solid rgba(0,0,0,.2);color:#1a1a1a;box-shadow:0 4px 12px #00000026}:root.light-mode .km-header--home .km-search-input::placeholder{color:#00000080}.km-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 6px 20px #cda45e26}.km-search-input:focus+.km-search-icon{opacity:1;color:var(--accent-color)}.km-hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:36px;height:36px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:6px;z-index:1002;transition:all .3s ease;box-shadow:var(--km-shadow)}.km-hamburger-btn:hover{background:var(--accent-color);border-color:var(--accent-color)}.km-hamburger-line{width:100%;height:2px;background:var(--default-color);transition:all .3s ease;border-radius:2px}.km-hamburger-btn:hover .km-hamburger-line{background:var(--contrast-color)}.km-hamburger-line--open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.km-hamburger-line--open:nth-child(2){opacity:0}.km-hamburger-line--open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.km-header-nav{grid-column:2;grid-row:2;justify-self:center;display:flex;gap:.5rem;background:var(--surface-color);padding:.5rem;border-radius:50px;box-shadow:var(--km-shadow);max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}:root.light-mode .km-header--home .km-header-nav{background:#fff;box-shadow:0 4px 12px #00000026}.km-nav-item{padding:.75rem 1.75rem;border-radius:50px;text-decoration:none;color:var(--default-color);font-family:var(--nav-font);font-weight:500;font-size:.95rem;transition:all .3s ease;white-space:nowrap}:root.light-mode .km-header--home .km-nav-item{color:#1a1a1a}.km-nav-item:hover{background:#cda45e1a;color:var(--accent-color)}:root.light-mode .km-header--home .km-nav-item:hover{background:#b8934e26;color:#8b4513}.km-nav-item--active{background:var(--accent-color);color:var(--contrast-color);box-shadow:0 2px 8px #cda45e4d}.km-header--home-page .km-header-nav{background:transparent;box-shadow:none;padding:.5rem 0}.km-header--home-page .km-nav-item{color:#ffffffd9;border-bottom:2px solid transparent;border-radius:0;padding:.75rem 1.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.km-header--home-page .km-nav-item:hover{background:transparent;color:#cda45e;border-bottom-color:#cda45e99}.km-header--home-page .km-nav-item--active{background:transparent;color:#cda45e;box-shadow:none;border-bottom-color:#cda45e}.km-header--home-page.km-header--scrolled .km-header-nav{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;padding:.5rem;border-radius:50px}.km-header--home-page.km-header--scrolled .km-nav-item{background:transparent;border-bottom:none;color:#fffc;border-radius:50px}.km-header--home-page.km-header--scrolled .km-nav-item:hover{background:#cda45e26;border-bottom:none}.km-header--home-page.km-header--scrolled .km-nav-item--active{background:#cda45e33;border-bottom:none;box-shadow:0 2px 8px #cda45e26}.km-header-actions{grid-column:3;grid-row:1 / 3;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.km-toggles-row{display:flex;gap:.5rem;align-items:center}.km-lang-toggle{background:var(--surface-color);border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--default-color);padding:0}:root.light-mode .km-header--home .km-lang-toggle{background:#fff;border:1px solid rgba(0,0,0,.2);color:#1a1a1a;box-shadow:0 2px 8px #0000001a}.km-lang-toggle:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:scale(1.1)}.km-lang-text{font-size:.9rem;font-weight:700;letter-spacing:.5px;font-family:Arial,sans-serif}.km-theme-toggle{background:var(--surface-color);border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--default-color);padding:0}:root.light-mode .km-header--home .km-theme-toggle{background:#fff;border:1px solid rgba(0,0,0,.2);color:#1a1a1a;box-shadow:0 2px 8px #0000001a}.km-theme-toggle:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:scale(1.1)}.km-icons-row{display:flex;align-items:center;gap:.75rem}.km-icon-btn{width:48px;height:48px;border-radius:50%;background:var(--surface-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--default-color);text-decoration:none;box-shadow:var(--km-shadow);position:relative}:root.light-mode .km-header--home .km-icon-btn{background:#fff;border:1px solid rgba(0,0,0,.2);color:#1a1a1a;box-shadow:0 4px 12px #00000026}.km-icon-btn:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--km-shadow-hover)}.km-header--home-page .km-lang-toggle,.km-header--home-page .km-icon-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.km-header--home-page .km-lang-toggle:hover,.km-header--home-page .km-icon-btn:hover{background:#cda45e26;border-color:#cda45e;color:#cda45e;transform:translateY(-3px);box-shadow:0 8px 24px #cda45e33}.km-header--home-page.km-header--scrolled .km-lang-toggle,.km-header--home-page.km-header--scrolled .km-icon-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--default-color)}.km-header--home-page.km-header--scrolled .km-lang-toggle:hover,.km-header--home-page.km-header--scrolled .km-icon-btn:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.km-cart-badge,.km-wishlist-badge{position:absolute;top:-4px;right:-4px;background:var(--error-color);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:20px;text-align:center}.km-wishlist-btn,.km-profile-container{position:relative}.km-profile-btn{padding:0;overflow:hidden}.km-profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.km-profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:240px;max-width:280px;overflow:hidden;z-index:10060;animation:dropdownSlide .2s ease-out}[dir=rtl] .km-profile-dropdown{right:auto;left:0}@media(max-width:768px){.km-profile-dropdown{right:-10px;min-width:220px}[dir=rtl] .km-profile-dropdown{left:-10px;right:auto}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.km-profile-dropdown-header{padding:1rem 1.25rem;background:var(--background-color)}.km-profile-name{font-weight:600;color:var(--heading-color);margin:0 0 .25rem;font-size:.95rem}.km-profile-email{font-size:.875rem;color:var(--default-color);margin:0;opacity:.8}.km-profile-dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 0}.km-profile-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:var(--default-color);text-decoration:none;transition:all .2s ease;cursor:pointer;background:none;border:none;width:100%;font-size:.95rem;font-family:inherit}.km-profile-dropdown-item:hover{background:#cda45e1a;color:var(--accent-color)}.km-profile-dropdown-item svg{flex-shrink:0}.km-profile-dropdown-item--danger:hover{background:#f443361a;color:var(--error-color)}.km-header--scrolled .km-header-container{padding:.75rem 2rem;gap:.75rem;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr}.km-header--scrolled .km-logo-image{height:90px;transform:scale(1.1)}.km-header--scrolled .km-header-logo{margin-top:0;margin-bottom:0;grid-row:1}.km-header--scrolled .km-search-icon-btn{grid-column:3;grid-row:1;margin-left:.5rem;animation:slideDown .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.km-header--scrolled .km-header-nav{padding:.375rem;gap:.375rem;grid-column:2;grid-row:1;justify-self:center}.km-header--scrolled .km-nav-item{padding:.625rem 1.5rem;font-size:.875rem}.km-header--scrolled .km-header-actions{gap:.5rem;grid-column:4;grid-row:1;flex-direction:row;align-items:center}.km-header--scrolled .km-theme-toggle{margin-right:.5rem}.km-header--scrolled .km-icon-btn{width:44px;height:44px}.km-search-icon-btn{width:44px;height:44px;border-radius:50%;background:var(--surface-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--default-color);box-shadow:var(--km-shadow)}:root.light-mode .km-header--home .km-search-icon-btn{background:#fff;border:1px solid rgba(0,0,0,.2);color:#1a1a1a;box-shadow:0 4px 12px #00000026}.km-search-icon-btn:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--km-shadow-hover)}.km-search-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}@media(min-width:1025px)and (max-width:1366px){.km-header{overflow-x:clip}.km-header-container{max-width:100%;padding:1.5rem 1.5rem 1.25rem;gap:1rem}.km-header-search{width:44%;max-width:420px}.km-header-nav{flex-wrap:wrap;justify-content:center;max-width:100%}.km-nav-item{padding:.6rem 1.1rem;font-size:.9rem}}@media(min-width:768px)and (max-width:1024px){.km-header{overflow-x:clip}.km-header-container{max-width:100%;padding:1.25rem 1.25rem 1rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:.75rem}.km-header-logo{grid-column:1;grid-row:1;margin-top:0}.km-logo-image{height:70px}.km-header-actions{grid-column:2;grid-row:1;flex-direction:row;align-items:center;justify-content:flex-end;gap:.5rem}.km-header-search{grid-column:1 / -1;grid-row:2;width:100%;max-width:100%}.km-header-nav{grid-column:1 / -1;grid-row:3;flex-wrap:wrap;justify-content:center;max-width:100%;padding:.4rem;gap:.4rem}.km-nav-item{padding:.55rem .95rem;font-size:.85rem}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.km-header-container{padding:1.5rem 1.5rem 1.25rem;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:1rem}.km-header-logo{grid-column:1;grid-row:1 / 3}.km-logo-image{height:80px}.km-header-actions{grid-column:3;grid-row:1 / 3;flex-direction:column;align-items:flex-end}.km-header-search{grid-column:2;grid-row:1;width:52%;max-width:460px;justify-self:center}.km-header-nav{grid-column:2;grid-row:2;justify-self:center;flex-wrap:wrap;max-width:100%}.km-nav-item{padding:.6rem 1.1rem;font-size:.9rem}}@media(max-width:1024px){.km-header-search{width:50%}.km-nav-item{padding:.65rem 1.25rem;font-size:.875rem}}@media(max-width:768px){.km-header{overflow-x:clip}.km-header-container{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;padding:1rem;gap:1rem;max-width:100%}.km-header-logo{grid-column:1;grid-row:1}.km-logo-image{height:50px}.km-hamburger-btn{display:flex;grid-column:2;grid-row:1;justify-self:end}.km-header-actions{grid-column:3;grid-row:1;flex-direction:row;gap:.5rem;align-items:center}.km-icons-row{display:flex;gap:.5rem}.km-icon-btn{width:40px;height:40px}.km-theme-toggle{display:none}.km-header-search{grid-column:1 / -1;grid-row:2;width:100%;max-width:100%}.km-header-nav{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--surface-color);flex-direction:column;align-items:stretch;padding:5rem 1.5rem 2rem;gap:0;border-radius:0;box-shadow:4px 0 12px #00000026;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1001;overflow-y:auto}.km-header-nav--mobile-open{left:0}.km-nav-item{padding:1rem 1.25rem;font-size:.95rem;border-radius:12px;margin-bottom:.5rem}.km-nav-item--active{box-shadow:none}.km-header--scrolled .km-header-container{padding:.75rem 1rem;grid-template-columns:auto 1fr auto}.km-header--scrolled .km-logo-image{height:45px}.km-header--scrolled .km-icon-btn{width:38px;height:38px}.km-header--scrolled .km-hamburger-btn{width:34px;height:34px}}@media(max-width:480px){.km-icon-btn{width:36px;height:36px}.km-hamburger-btn{width:32px;height:32px}.km-logo-image{height:45px}}.footer{background-color:var(--background-color, #333333);padding:3rem 0 1rem;margin-top:0;border-top:1px solid var(--border-color)}.footer .footer-brand,.footer .footer-title{color:var(--accent-color)}.footer .footer-description,.footer .footer-links a,.footer .footer-contact li,.footer .footer-bottom p{color:#fff}.footer .footer-links a:hover{color:#f0d5b8}.footer .footer-social a{color:var(--accent-color)}.footer .footer-social a:hover{color:#f0d5b8}.footer--dark{background-color:var(--surface-color)}.footer--dark .footer-brand,.footer--dark .footer-title{color:#ca8d54}.footer--dark .footer-description,.footer--dark .footer-links a,.footer--dark .footer-contact li,.footer--dark .footer-bottom p{color:#e0e0e0}.footer--dark .footer-links a:hover{color:#ca8d54}.footer--dark .footer-social a{color:#e0e0e0}.footer--dark .footer-social a:hover{color:#ca8d54}.footer--light{background-color:#fff}.footer--light .footer-brand,.footer--light .footer-title{color:#8b5a2b}.footer--light .footer-description,.footer--light .footer-links a,.footer--light .footer-contact li,.footer--light .footer-bottom p{color:#333}.footer--light .footer-links a:hover{color:#8b5a2b}.footer--light .footer-social a{color:#333}.footer--light .footer-social a:hover{color:#8b5a2b}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column}.footer-brand{color:#f7f3e2de;font-size:1.5rem;font-weight:200;margin-bottom:1rem;letter-spacing:1px}.footer-description{color:#f7f3e2de;line-height:1.6;font-size:.95rem;font-family:Scandia,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.footer-title{color:var(--heading-color);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-links,.footer-contact{list-style:none;padding:0;margin:0}.footer-links li,.footer-contact li{margin-bottom:.75rem}.footer-links a{color:#f7f3e2de;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-links a:hover{color:var(--accent-color);padding-left:5px}.footer-contact li{color:#f7f3e2de;font-size:.95rem}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{font-size:1.5rem;transition:transform .3s ease;text-decoration:none}.footer-social a:hover{transform:scale(1.2)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}.footer-bottom p{color:#f7f3e2de;font-size:.875rem;margin:0}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer{padding:2rem 0 1rem}}.customer-layout{display:flex;flex-direction:column;min-height:100vh}.customer-main{flex:1;min-height:calc(100vh - 200px)}@media(max-width:768px){.customer-main{min-height:calc(100vh - 180px)}}.branch-header-premium{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid rgba(205,164,94,.2);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 12px #00000026}.header-container{max-width:100%;padding:0 2rem;height:100px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left-section{display:flex;align-items:center;gap:2rem;flex:1}.logo-wrapper{display:flex;align-items:center;padding-right:2rem;border-right:1px solid rgba(205,164,94,.3)}.header-logo{height:50px;width:auto;object-fit:contain}.branch-name-display h1{font-size:1.5rem;font-weight:700;color:#cda45e;margin:0;white-space:nowrap;letter-spacing:.5px}.hamburger-btn{background:#cda45e1a;border:1px solid rgba(205,164,94,.3);color:#cda45e;padding:.75rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hamburger-btn:hover{background:#cda45e33;transform:scale(1.05)}.header-right-section{display:flex;align-items:center;gap:1rem}.status-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.status-toggle-btn.online{background:#d4edda;color:#155724}.status-toggle-btn.online:hover{background:#c3e6cb;transform:translateY(-2px)}.status-toggle-btn.offline{background:#f8d7da;color:#721c24}.status-toggle-btn.offline:hover{background:#f5c6cb;transform:translateY(-2px)}.status-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.header-icon-wrapper{position:relative}.header-icon-btn{background:#cda45e1a;border:1px solid rgba(205,164,94,.3);color:#cda45e;padding:.75rem;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.header-icon-btn:hover{background:#cda45e33;transform:translateY(-2px)}.badge-count{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef535066;animation:pulse 2s infinite}.profile-wrapper{margin-left:.5rem}.profile-btn{background:#cda45e1a;border:1px solid rgba(205,164,94,.3);color:#fff;padding:.5rem 1rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:0;transition:all .3s ease;height:46px;max-height:46px}.profile-btn:hover{background:#cda45e33;transform:translateY(-2px)}.profile-avatar{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;letter-spacing:.5px;flex-shrink:0}.profile-text{display:flex;align-items:center;gap:.5rem}.profile-initials{font-size:.9rem;font-weight:700;color:#cda45e;letter-spacing:.5px}.profile-name{font-size:.95rem;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap}.profile-role{font-size:.75rem;color:#999;line-height:1.2}.dropdown-panel{position:absolute;top:calc(100% + 12px);right:0;background:#2d2d2d;border:1px solid rgba(205,164,94,.3);border-radius:12px;box-shadow:0 8px 24px #0000004d;min-width:320px;overflow:hidden;animation:slideDown .2s ease;z-index:1001}.dropdown-header{padding:1.25rem;border-bottom:1px solid rgba(205,164,94,.2);display:flex;align-items:center;justify-content:space-between;background:#cda45e0d}.dropdown-header h3{font-size:1.125rem;font-weight:700;color:#cda45e;margin:0}.count-text{font-size:.875rem;color:#999}.dropdown-content{max-height:350px;overflow-y:auto}.dropdown-footer{padding:1rem;border-top:1px solid rgba(205,164,94,.2);background:#cda45e0d}.dropdown-footer button{width:100%;padding:.75rem;background:#cda45e1a;border:1px solid rgba(205,164,94,.3);color:#cda45e;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.dropdown-footer button:hover{background:#cda45e33}.empty-state{padding:3rem 2rem;text-align:center;color:#999}.empty-state svg{color:#666;margin-bottom:1rem}.empty-state p{margin:0;font-size:.95rem}.notification-list,.message-list{padding:.5rem}.notification-item,.message-item{padding:1rem;display:flex;gap:1rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.notification-item:hover,.message-item:hover{background:#cda45e1a}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-text,.message-text{flex:1}.notification-title,.message-title{font-weight:600;color:#fff;margin:0 0 .25rem;font-size:.95rem}.notification-message-preview{font-size:.85rem;color:#aaa;margin:.25rem 0;line-height:1.4}.notification-time,.message-time{font-size:.8rem;color:#999;margin:0}.message-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#666,#555);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.message-preview{font-size:.875rem;color:#ccc;margin:.25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-panel{width:280px;max-width:280px}.profile-dropdown-header{padding:1.5rem;background:#cda45e0d;border-bottom:1px solid rgba(205,164,94,.2);text-align:center}.profile-avatar-large{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.75rem;margin:0 auto 1rem;letter-spacing:1px}.profile-dropdown-info{text-align:center}.profile-dropdown-name{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .25rem}.profile-dropdown-email{font-size:.875rem;color:#999;margin:0 0 .25rem}.profile-dropdown-branch{font-size:.8rem;color:#cda45e;font-weight:600;margin:0}.profile-dropdown-menu{padding:.5rem}.dropdown-menu-item{width:100%;padding:.875rem 1rem;background:transparent;border:none;color:#fff;display:flex;align-items:center;gap:.75rem;cursor:pointer;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease;text-align:left}.dropdown-menu-item:hover{background:#cda45e1a}.dropdown-divider{height:1px;background:#cda45e33;margin:.5rem 0}.logout-item{color:#ef5350}.logout-item:hover{background:#ef53501a}@media(max-width:1024px){.header-container{padding:0 1.5rem;height:90px}.logo-wrapper{padding-right:1rem}.header-logo{height:40px}.branch-name-display h1{font-size:1.25rem}.profile-text{display:none}.profile-btn{padding:.5rem;height:44px;max-height:44px}.profile-avatar{width:32px;height:32px;min-width:32px;min-height:32px;font-size:.8rem}}@media(max-width:768px){.header-container{padding:0 1rem;height:80px;gap:1rem}.logo-wrapper{padding-right:.75rem}.header-logo{height:35px}.branch-name-display h1{font-size:1rem}.header-right-section{gap:.5rem}.hamburger-btn,.header-icon-btn{padding:.6rem}.profile-btn{padding:.4rem;height:40px;max-height:40px}.profile-avatar{width:26px;height:26px;min-width:26px;min-height:26px;font-size:.7rem}.dropdown-panel{min-width:280px}}@media(max-width:480px){.branch-name-display{display:none}.dropdown-panel{left:auto;right:0;min-width:calc(100vw - 2rem)}}.branch-sidebar-enhanced{width:220px;background:linear-gradient(180deg,#1a1a1a,#252525);border-right:1px solid rgba(205,164,94,.2);display:flex;flex-direction:column;position:fixed;left:0;top:100px;bottom:0;transition:all .3s ease;z-index:900;box-shadow:4px 0 12px #00000026}.branch-sidebar-enhanced.collapsed{width:70px}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.5rem 0}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.sidebar-menu-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;color:#aaa;text-decoration:none;border-radius:12px;transition:all .3s ease;position:relative;border:1px solid transparent;font-weight:500}.sidebar-menu-item:hover{background:#cda45e1a;color:#cda45e;border-color:#cda45e4d;transform:translate(4px)}.sidebar-menu-item.active{background:#cda45e26;color:#cda45e;border-color:#cda45e80;font-weight:600;box-shadow:0 4px 12px #cda45e26}.sidebar-menu-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,#cda45e,#b8935a);border-radius:0 4px 4px 0}.menu-item-content{display:flex;align-items:center;gap:1rem;flex:1}.menu-item-icon{flex-shrink:0}.menu-item-label{font-size:.95rem;white-space:nowrap}.menu-item-count{background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:12px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-left:auto;box-shadow:0 2px 6px #cda45e4d}.branch-sidebar-enhanced.collapsed .sidebar-menu{padding:0 .75rem}.branch-sidebar-enhanced.collapsed .sidebar-menu-item{padding:1rem;justify-content:center;position:relative}.branch-sidebar-enhanced.collapsed .menu-item-content{justify-content:center;gap:0}.branch-sidebar-enhanced.collapsed .menu-item-count{display:none}.menu-item-count-collapsed{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .4rem;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef535066;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#cda45e4d;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#cda45e80}@media(max-width:1024px){.branch-sidebar-enhanced{top:70px}}@media(max-width:768px){.branch-sidebar-enhanced{top:60px;width:100%;max-width:280px;transform:translate(-100%)}.branch-sidebar-enhanced:not(.collapsed){transform:translate(0);box-shadow:4px 0 24px #0000004d}.branch-sidebar-enhanced.collapsed{transform:translate(-100%);width:100%;max-width:280px}}@media(min-width:769px){.branch-sidebar-enhanced.collapsed .sidebar-menu-item:hover:after{content:attr(title);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#2d2d2d;color:#fff;padding:.5rem 1rem;border-radius:8px;white-space:nowrap;font-size:.875rem;font-weight:500;z-index:1000;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(205,164,94,.3);pointer-events:none}}.branch-layout-new{display:flex;flex-direction:column;min-height:100vh;background:var(--background-color)}.branch-main-content{margin-left:220px;margin-top:100px;min-height:calc(100vh - 100px);transition:margin-left .3s ease}.branch-main-content.sidebar-collapsed{margin-left:70px}@media(max-width:1024px){.branch-main-content{margin-top:90px;min-height:calc(100vh - 90px)}}@media(max-width:768px){.branch-main-content{margin-left:0;margin-top:80px;min-height:calc(100vh - 80px)}.branch-main-content.sidebar-collapsed{margin-left:0}}.admin-layout{display:flex;flex-direction:column;height:100vh;background:var(--background-color)}.admin-header{display:flex;align-items:center;justify-content:space-between;background:var(--card-background);color:var(--text-color);padding:0 24px;height:70px;box-shadow:0 2px 8px var(--shadow-color);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color)}.admin-header-left{display:flex;align-items:center;gap:16px}.sidebar-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;margin-left:8px}.sidebar-toggle:hover{background:var(--surface-color)}.admin-logo{height:45px;object-fit:contain}.admin-title{display:flex;flex-direction:column}.admin-title h2{font-size:20px;font-weight:600;margin:0;color:var(--accent-color)}.admin-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.admin-header-right{display:flex;align-items:center;gap:12px}.admin-icon-btn{position:relative;background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.admin-icon-btn:hover{background:#cda45e1a;border-color:var(--accent-color);transform:translateY(-2px)}.admin-icon-btn .badge{position:absolute;top:-4px;right:-4px;background:var(--error-color);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.admin-profile-dropdown{position:relative}.admin-profile-btn{display:flex;align-items:center;gap:8px;background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);padding:6px 12px;border-radius:10px;cursor:pointer;transition:all .2s}.admin-profile-btn:hover{background:#cda45e1a;border-color:var(--accent-color)}.admin-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#d4a574,#8b7355);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.dropdown-overlay{position:fixed;inset:0;z-index:99}.admin-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);min-width:200px;overflow:hidden;z-index:100}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-color);text-decoration:none;transition:all .2s;border:none;background:none;width:100%;text-align:left;font-size:14px;cursor:pointer}.dropdown-item:hover{background:var(--surface-color)}.dropdown-item.logout{color:var(--error-color)}.dropdown-item.logout:hover{background:#f443361a}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.admin-content-wrapper{display:flex;flex:1;overflow:hidden}.admin-sidebar{background:var(--card-background);border-right:1px solid var(--border-color);transition:all .3s ease;width:250px;overflow-y:auto}.admin-sidebar.closed{width:80px}.admin-nav{display:flex;flex-direction:column;padding:16px 12px;gap:6px}.admin-nav-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .2s;position:relative;font-size:15px;font-weight:500;line-height:1.4}.admin-nav-item:hover{background:var(--surface-color);color:var(--text-color)}.admin-nav-item.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;box-shadow:0 2px 8px #cda45e4d}.admin-nav-item .nav-label{flex:1}.admin-nav-item .nav-badge{background:#e74c3c;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.admin-sidebar.closed .nav-label,.admin-sidebar.closed .nav-badge{display:none}.admin-sidebar.closed .admin-nav-item{justify-content:center;padding:12px}.admin-main{flex:1;overflow-y:auto;padding:24px;background:var(--background-color)}@media(max-width:768px){.admin-header{padding:0 16px;height:60px}.admin-logo{height:35px}.admin-title h2{font-size:16px}.admin-subtitle{display:none}.admin-sidebar{position:fixed;top:60px;left:0;bottom:0;z-index:90;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{padding:16px}}.driver-layout{min-height:100vh;background-color:var(--background-color)}.driver-header{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px var(--shadow-color)}.driver-header-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.driver-info h2{color:var(--accent-color);font-size:1.5rem;margin:0 0 .25rem}.driver-name{color:var(--default-color);font-size:.875rem;margin:0}.driver-logout{padding:.75rem 1.5rem;background-color:var(--error-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.driver-logout:hover{background-color:#d32f2f}.driver-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 80px)}@media(max-width:768px){.driver-header-content{padding:0 1rem}.driver-info h2{font-size:1.25rem}.driver-logout{padding:.625rem 1.25rem;font-size:.875rem}.driver-main{padding:1rem}}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:380px;max-height:500px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000026;z-index:2000;overflow:hidden;display:flex;flex-direction:column;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--card-background)}.notification-dropdown-header h3{font-size:1.125rem;font-weight:600;color:var(--heading-color);margin:0}.notification-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s;display:flex;align-items:center;justify-content:center}.notification-close-btn:hover{background:var(--border-color);color:var(--heading-color)}.notification-dropdown-body{flex:1;overflow-y:auto;max-height:380px}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.notification-empty svg{margin-bottom:1rem;opacity:.5}.notification-empty p{font-size:.95rem}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);transition:all .3s;cursor:pointer;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--card-background)}.notification-item.unread{background:#cd9f5e08}.notification-item-icon{font-size:1.25rem;flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:10px}.notification-item.success .notification-item-icon{background:#4caf501a;color:var(--success-color)}.notification-item.warning .notification-item-icon{background:#ff98001a;color:var(--warning-color)}.notification-item.info .notification-item-icon{background:#2196f31a;color:var(--info-color)}.notification-item-content{flex:1;min-width:0}.notification-item-content h4{font-size:.95rem;font-weight:600;color:var(--heading-color);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-content p{font-size:.875rem;color:var(--text-color);margin:0 0 .5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-item-time{font-size:.8rem;color:var(--text-secondary);font-weight:500}.notification-item-dot{position:absolute;top:1.25rem;right:1.25rem;width:8px;height:8px;background:var(--accent-color);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.notification-dropdown-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border-color);background:var(--card-background)}.notification-dropdown-footer a{display:block;text-align:center;color:var(--accent-color);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s}.notification-dropdown-footer a:hover{color:#a87d4a}.notification-dropdown-body::-webkit-scrollbar{width:6px}.notification-dropdown-body::-webkit-scrollbar-track{background:transparent}.notification-dropdown-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.notification-dropdown-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.notification-dropdown{position:fixed;top:70px;right:0;left:0;width:100%;max-height:calc(100vh - 70px);border-radius:0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.barista-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--background-color)}.barista-header{position:fixed;top:0;left:0;right:0;height:70px;background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;box-shadow:0 2px 8px #0000000d}.barista-header-left{display:flex;align-items:center;gap:1.5rem;position:relative}.barista-hamburger{background:none;border:none;color:var(--default-color);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s}.barista-hamburger:hover{background:var(--border-color)}.barista-profile-trigger{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 1rem;border-radius:12px;transition:all .3s}.barista-profile-trigger:hover{background:var(--border-color)}.barista-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.barista-profile-name{color:var(--heading-color);font-weight:500;font-size:.95rem}.barista-profile-dropdown{position:absolute;top:60px;left:60px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:200px;overflow:hidden;z-index:1001}.barista-profile-dropdown a,.barista-profile-dropdown button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;color:var(--default-color);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all .3s;font-size:.95rem}.barista-profile-dropdown a:hover,.barista-profile-dropdown button:hover{background:var(--border-color);color:var(--accent-color)}.barista-header-title{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin:0}.barista-header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.barista-notifications-wrapper{position:relative;flex-shrink:0}.barista-notifications{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;border-radius:12px;background:var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--default-color);transition:all .3s;border:none;cursor:pointer;padding:0;margin:0;flex-shrink:0;flex-grow:0}.barista-notifications svg{width:20px;height:20px;flex-shrink:0}.barista-notifications:hover{background:var(--accent-color);color:#fff}.barista-notification-badge{position:absolute;top:-4px;right:-4px;background:var(--error-color);color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:10px;min-width:20px;text-align:center}.barista-sidebar{position:fixed;left:0;top:70px;bottom:0;width:260px;background:var(--surface-color);border-right:1px solid var(--border-color);padding:1.5rem 0;transition:transform .3s ease;z-index:999;overflow-y:auto}.barista-sidebar.closed{transform:translate(-100%)}.barista-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.barista-nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-radius:12px;color:var(--default-color);text-decoration:none;transition:all .3s;font-size:.95rem;font-weight:500}.barista-nav-item:hover{background:var(--border-color);color:var(--accent-color)}.barista-nav-item.active{background:var(--accent-color);color:#fff}.barista-nav-icon{font-size:1.25rem}.barista-nav-label{flex:1}.barista-main{margin-top:70px;margin-left:260px;padding:2rem;min-height:calc(100vh - 70px);transition:margin-left .3s ease}.barista-main.sidebar-closed{margin-left:0}@media(max-width:1024px){.barista-sidebar{transform:translate(-100%)}.barista-sidebar.open{transform:translate(0)}.barista-main{margin-left:0}}@media(max-width:768px){.barista-header{padding:0 1rem}.barista-header-title{font-size:1rem;display:none}.barista-profile-name{display:none}.barista-main{padding:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:500;text-align:center;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--accent-color);color:var(--contrast-color)}.btn-primary:hover:not(:disabled){background-color:#d4ad6d;transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-color)}.btn-secondary{background-color:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.btn-secondary:hover:not(:disabled){background-color:var(--accent-color);color:var(--contrast-color)}.btn-outline{background-color:transparent;color:var(--default-color);border:2px solid var(--border-color)}.btn-outline:hover:not(:disabled){background-color:var(--surface-color);border-color:var(--accent-color)}.btn-ghost{background-color:transparent;color:var(--default-color);border:none}.btn-ghost:hover:not(:disabled){background-color:var(--surface-color)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-2px)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px)}.btn-small{padding:.5rem 1.25rem;font-size:.875rem}.btn-medium{padding:.75rem 2rem;font-size:1rem}.btn-large{padding:1rem 2.5rem;font-size:1.125rem}.btn-block{width:100%;display:flex}.card{background-color:var(--surface-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px var(--shadow-color);transition:all .3s ease;border:1px solid var(--border-color)}.card-hover:hover{box-shadow:0 8px 25px var(--shadow-color);cursor:pointer}.card-image{width:100%;height:auto;border-radius:8px;margin-bottom:1rem;object-fit:cover}.card-title{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin-bottom:.5rem}.card-description{color:var(--default-color);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.card-price{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.card-actions{display:flex;gap:.5rem;align-items:center}.input-group{margin-bottom:1.5rem;width:100%}.input-label{display:block;margin-bottom:.5rem;color:var(--heading-color);font-weight:500;font-size:.95rem}.input-required{color:var(--error-color);margin-left:.25rem}.input{width:100%;padding:.875rem 1rem;font-size:1rem;background-color:var(--surface-color);color:var(--default-color);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;font-family:inherit}.input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--background-color)}.input-error{border-color:var(--error-color)}.input-error:focus{box-shadow:0 0 0 3px #f443361a}.input-error-message{display:block;color:var(--error-color);font-size:.875rem;margin-top:.5rem}.input::placeholder{color:#fff6}:root.light-mode .input::placeholder{color:#0006}textarea.input{resize:vertical;min-height:100px}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23cda45e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-success{background-color:var(--success-color);color:#fff}.badge-warning{background-color:var(--warning-color);color:#fff}.badge-error{background-color:var(--error-color);color:#fff}.badge-info{background-color:var(--info-color);color:#fff}.badge-primary{background-color:var(--accent-color);color:var(--contrast-color)}.badge-secondary{background-color:var(--surface-color);color:var(--default-color);border:1px solid var(--border-color)}.badge-small{padding:.125rem .5rem;font-size:.75rem}.badge-medium{padding:.25rem .75rem;font-size:.875rem}.badge-large{padding:.375rem 1rem;font-size:1rem}.badge-pending{background-color:var(--warning-color);color:#fff}.badge-accepted{background-color:#2196f3;color:#fff}.badge-preparing{background-color:#ff9800;color:#fff}.badge-ready{background-color:#4caf50;color:#fff}.badge-out_for_delivery{background-color:#9c27b0;color:#fff}.badge-completed{background-color:#4caf50;color:#fff}.badge-cancelled{background-color:var(--error-color);color:#fff}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-fullscreen{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-color);z-index:9999}.loading-text{margin-top:1rem;color:var(--accent-color);font-size:1.125rem;font-weight:500}.spinner{border:3px solid var(--surface-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:24px;height:24px;border-width:2px}.spinner-medium{width:40px;height:40px;border-width:3px}.spinner-large{width:60px;height:60px;border-width:4px}.modal-overlay{position:fixed;inset:0;background-color:var(--overlay-color);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal{background-color:var(--surface-color);border-radius:16px;box-shadow:0 10px 40px var(--shadow-color);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:900px;width:100%}.modal-fullscreen{max-width:none;width:95vw;max-height:95vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.5rem;font-weight:600;color:var(--heading-color);margin:0}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--default-color);transition:color .3s ease;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--accent-color)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}@media(max-width:768px){.modal{max-width:100%;margin:1rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}.reveal-on-scroll{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.reveal-on-scroll{animation:none!important;transition:none!important}}.home-intro-hero{position:relative;width:100%;overflow:hidden;background:var(--background-color, #ffffff);transition:height .3s cubic-bezier(.4,0,.2,1)}.hero-container{display:flex;align-items:flex-start;justify-content:center;max-width:1400px;margin:0 auto;height:100%;padding:8rem 5% 0}.hero-logo-section{display:flex;align-items:flex-start;justify-content:center;padding-top:7rem}.hero-main-logo{width:100%;max-width:600px;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.15));will-change:transform,opacity}.hero-portrait-section{flex:0 0 75%;display:flex;align-items:flex-start;justify-content:center;height:85%;will-change:opacity}.portrait-placeholder{width:100%;height:100%;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0003}.portrait-image{width:100%;height:100%;background:var(--km-sand, #f5f0e8);display:flex;align-items:center;justify-content:center;position:relative}.portrait-image img{width:100%;height:100%;object-fit:cover;display:block}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#333;opacity:.7;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-icon{animation:bounce 2s infinite}.scroll-indicator span{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media(max-width:1024px){.hero-container{gap:2rem;padding:0 3%}.hero-logo-section{min-width:300px}.hero-main-logo{max-width:350px}.portrait-placeholder{max-width:400px}}@media(max-width:768px){.hero-container{flex-direction:column;justify-content:center;gap:3rem;padding:2rem 5%}.hero-logo-section{min-width:unset;width:100%;justify-content:center}.hero-main-logo{max-width:280px}.hero-portrait-section{height:60vh;max-height:400px}.portrait-placeholder{max-width:100%}.scroll-indicator{bottom:2rem}}@media(max-width:480px){.hero-main-logo{max-width:220px}.hero-portrait-section{height:50vh;max-height:350px}}.branding-hero-new{width:100%;overflow:hidden;background:#fff}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.side-image.animate-on-scroll{transition-delay:.1s}.center-text.animate-on-scroll{transition-delay:.2s}.bottom-image.animate-on-scroll:nth-child(1){transition-delay:.15s}.bottom-image.animate-on-scroll:nth-child(2){transition-delay:.3s}.hero-falcon-image.animate-on-scroll{transition-delay:.2s;transform:translateY(50px) scale(.95)}.hero-falcon-image.animate-in{transform:translateY(0) scale(1)}.hero-title-section{display:flex;align-items:center;justify-content:center;padding:1rem 2rem 2rem;background:#fff;min-height:200px;position:relative;margin-top:-5%}.hero-brown-logo{width:350px;height:auto;display:block;margin:0 auto}.hero-image-section{position:relative;width:100%;min-height:100vh;margin-top:0;margin-bottom:0;overflow:hidden;background:transparent}.hero-background{position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;will-change:transform;transform:translateZ(0);backface-visibility:hidden;margin-top:-5%;margin-bottom:0;padding:0}.hero-background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,rgba(10,10,10,.2) 15%,rgba(10,10,10,.5) 35%,rgba(10,10,10,.75) 60%,#0a0a0a 100%);pointer-events:none;z-index:2}.hero-falcon-image{position:absolute;bottom:10%;left:40%;transform:translate(-50%);max-width:300px;width:20%;height:auto;z-index:10;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}.content-section{width:100%;background:#835840;padding:60px 0;margin-top:-50px;margin-bottom:0;border:none}.content-top{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:40px;padding:0 40px}.side-image{max-width:250px;width:100%;height:auto}.center-text{max-width:600px;font-size:1.1rem;line-height:1.8;color:#f5f5f5;text-align:center}.content-bottom{position:relative;display:flex;justify-content:center;padding:60px 0;width:100%;min-height:400px}.bottom-overlay-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.7}.bottom-images-wrapper{position:relative;z-index:10;display:flex;justify-content:center;gap:60px;align-items:center}.bottom-image{max-width:280px;width:100%;height:auto;position:relative;z-index:10}.branding-title-section{width:100%;background:#835840;padding:80px 40px;display:flex;align-items:flex-end;justify-content:center;gap:60px;margin-top:-1px;position:relative}.cutoutLeft{position:absolute;left:20%;top:-10%;max-width:300px;width:100%;height:auto;z-index:5;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}.cutoutRight{position:absolute;right:15%;top:5%;max-width:400px;width:100%;height:auto;z-index:5;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2));border-radius:100px}.branding-left-image,.branding-right-image{max-width:900px;width:100%;height:auto}.branding-center{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:80px}.branding-eagle{max-width:400px;margin-top:-10%}.branding-title{font-size:5rem;font-weight:700;color:#ca8d54;text-align:center;margin:0;letter-spacing:2px;padding:80px;white-space:nowrap;text-shadow:0 0 10px rgba(202,141,84,.3),0 0 20px rgba(202,141,84,.2),0 0 30px rgba(202,141,84,.1);animation:subtle-glow 3s ease-in-out infinite alternate}@keyframes subtle-glow{0%{text-shadow:0 0 10px rgba(202,141,84,.3),0 0 20px rgba(202,141,84,.2),0 0 30px rgba(202,141,84,.1)}to{text-shadow:0 0 15px rgba(202,141,84,.4),0 0 25px rgba(202,141,84,.25),0 0 35px rgba(202,141,84,.15)}}.founded-section{position:relative;width:100%;background:#835840;padding:100px 40px;min-height:600px;display:flex;align-items:center;justify-content:center;margin-top:-1px}.founded-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.3}.founded-overlay-left{position:absolute;left:-10%;bottom:0;width:auto;height:80%;z-index:2;opacity:.8}.founded-overlay-right{position:absolute;right:0%;bottom:17%;width:600px;z-index:2;opacity:.8}.founded-content{position:relative;z-index:10;max-width:1400px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto auto auto;gap:40px;align-items:center}.founded-image{max-width:1400px;width:100%;height:auto}.founded-top-left{grid-column:1;grid-row:1;justify-self:start;max-width:1000px}.founded-top-right{grid-column:3;grid-row:1;justify-self:end;max-width:1000px}.founded-text-wrapper{grid-column:1 / 4;grid-row:2;text-align:center;padding:40px}.founded-title{font-size:2.5rem;font-weight:700;color:#ca8d54;margin-bottom:20px;letter-spacing:1px}.founded-text{font-size:1.1rem;line-height:1.8;color:#f5f5f5;max-width:700px;margin:0 auto}.founded-bottom-left{grid-column:1;grid-row:3;justify-self:start;max-width:1000px}.founded-bottom-right{grid-column:3;grid-row:3;justify-self:end;max-width:650px}.final-section{position:relative;width:100%;background:#835840;padding:100px 40px 150px;margin-top:-1px;overflow:visible}.final-content{max-width:900px;margin:0 auto 80px;display:flex;flex-direction:column;gap:60px;position:relative;z-index:2}.final-text-block{text-align:center;padding:0 20px}.final-title{font-size:2.8rem;font-weight:700;color:#ca8d54;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase}.final-paragraph{font-size:1.15rem;line-height:1.9;color:#f5f5f5;max-width:750px;margin:0 auto}.final-overlay-container{position:relative;width:100%;height:400px;display:flex;align-items:flex-end;justify-content:space-between;max-width:1400px;margin:0 auto}.final-left-overlay{position:absolute;left:-20%;bottom:-50px;max-width:800px;width:100%;height:auto;z-index:3;filter:drop-shadow(0 12px 32px rgba(0,0,0,.3))}.final-right-overlay{position:absolute;right:-35%;bottom:20%;max-width:800px;width:100%;height:auto;z-index:3;filter:drop-shadow(0 12px 32px rgba(0,0,0,.3))}.story-section{position:relative;padding:1rem 0 0;background:var(--surface-color);will-change:transform;transform:translateZ(0);content-visibility:auto;contain-intrinsic-size:auto 800px}.story-falcon-top{text-align:center;margin-bottom:0;width:100%;overflow:visible;position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.story-falcon-top:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,#835840 60%,#835840 100%);pointer-events:none;z-index:2}.table-mate-bg-top{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(1.2) sepia(.3) hue-rotate(-5deg) saturate(1.1);display:block;mix-blend-mode:multiply;opacity:5;transform:translateZ(0);will-change:transform}.group2-overlay-top{position:absolute;bottom:-10%;left:40%;max-width:20%!important;width:auto;height:auto;z-index:10;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25));cursor:pointer}.story-section .hero-main-title{font-size:4rem;font-weight:700;color:var(--accent-color);text-align:center;padding:1rem 1rem .5rem;margin:0;text-shadow:0 4px 12px rgba(139,90,43,.2);letter-spacing:2px;background:linear-gradient(135deg,#8b5a2b,#654321);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-text-center{text-align:center;padding:.5rem 2rem 1rem;max-width:800px;margin:0 auto}.story-text-center p{font-size:1.2rem;line-height:1.8;color:var(--heading-color);margin:0}.story-content-wrapper{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:2rem;max-width:100%;margin:0;padding:2rem 0;background-color:#835840;width:100%}.story-food-images{display:contents}.story-food-left,.story-food-right{display:flex;justify-content:center;align-items:center;flex:0 1 auto}.story-food-left img,.story-food-right img{max-width:300px;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12));cursor:pointer}.story-text{text-align:center;padding:2rem;background:#8b5a2b0d;border-radius:16px;border-left:4px solid #8b5a2b;border-right:4px solid #8b5a2b}.story-text p{font-size:1.15rem;line-height:1.8;color:var(--heading-color);margin:0}.story-table-mate-wrapper{text-align:left;margin-top:0;width:100%;overflow:hidden}.table-mate-title{position:absolute;top:30%;left:60%;transform:translate(-50%);font-size:3rem;font-weight:700;color:#8b5a2b;text-align:center;margin:0;padding:0 2rem;letter-spacing:2px;z-index:5;background:linear-gradient(100deg,#8b5a2b,#654321);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table-mate-top-image{position:absolute;top:-3%;left:50%;transform:translate(-50%);max-width:170px;width:auto;height:auto;z-index:9999;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));cursor:pointer}.story-table-mate{position:relative;display:block;max-width:100%;width:100%;aspect-ratio:16 / 9}.table-mate-bg{width:100%;height:100%;object-fit:cover;object-position:center;background:#835840;display:block;box-shadow:0 12px 32px #00000026}.story-table-mate-right-img{position:absolute;right:-30%;bottom:15%;max-width:1000px;width:auto;height:auto;z-index:10;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2));cursor:pointer}.group2-overlay{position:absolute;bottom:0;left:50%;transform:translate(-50%);max-width:60%;width:auto;height:auto;z-index:10;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}.tea-section{display:grid;grid-template-columns:280px 1fr 280px;gap:3rem;align-items:center;padding:1rem 0 4rem;background:#835840;max-width:100%;width:100%;margin:0}.tea-food-left,.tea-food-right{display:flex;justify-content:center}.tea-food-left img{max-width:100%;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));cursor:pointer}.tea-food-right{justify-content:flex-end;margin-right:-2rem}.tea-food-right img{max-width:120%;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));cursor:pointer}.tea-content{text-align:center;padding:2rem}.tea-content h2{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:1.5rem;text-shadow:0 2px 8px rgba(139,90,43,.1)}.tea-content p{font-size:1.15rem;line-height:1.8;color:var(--accent-color)}.food-row{position:relative;display:flex;justify-content:center;align-items:center;padding:1rem 0;gap:6rem;max-width:100%;width:100%;margin:0;background:#835840}.food-row img{max-width:280px;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}.food-row img:first-child{transform:translate(-10px) rotate(-5deg)}.food-row img:last-child{transform:translate(10px) rotate(5deg)}.cover-food-section{position:relative;height:800px;background:#835840;margin:0;overflow:hidden}.cover-food-section:before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.cover-overlay{display:none}.chain-section{text-align:center;padding:1rem 2rem 3rem;top:-20%;max-width:100%;width:100%;margin:0;background:#835840}.chain-section h2{font-size:2.8rem;font-weight:700;color:var(--accent-color);margin-bottom:1.5rem;text-shadow:0 2px 8px rgba(139,90,43,.1)}.chain-section p{font-size:1.15rem;line-height:1.8;color:var(--default-color)}.chain-carousel-section{position:relative;width:100%;background:#835840;padding:80px 40px;margin-top:-1px;overflow:hidden}.chain-text-content{text-align:center;max-width:800px;margin:0 auto 60px}.chain-title{font-size:2.5rem;font-weight:700;color:#ca8d54;margin-bottom:20px;letter-spacing:1px}.chain-description{font-size:1.1rem;line-height:1.8;color:#f5f5f5}.carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;max-width:1200px;margin:0 auto}.simple-carousel{position:relative;width:600px;height:400px;display:flex;align-items:center;justify-content:center}.carousel-slide{position:absolute;width:400px;height:300px;transition:all .4s ease;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000004d}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-slide.center{transform:translate(0) scale(1);z-index:3;opacity:1}.carousel-slide.side{transform:scale(.75);z-index:2;opacity:.7}.carousel-slide.side:nth-child(2n){transform:translate(-200px) scale(.75)}.carousel-slide.side:nth-child(odd){transform:translate(200px) scale(.75)}.carousel-slide.far-side{transform:scale(.5);z-index:1;opacity:0;pointer-events:none}.carousel-btn{background:#ca8d54;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;z-index:10;transition:background .3s}.carousel-btn:hover{background:#8b5a2b}.carousel-overlay-img{position:absolute;right:-170px;top:1%;transform:translateY(-50%);max-width:400px;height:auto;z-index:4;pointer-events:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}.carousel-3d-section{padding:2rem 2rem 6rem;will-change:transform;background:#835840;transform:translateZ(0);content-visibility:auto;contain-intrinsic-size:auto 600px}.carousel-3d-container{position:relative;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2rem}.carousel-3d{position:relative;width:100%;height:500px;display:flex;align-items:center;justify-content:center;overflow:visible}.carousel-3d-slide{position:absolute;width:450px;height:380px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d;transform:translateZ(0);backface-visibility:hidden}.carousel-3d-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-3d-slide:not(.active) img{filter:brightness(.6)}.carousel-3d-slide.active{box-shadow:0 30px 80px #8b5a2b80}.carousel-3d-slide.active img{filter:none}.carousel-nav{background:var(--accent-color);color:var(--contrast-color);border:none;width:50px;height:50px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;z-index:20}.carousel-nav:hover{background:var(--brand-color)}.carousel-indicators{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}.indicator{width:12px;height:12px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer}.indicator.active{background:var(--accent-color)}.indicator:hover{background:var(--accent-hover)}.branch-locations-section{position:relative;padding:0;background:transparent;overflow:hidden;aspect-ratio:16 / 9;min-height:400px;content-visibility:auto;contain-intrinsic-size:auto 500px}.branch-table-bg{position:absolute;background:#835840;will-change:transform;transform:translateZ(0);width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;box-shadow:0 12px 32px #00000026}.branch-food-overlay{position:absolute;right:-20%;bottom:15%;max-width:600px;width:auto;height:auto;z-index:2;filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}.branch-content{position:relative;z-index:3;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.branch-takeaway{text-align:center;padding:2rem 2rem 1rem}.branch-takeaway h2{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:1.5rem;text-shadow:0 2px 8px rgba(139,90,43,.1)}.branch-takeaway p{font-size:1.15rem;line-height:2;color:var(--accent-color);max-width:1000px;margin:0 auto}.branch-signature{text-align:center;padding:2rem 1rem 1rem}.branch-signature h2{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:1rem;text-shadow:0 2px 8px rgba(139,90,43,.1)}.branch-signature p{font-size:1.2rem;line-height:1.8;color:var(--accent-color)}@media(max-width:1980px)and (min-width:1250px){.table-mate-top-image{max-width:100px;top:15%}}@media(max-width:1250px){.cutoutRight{margin-right:-20%}}@media(max-width:1120px){.table-mate-top-image{max-width:130px;top:-2%}.branding-left-image{margin-left:50%;max-width:600px;margin-top:-35%}.branding-right-image{margin-right:40%;max-width:600px;margin-top:-35%}.branding-title{margin-top:-35%}.final-right-overlay{right:-60%;top:-5%;max-width:600px}}@media(max-width:992px){.content-section{padding:50px 30px}.hero-title-section{padding:2rem 1.5rem 1.5rem;min-height:150px}.hero-brown-logo{width:280px}.hero-image-section,.hero-background{min-height:400px}.hero-falcon-image{max-width:250px;width:25%}.branding-title-section{padding:60px 30px;gap:40px}.branding-left-image,.branding-right-image{max-width:220px}.branding-title{font-size:2.5rem}.founded-section{padding:80px 30px;min-height:500px}.founded-image{max-width:150px}.founded-title{font-size:2rem}.founded-text{font-size:1rem}.final-section{padding:80px 30px 120px}.final-content{gap:50px;margin-bottom:60px}.final-title{font-size:2.3rem}.final-paragraph{font-size:1.05rem}.final-overlay-container{height:350px}.final-left-overlay,.final-right-overlay{max-width:400px}.chain-carousel-section{padding:60px 30px}.chain-title{font-size:2rem}.simple-carousel{width:500px;height:350px}.carousel-slide{width:350px;height:250px}.carousel-overlay-img{max-width:300px;right:-30px}.carousel-3d-slide{width:350px;height:300px}.carousel-nav{width:40px;height:40px;font-size:1.5rem}.story-food-images{display:flex!important;flex-direction:row;gap:2rem;justify-content:center;width:100%}.tea-section{grid-template-columns:220px 1fr 220px;gap:2rem}.food-row{flex-direction:row;gap:2rem;flex-wrap:wrap;justify-content:center}.food-row img{max-width:200px}}@media(max-width:950px){.branding-left-image{margin-left:10%;max-width:400px;margin-top:-30%}.branding-right-image{margin-right:5%;max-width:400px;margin-top:-30%}.branding-title{margin-top:-30%}.final-right-overlay{right:-25%;top:-10%;max-width:500px}.final-left-overlay{left:-25%;max-width:450px}.founded-top-right{margin-right:40%}.founded-top-left{margin-left:40%}.founded-bottom-right{margin-right:40%}.founded-bottom-left{margin-left:40%}.cutoutLeft{max-width:150px;left:10%}.cutoutRight{max-width:150px;right:20%;top:70%}.founded-overlay-right{max-width:400px;right:15%;bottom:11%}.branding-eagle{max-width:150px;right:5%;top:-10%}.branding-title{font-size:2.2rem;margin-top:-20%!important}}@media(max-width:860px){.branding-right-image{margin-right:-5%;margin-top:-40%;max-width:250px}.founded-top-left{margin-left:50%}.founded-top-right{margin-right:50%}.founded-bottom-left{margin-left:70%}.founded-bottom-right{margin-right:70%}.final-right-overlay{margin-right:20%;top:-20%}.final-left-overlay{margin-left:15%;bottom:-20%}}@media(max-width:768px){.content-section{padding:40px 20px}.hero-title-section{padding:1.5rem 1rem 1rem;min-height:auto}.hero-brown-logo{width:220px}.hero-image-section{min-height:350px;margin-top:-30px}.hero-background{min-height:350px}.hero-falcon-image{max-width:200px;width:30%;bottom:8%}.branding-title-section{flex-direction:column;padding:50px 20px;gap:30px}.branding-left-image,.branding-right-image{max-width:200px}.branding-eagle{max-width:80px}.branding-title{font-size:2rem}.branding-left-image{display:none;max-width:550px;margin-top:-30%}.branding-right-image{margin-right:-30%;max-width:550px;margin-top:-40%}.branding-title{margin-top:-2%}.founded-section{padding:60px 20px;min-height:auto}.founded-content{grid-template-columns:1fr;grid-template-rows:auto;gap:30px}.founded-top-left,.founded-top-right,.founded-bottom-left,.founded-bottom-right{grid-column:1;justify-self:center}.founded-top-left{grid-row:1}.founded-top-right{grid-row:2}.founded-text-wrapper{grid-column:1;grid-row:3;padding:20px}.founded-bottom-left{grid-row:4}.founded-bottom-right{grid-row:5}.founded-image{max-width:180px}.founded-title{font-size:1.8rem}.founded-text{font-size:.95rem}.content-top{flex-direction:column;gap:30px}.side-image{max-width:180px}.center-text{font-size:1rem;padding:0 10px}.content-bottom{display:none}.bottom-images-wrapper{gap:40px}.bottom-image{max-width:180px}.final-section{padding:60px 20px 100px}.final-content{gap:40px;margin-bottom:50px}.final-title{font-size:2rem}.final-paragraph{font-size:1rem;line-height:1.8}.final-overlay-container{height:280px}.final-left-overlay{left:-30px;bottom:-30px;max-width:320px}.final-right-overlay{right:-30px;bottom:-30px;max-width:320px}.chain-carousel-section{padding:50px 20px}.chain-text-content{margin-bottom:40px}.chain-title{font-size:1.8rem}.chain-description{font-size:1rem}.simple-carousel{width:400px;height:300px}.carousel-slide{width:280px;height:200px}.carousel-slide.side:nth-child(2n){transform:translate(-150px) scale(.7)}.carousel-slide.side:nth-child(odd){transform:translate(150px) scale(.7)}.carousel-overlay-img{max-width:250px;right:-20px}.carousel-btn{width:40px;height:40px;font-size:1.5rem}.carousel-3d-slide{width:300px;height:250px}.story-content-wrapper{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;align-items:center;padding:2rem 1.5rem}.story-food-images{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}.story-text-center{order:1!important;width:100%;max-width:100%;text-align:left;padding:0 0 1.5rem}.story-food-left{order:2!important;flex:0 1 auto}.story-food-right{order:3!important;flex:0 1 auto}.story-food-left img,.story-food-right img{max-width:200px}.tea-section{grid-template-columns:1fr;gap:2rem;padding:4rem 2rem}.tea-food-left,.tea-food-right{display:none}}@media(max-width:684px){.table-mate-top-image{max-width:80px;top:-1%}}@media(width:583px)and (height:935px){.founded-overlay-right{right:40%;bottom:10%}.carousel-overlay-img{right:-20%;top:60%}.final-left-overlay{bottom:12%;left:-20%}.final-right-overlay{bottom:25%;right:-40%}}@media(width:442px)and (height:935px){.content-section{margin-top:0}}@media(width:426px)and (height:935px){.content-section{margin-top:0}}@media(width:427px)and (height:935px){.content-section{margin-top:0}}@media(width:429px)and (height:935px){.content-section{margin-top:0}}@media(width:431px)and (height:935px){.content-section{margin-top:0}}@media(width:433px)and (height:935px){.content-section{margin-top:0}}@media(width:435px)and (height:935px){.content-section{margin-top:0}}@media(width:437px)and (height:935px){.content-section{margin-top:0}}@media(width:438px)and (height:935px){.content-section{margin-top:0}}@media(width:439px)and (height:935px){.content-section{margin-top:0}}@media(width:440px)and (height:935px){.content-section{margin-top:0}}@media(width:441px)and (height:935px){.content-section{margin-top:0}}@media(width:444px)and (height:935px){.content-section{margin-top:0}}@media(width:448px)and (height:935px){.content-section{margin-top:0}}@media(width:457px)and (height:935px){.content-section{margin-top:0}}@media(max-width:768px){.hero-image-section{position:relative;height:clamp(320px,65vh,480px);min-height:unset;margin-top:-40px;margin-bottom:0!important;overflow:hidden;padding:0!important}.hero-background{position:relative;width:100%;height:100%;min-height:unset;margin:0!important;padding:0!important;overflow:hidden}.hero-bg-image{display:block;width:100%;height:100%!important;object-fit:cover;object-position:center 40%;margin:0!important;padding:0}.hero-background:after{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;pointer-events:none;z-index:2;display:block!important}.content-section{width:100%;background:#835840;padding:40px 20px;margin-top:0!important;margin-bottom:0;border:none}.center-text{margin-top:8%!important;margin-bottom:0}.hero-falcon-image{max-width:180px;width:30%;bottom:8%;left:35%;z-index:10}}@media(max-width:480px){.hero-image-section{height:clamp(280px,60vh,420px)!important;margin-bottom:0!important;overflow:hidden}.hero-background{margin:0!important;padding:0!important;overflow:hidden}.hero-background:after{height:140px}.hero-bg-image{height:100%!important;margin:0!important}.content-section{padding:30px 16px;margin-top:0!important}.center-text{margin-top:6%!important}.hero-falcon-image{z-index:10}}@media(max-width:540px){.branding-right-image{margin-right:-20%;margin-top:-40%}.branding-left-image{margin-right:60%;max-width:250px}.branding-title{margin-top:-25%}}@media(max-width:450px){.content-top{display:flex;flex-wrap:wrap}.side-image{flex:1;min-width:120px;max-width:130px}.center-text{width:100%;order:1}.side-image:first-of-type{order:2;max-width:20px;margin-right:50%}.side-image:last-of-type{order:3;max-width:20px;margin-right:-50%;margin-top:-40%}.content-bottom{flex-direction:column;gap:20px}.bottom-image:first-of-type{order:1}.bottom-image:last-of-type{order:2}.branding-eagle{margin-top:-20%;max-width:150px}.branding-center{margin-top:-10%}.branding-title{margin-top:-10%!important}.branding-right-image{margin-right:-20%;margin-top:-50%}.founded-top-left{margin-left:-60%}.founded-top-right{margin-right:-60%}.founded-overlay{margin-top:10%;margin-left:-5%;max-width:600px}.final-left-overlay{left:-20%;bottom:20%}.final-right-overlay{right:-50%;bottom:40%}}@media(max-width:425px){.branding-right-image{margin-right:-30%;margin-top:-40%}}@media(max-width:390px){.branding-right-image{margin-right:-30%;margin-top:-40%}}@media(max-width:350px){.final-left-overlay{margin-left:-20%;margin-top:-40%}.final-right-overlay{margin-right:-20%;margin-top:-10%}}@media(width:430px)and (height:932px){.center-text{margin-top:5%!important}}@media(width:393px)and (height:852px){.center-text{margin-top:-20%!important}}@media(width:402px)and (height:874px){.center-text{margin-top:-40%!important}}@media(width:440px)and (height:956px){.center-text{margin-top:7%!important}}@media(width:434px)and (height:870px){.center-text{margin-top:7%!important}}@media(width:442px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:426px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:427px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:429px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:431px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:433px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:435px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:437px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:438px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:439px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:440px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:441px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:444px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:448px)and (height:935px){.content-section{margin-top:-40%!important}}@media(width:457px)and (height:935px){.content-section{margin-top:-20%!important}}@media(max-width:576px){.content-section{padding:30px 15px}.hero-title-section{padding:1rem .5rem 1.5rem;margin-bottom:0}.hero-brown-logo{width:180px}.hero-image-section{min-height:300px;margin-top:-40px}.hero-background{min-height:300px}.hero-falcon-image{max-width:150px;width:35%;bottom:5%;left:35%}.hero-background{margin-top:20%}.hero-background:after{display:none;height:120px}.branding-title-section{padding:0 15px}.branding-left-image{max-width:250px;align-self:flex-start;margin-left:-15px}.branding-right-image{max-width:350px;margin-right:-30%;margin-top:-40%}.branding-eagle{max-width:60px}.branding-title{font-size:1.8rem;padding:0 20px}.side-image{max-width:150px}.center-text{font-size:.95rem}.content-bottom{flex-direction:column;align-items:center;gap:30px;padding:20px 0;min-height:300px}.bottom-overlay-image{max-width:100%;position:relative;top:auto;left:auto;transform:none}.bottom-images-wrapper{flex-direction:column;gap:30px}.bottom-image{max-width:160px}.final-section{padding:50px 15px 80px}.final-content{gap:35px;margin-bottom:40px}.final-text-block{padding:0 10px}.final-title{font-size:1.6rem;margin-bottom:15px}.final-paragraph{font-size:.95rem;line-height:1.7}.final-overlay-container{height:200px}.final-left-overlay{left:-25%;bottom:10%;max-width:300px}.final-right-overlay{right:-55%;bottom:30%;max-width:300px}.chain-carousel-section{padding:40px 15px}.chain-title{font-size:1.5rem}.chain-description{font-size:.95rem}.simple-carousel{width:280px;height:220px}.carousel-slide{width:220px;height:160px}.carousel-slide.side{transform:scale(.6);opacity:.5}.carousel-slide.side:nth-child(2n){transform:translate(-100px) scale(.6)}.carousel-slide.side:nth-child(odd){transform:translate(100px) scale(.6)}.carousel-overlay-img{max-width:180px;right:-150px;top:70px}.carousel-btn{width:35px;height:35px;font-size:1.2rem}.hero-falcon-image{right:10%}.carousel-3d-section{padding:1.5rem .5rem 4rem}.carousel-3d{height:250px}.carousel-3d-slide{width:200px;height:160px;border-radius:12px}.carousel-3d-container{gap:.5rem}.carousel-nav{width:32px;height:32px;font-size:1.1rem}.carousel-indicators{margin-top:1.5rem;gap:.6rem}.indicator{width:10px;height:10px}.story-section{padding:0;margin-top:0}.story-falcon-top{margin-bottom:.5rem;aspect-ratio:16 / 10}.story-falcon-top img{max-width:85%;position:relative;left:50%;transform:translate(-50%)}.group2-overlay-top{max-width:45%!important;bottom:15%}.story-text-center{padding:.5rem 1rem 1rem;text-align:left;display:block;width:100%}.story-text-center p{font-size:.95rem;line-height:1.6;margin-bottom:.8rem;text-align:left;display:block;width:100%}.story-text-center p:last-child{margin-bottom:0}.story-content-wrapper{padding:0 1rem;gap:1.5rem;display:flex;flex-direction:column}.story-text-center{order:1}.story-food-images{order:2;display:flex;flex-direction:row;gap:1rem;justify-content:center;width:100%}.story-food-left,.story-food-right{order:unset}.story-food-left img,.story-food-right img{max-width:150px}.story-table-mate-wrapper{margin-top:1rem}.table-mate-title{font-size:2rem;top:25%;padding:0 1rem}.table-mate-top-image{max-width:50px;top:-1%;left:60%}.story-table-mate-right-img{max-width:350px;right:-30%;bottom:15%}.tea-section,.tea-content{padding:1.5rem 1rem}.tea-content h2{font-size:1.8rem;margin-bottom:1rem}.tea-content p{font-size:.95rem;line-height:1.6}.food-row{padding:.5rem 1rem;gap:1rem}.food-row img{max-width:200px}.cover-food-section{height:200px;margin:1rem 0}.chain-section{padding:2rem 1rem}.chain-section h2{font-size:1.8rem;margin-bottom:1rem}.chain-section p{font-size:.95rem;line-height:1.6}.branch-locations-section{position:relative;padding:3rem 1.5rem 2rem;min-height:auto;aspect-ratio:auto;overflow:hidden}.branch-table-bg{position:absolute;bottom:-40px;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:1}.branch-content{position:relative;z-index:3;gap:2rem;padding:0}.branch-takeaway,.branch-signature{padding:0 0 2rem;text-align:left}.branch-signature h2,.branch-takeaway h2{font-size:1.8rem;margin-bottom:1rem;text-align:center}.branch-signature p,.branch-takeaway p{font-size:1rem;line-height:1.8;text-align:left;max-width:100%}.branch-food-overlay{position:absolute;bottom:0;right:-40%;max-width:350px;width:auto;height:auto;object-fit:contain;z-index:2;opacity:1}}@media(width:434px)and (height:870px){.content-section{margin-top:auto;background:#835840}.center-text{margin-top:7%!important}}@keyframes floatMain{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatTopRight{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatBottomLeft{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@keyframes floatRight{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-10px)}}.new-hero-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;overflow:hidden}.new-hero-grid{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.new-hero-left{display:flex;flex-direction:column;gap:2rem;z-index:10}.new-hero-text-wrapper{display:flex;flex-direction:column;gap:1rem}.new-hero-title{font-size:clamp(2rem,5vw,4rem);font-family:var(--heading-font);color:var(--heading-color);font-weight:700;line-height:1.2;margin:0}.new-hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--default-color);line-height:1.8;max-width:500px;margin:0}.new-hero-btn{display:inline-block;width:fit-content;padding:1rem 2.5rem;background-color:var(--accent-color);color:var(--contrast-color);font-size:1rem;font-weight:600;font-family:var(--nav-font);text-transform:uppercase;letter-spacing:1px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #cda45e4d}.new-hero-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #cda45e66}.new-hero-right{position:relative;height:600px;display:flex;justify-content:center;align-items:center}.new-hero-main-img{position:absolute;width:700px;height:auto;left:-20%;z-index:5;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));animation:floatMain 6s ease-in-out infinite}.new-hero-img-top-right{position:absolute;width:180px;height:auto;top:0;right:150%;z-index:4;border-radius:20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));animation:floatTopRight 5s ease-in-out infinite}.new-hero-img-bottom-left{position:absolute;width:900px;height:auto;bottom:-70px;left:-150%;z-index:3;border-radius:20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));animation:floatBottomLeft 5.5s ease-in-out infinite}.new-hero-img-middle-right{position:absolute;width:400px;height:auto;top:50%;right:-90%;transform:translateY(-50%);z-index:2;border-radius:20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));animation:floatRight 6.5s ease-in-out infinite}@media(max-width:1024px){.new-hero-grid{grid-template-columns:1fr;gap:3rem}.new-hero-right{height:500px;margin:0 auto}.new-hero-main-img{width:400px;left:50%;transform:translate(-50%)}.new-hero-img-top-right{width:140px;right:5%;top:-75%}.new-hero-img-bottom-left{width:350px;left:0;bottom:-30px}.new-hero-img-middle-right{width:180px;right:50px}}@media(max-width:820px){.new-hero-main-img{width:380px;left:-10%;top:10%}.new-hero-left{margin-top:30%}.new-hero-img-top-right{width:130px;right:15%;top:-70%}.new-hero-img-middle-right{width:160px;right:-10%;top:10%}.new-hero-img-bottom-left{width:500px;right:10%;top:50%}}@media(max-width:768px){.new-hero-container{padding:3rem 1.5rem;min-height:auto}.new-hero-grid{gap:2.5rem}.new-hero-left{gap:1.5rem;text-align:center;align-items:center;margin-top:20%}.new-hero-description{max-width:100%}.new-hero-btn{padding:.875rem 2rem;font-size:.95rem}.new-hero-right{height:450px;max-width:500px}.new-hero-main-img{width:320px;left:50%;transform:translate(-50%)}.new-hero-img-top-right{width:120px;left:10%;top:-60%}.new-hero-img-bottom-left{width:280px;right:15%;top:-30%}.new-hero-img-middle-right{width:150px;right:5%;top:-5%}}@media(max-width:480px){.new-hero-container{padding:2.5rem 1rem;background:#0a0a0a}.new-hero-title{font-size:2rem}.new-hero-description{font-size:.95rem;line-height:1.6}.new-hero-btn{padding:.75rem 1.75rem;font-size:.875rem}.new-hero-right{height:400px;max-width:100%}.new-hero-main-img{display:none}.new-hero-img-top-right{width:100px;right:9%;top:8%}.new-hero-img-bottom-left{display:none}.new-hero-img-middle-right{width:130px;right:5%;bottom:22%}}@media(max-width:414px){.new-hero-container{padding:2rem 1rem;background:#0a0a0a}.new-hero-title{font-size:1.75rem}.new-hero-description{font-size:.9rem;line-height:1.6}.new-hero-left{margin-top:35%}.new-hero-right{height:380px}.new-hero-main-img{display:none}.new-hero-img-top-right{width:90px;left:10%;top:-65%}.new-hero-img-bottom-left{display:none}.new-hero-img-middle-right{width:120px;right:5%;top:-5%}}@media(max-width:390px){.new-hero-container{padding:2rem .875rem;background:#0a0a0a}.new-hero-title{font-size:1.6rem}.new-hero-description{font-size:.875rem}.new-hero-left{margin-top:30%}.new-hero-btn{padding:.675rem 1.5rem;font-size:.8rem}.new-hero-right{height:360px}.new-hero-main-img{display:none}.new-hero-img-top-right{width:80px;left:17%;top:-65%}.new-hero-img-bottom-left{display:none}.new-hero-img-middle-right{width:110px;right:15%;top:-5%}}@media(max-width:375px){.new-hero-container{padding:1.75rem .75rem;background:#0a0a0a}.new-hero-title{font-size:1.5rem}.new-hero-right{height:340px}.new-hero-left{margin-top:40%}.new-hero-main-img{display:none}.new-hero-img-top-right{width:80px;left:15%;top:-70%}.new-hero-img-bottom-left{display:none}.new-hero-img-middle-right{width:100px;margin-left:-20%!important;top:-5%}}@media(max-width:360px){.new-hero-container{padding:1.5rem .5rem;background:#0a0a0a}.new-hero-title{font-size:1.4rem}.new-hero-description{font-size:.85rem}.new-hero-right{height:320px}.new-hero-main-img{display:none}.new-hero-img-top-right{width:75px;right:18%;top:-68%}.new-hero-img-bottom-left{display:none}.new-hero-img-middle-right{width:90px;right:10%;top:-7%}}@media(max-width:320px){.new-hero-container{padding:1.25rem .5rem;background:#0a0a0a}.new-hero-title{font-size:1.25rem}.new-hero-description{font-size:.8rem}.new-hero-btn{padding:.6rem 1.25rem;font-size:.75rem}.new-hero-right{height:300px}.new-hero-main-img{display:none}.new-hero-img-top-right{width:70px;right:20%;top:20%}.new-hero-img-bottom-left{display:none}.new-hero-img-middle-right{width:80px;right:12%;bottom:30%}}@media(max-height:500px)and (orientation:landscape){.new-hero-container{min-height:auto;padding:2rem}.new-hero-grid{grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.new-hero-left{text-align:left;align-items:flex-start}.new-hero-right{height:320px}.new-hero-title{font-size:1.75rem}.new-hero-description{font-size:.9rem}.new-hero-main-img{width:200px;left:50%;transform:translate(-50%)}.new-hero-img-top-right{width:90px;right:15%;top:10%}.new-hero-img-bottom-left{width:160px;left:15%;bottom:0}.new-hero-img-middle-right{width:100px;right:10%}}.about-section-new{width:100%;padding:6rem 2rem;background:#0a0a0a;position:relative;overflow:hidden}.about-container{max-width:1200px;margin:0 auto;position:relative}.about-rectangle{background:linear-gradient(135deg,#cda45e0d,#cda45e05);border:2px solid rgba(205,164,94,.2);border-radius:32px;padding:4rem;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000080;position:relative;z-index:2}.about-left{position:relative}.about-main-image{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:24px;box-shadow:0 15px 40px #0009;transition:transform .5s ease,opacity .5s ease;opacity:1}.about-main-image.fade-in{opacity:1}.about-main-image.fade-out{opacity:0}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}.about-main-image:hover{transform:scale(1.05)}.about-right{display:flex;flex-direction:column;gap:1.5rem}.about-title{font-size:clamp(2rem,4vw,3rem);font-family:var(--heading-font);color:var(--heading-color);font-weight:700;line-height:1.2;margin:0;position:relative;display:inline-block;width:fit-content}.about-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:var(--accent-color);border-radius:2px}.about-text{font-size:clamp(1rem,1.5vw,1.1rem);color:var(--default-color);line-height:1.8;margin:0}.about-btn{display:inline-block;width:fit-content;padding:1rem 2.5rem;background-color:transparent;color:var(--accent-color);border:2px solid var(--accent-color);font-size:1rem;font-weight:600;font-family:var(--nav-font);text-transform:uppercase;letter-spacing:1px;border-radius:50px;text-decoration:none;transition:all .3s ease;margin-top:1rem}.about-btn:hover{background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-3px);box-shadow:0 8px 25px #cda45e66}.about-overlay-right{position:absolute;top:50%;right:-30%;transform:translateY(-50%);width:800px;height:auto;z-index:1;opacity:1;pointer-events:none;animation:floatOverlay 6s ease-in-out infinite}@keyframes floatOverlay{0%,to{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-60%) rotate(2deg)}}@media(max-width:1024px){.about-rectangle{grid-template-columns:1fr;gap:3rem;padding:3rem}.about-overlay-right{width:200px;right:-60px}.about-main-image{max-height:400px}}@media(max-width:768px){.about-section-new{padding:4rem 1.5rem}.about-rectangle{padding:2.5rem;border-radius:24px}.about-overlay-right{width:150px;right:-40px}.about-title{font-size:2rem}.about-text{font-size:1rem}}@media(max-width:480px){.about-section-new{padding:3rem 1rem}.about-rectangle{padding:2rem 1.5rem;border-radius:20px;gap:2rem}.about-overlay-right{width:120px;right:-30px;top:auto;bottom:-30px;transform:translateY(0)}.about-main-image{max-height:300px}.about-title{font-size:1.75rem}.about-text{font-size:.95rem;line-height:1.6}.about-btn{padding:.875rem 2rem;font-size:.9rem;width:100%;text-align:center}}@media(max-width:390px){.about-rectangle{padding:1.5rem 1rem}.about-overlay-right{width:100px;right:-20px;bottom:-20px}.about-title{font-size:1.5rem}.about-text{font-size:.9rem}}@media(max-width:320px){.about-section-new{padding:2rem .75rem}.about-rectangle{padding:1.25rem .875rem}.about-overlay-right{width:80px;right:-15px}.about-title{font-size:1.3rem}.about-text{font-size:.85rem}.about-btn{padding:.75rem 1.5rem;font-size:.85rem}}.discover-menu-section{width:100%;padding:8rem 2rem;background:#0a0a0a;position:relative;overflow:hidden}.discover-menu-container{max-width:1200px;margin:0 auto}.discover-header{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center;margin-bottom:6rem}.discover-title-wrapper{display:flex;flex-direction:column;gap:.5rem}.discover-subtitle{font-size:clamp(1rem,1.5vw,1.3rem);font-family:Dancing Script,cursive;color:var(--accent-color);font-style:italic;font-weight:400;margin:0;line-height:1}.discover-title{font-size:clamp(2.5rem,5vw,4rem);font-family:var(--heading-font);color:var(--heading-color);font-weight:700;line-height:1.1;margin:0;position:relative}.discover-title:after{content:"";position:absolute;bottom:-15px;left:0;width:80px;height:4px;background:var(--accent-color);border-radius:2px}.discover-description{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--default-color);line-height:1.8;margin:0}.menu-items-showcase{display:flex;flex-direction:column;gap:8rem;position:relative}.menu-item{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative}.menu-item.animate-in{opacity:1;transform:translateY(0)}.menu-item-image-wrapper{position:relative;width:100%;max-width:450px;transition:transform .5s ease}.menu-item-1 .menu-item-image-wrapper,.menu-item-3 .menu-item-image-wrapper{justify-self:end}.menu-item-2 .menu-item-image-wrapper,.menu-item-4 .menu-item-image-wrapper{justify-self:start}.menu-item-image{width:100%;height:auto;display:block;margin-top:-30%;transition:transform .5s ease,filter .5s ease}.menu-item-image-wrapper:hover .menu-item-image{transform:scale(1.05)!important;filter:drop-shadow(0 10px 30px rgba(205,164,94,.4))}.menu-item-name{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0}.menu-item-name h3{font-size:clamp(1.75rem,3vw,2.5rem);font-family:Dancing Script,cursive;color:var(--accent-color);font-weight:600;margin:0 0 .8rem;line-height:1.2;transition:color .3s ease}.menu-item-name p{font-size:clamp(.95rem,1.5vw,1.1rem);font-family:var(--default-font);color:#ffffffb3;line-height:1.7;margin:0 0 1.2rem;max-width:450px;font-weight:300;letter-spacing:.3px;transition:color .3s ease}.menu-item-name-right{align-items:flex-start;text-align:left}.menu-item-name-left{align-items:flex-end;text-align:right;top:20px}.menu-sparkle{font-size:1.5rem;color:var(--accent-color);opacity:0;transform:scale(.5) rotate(0);transition:all .4s ease;display:inline-block}.menu-item:hover .menu-sparkle{opacity:1;transform:scale(1) rotate(180deg);animation:sparkleGlow 1.5s ease-in-out infinite}@keyframes sparkleGlow{0%,to{filter:drop-shadow(0 0 5px rgba(205,164,94,.8))}50%{filter:drop-shadow(0 0 15px rgba(205,164,94,1))}}.menu-item.animate-in~.menu-item:not(.animate-in) .menu-sparkle{opacity:.3}.menu-overlay-right{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:600px;height:auto;opacity:1;pointer-events:none;z-index:0;filter:blur(0)}.stay-updated-section{position:relative;padding:8rem 2rem 12rem;background:#0a0a0a;overflow:hidden}.stay-updated-container{max-width:1400px;margin:0 auto;position:relative;z-index:2}.stay-updated-rectangle{background:linear-gradient(135deg,#cda45e14,#24211f99);border:2px solid rgba(205,164,94,.2);border-radius:32px;padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.stay-updated-rectangle:hover{transform:translateY(-5px);box-shadow:0 25px 70px #cda45e26}.stay-updated-left h2{font-size:clamp(2.5rem,4vw,3.5rem);font-family:var(--heading-font);color:var(--accent-color);margin:0 0 1.5rem;font-weight:700;line-height:1.2}.stay-updated-text{font-size:clamp(1rem,1.5vw,1.15rem);color:#fffc;line-height:1.8;margin:0 0 2rem;font-family:var(--default-font)}.stay-updated-benefits{list-style:none;padding:0;margin:0}.stay-updated-benefits li{font-size:clamp(.95rem,1.2vw,1.1rem);color:#ffffffbf;margin-bottom:1rem;font-family:var(--default-font);display:flex;align-items:center;gap:.8rem;transition:color .3s ease,transform .3s ease}.stay-updated-benefits li:hover{color:var(--accent-color);transform:translate(5px)}.stay-updated-right{background:#0006;border:1px solid rgba(205,164,94,.15);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-input{width:100%;padding:1.2rem 1.5rem;background:#ffffff0d;border:2px solid rgba(205,164,94,.2);border-radius:16px;color:#fff;font-size:1rem;font-family:var(--default-font);transition:all .3s ease;outline:none}.form-input::placeholder{color:#fff6}.form-input:focus{background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 20px #cda45e33;transform:translateY(-2px)}.signup-btn{padding:1.3rem 2.5rem;background:linear-gradient(135deg,var(--accent-color) 0%,#b8925a 100%);border:none;border-radius:16px;color:#0a0a0a;font-size:1.1rem;font-weight:600;font-family:var(--heading-font);cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #cda45e4d;text-transform:uppercase;letter-spacing:1px}.signup-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #cda45e80;background:linear-gradient(135deg,#d4b36a 0%,var(--accent-color) 100%)}.signup-btn:active{transform:translateY(-1px)}.ground-overlay{position:absolute;bottom:-5%;left:50%;transform:translate(-50%);width:100%;max-width:1900px;height:auto;opacity:.5;pointer-events:none;z-index:1;filter:brightness(.8)}@media(max-width:1024px){.discover-header{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.discover-title:after{left:50%;transform:translate(-50%)}.discover-title-wrapper{text-align:center;align-items:center}.discover-description{text-align:center}.menu-items-showcase{gap:6rem}.menu-item{grid-template-columns:1fr;gap:2rem}.menu-item-1 .menu-item-image-wrapper,.menu-item-3 .menu-item-image-wrapper,.menu-item-2 .menu-item-image-wrapper,.menu-item-4 .menu-item-image-wrapper{justify-self:center;max-width:400px}.menu-item-name{align-items:center!important;text-align:center!important}.menu-item-name h3{text-align:center}.menu-item-name p{text-align:center;max-width:100%}}@media(max-width:768px){.discover-menu-section{padding:6rem 1.5rem}.menu-items-showcase{gap:5rem}.menu-item-image-wrapper{max-width:350px}.menu-item-name h3{font-size:1.75rem}.menu-item-name p{font-size:.95rem}}@media(max-width:480px){.discover-menu-section{padding:4rem 1rem}.discover-header{margin-bottom:3rem}.discover-title{font-size:2rem;text-align:center}.discover-subtitle{text-align:center}.discover-description{font-size:.95rem;text-align:center}.menu-items-showcase{gap:4rem}.menu-item-image-wrapper{max-width:300px}.menu-item-name h3{font-size:1.5rem}.menu-item-name p{font-size:.9rem}.menu-sparkle{font-size:1.2rem}}@media(max-width:390px){.discover-title{font-size:1.75rem}.discover-subtitle{font-size:1rem}.discover-description{font-size:.9rem}.menu-item-image-wrapper{max-width:260px}.menu-item-name h3{font-size:1.3rem}.menu-item-name p{font-size:.85rem}}@media(max-width:320px){.discover-menu-section{padding:3rem .75rem}.discover-title{font-size:1.5rem}.discover-subtitle{font-size:.9rem}.discover-description{font-size:.85rem}.menu-items-showcase{gap:3rem}.menu-item-image-wrapper{max-width:240px}.menu-item-name h3{font-size:1.2rem}.menu-item-name p{font-size:.8rem;line-height:1.5}}@media(max-width:1024px){.stay-updated-rectangle{padding:3rem;gap:3rem}.menu-overlay-right{width:500px;opacity:.15}.ground-overlay{opacity:.2}}@media(max-width:768px){.stay-updated-section{padding:6rem 1.5rem 10rem}.stay-updated-rectangle{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem}.stay-updated-right{padding:2rem}.menu-overlay-right{width:400px;right:-15%}}@media(max-width:480px){.stay-updated-section{padding:4rem 1rem 8rem}.stay-updated-rectangle{padding:2rem;gap:2rem;border-radius:24px}.stay-updated-left h2{font-size:2rem}.stay-updated-text{font-size:.95rem}.stay-updated-benefits li{font-size:.9rem}.stay-updated-right{padding:1.5rem}.form-input{padding:1rem 1.2rem;font-size:.95rem}.signup-btn{padding:1.1rem 2rem;font-size:1rem}.menu-overlay-right{width:300px;opacity:.1}.ground-overlay{opacity:.15}}@media(max-width:390px){.stay-updated-rectangle{padding:1.5rem}.stay-updated-left h2{font-size:1.75rem}.signup-form{gap:1.2rem}}@media(max-width:320px){.stay-updated-section{padding:3rem .75rem 6rem}.stay-updated-rectangle{padding:1.2rem}.stay-updated-left h2{font-size:1.5rem}.stay-updated-text{font-size:.9rem}.stay-updated-right{padding:1.2rem}.form-input{padding:.9rem 1rem}.signup-btn{padding:1rem 1.5rem;font-size:.95rem}}.home-page{width:100%}.hero-section{position:relative;width:100vw;min-height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;background-color:#000;display:flex;flex-direction:column;justify-content:center;margin:0;margin-left:calc(-50vw + 50%);margin-top:0;padding:0;overflow:visible;z-index:0}.hero-overlay{position:absolute;inset:0;background:transparent;z-index:1}.hero-content{position:relative;z-index:2;display:block;max-width:500px;margin-top:20px;margin-bottom:40px}.hero-text{font-size:3rem;font-weight:50;color:#f7f3e2de;line-height:1.2;font-family:Playfair Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 4px 20px rgba(0,0,0,.5);letter-spacing:01px;animation:fadeInUp 1s ease-out .3s both;padding:0;margin:0;text-align:left;white-space:pre-line}.cuisine-text{display:inline-block;padding-left:20px}.hero-logo{display:block;object-fit:contain;animation:fadeInUp 1s ease-out both;position:relative;z-index:3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-on-scroll{opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .6s ease-out;will-change:opacity,transform}.fade-on-scroll.fade-in-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.fade-on-scroll{transform:none;transition:opacity .2s ease-out}}.content-section{position:relative;margin-top:-150px;margin-left:calc(-50vw + 50%);width:100vw;padding:4rem 0;padding-left:80px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 15%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.9) 50%,#000000 70%);z-index:10}.content-wrapper{max-width:600px}.content-title{font-size:3.5rem;font-weight:200;color:#f7f3e2de;margin:0 0 1.5rem;font-family:Playfair Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:fadeInUp 1s ease-out both;white-space:pre-line}.content-text{font-size:1rem;line-height:1.5;color:#f7f3e2de;margin:0;font-family:Scandia,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:fadeInUp 1s ease-out .2s both;white-space:pre-line}.overlay-section{position:relative;margin-left:calc(-50vw + 50%);width:100vw;padding:3.5rem 0 5rem;background:#000;z-index:9}.overlay-wrapper{display:flex;align-items:center;position:relative;width:100%;padding-left:0}.overlay-rectangle{position:relative;flex:0 0 62%;max-width:720px}.overlay-rectangle-img{display:block;width:100%;height:auto}.overlay-rectangle-content{position:absolute;top:50%;left:10%;transform:translateY(-50%);padding-right:32%;max-width:70%;color:#f7f3e2de}.overlay-title{font-size:3rem;font-weight:200;margin:0 0 .8rem;font-family:Playfair Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f3e2de;white-space:pre-line}.overlay-text{font-size:1rem;line-height:1.7;margin:0;color:#f7f3e2de;font-family:Scandia,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:pre-line}.overlay-chapati-img{flex:0 0 44%;max-width:560px;width:100%;height:auto;margin-left:-12%;z-index:2}.overlay-section-right .overlay-wrapper-right{justify-content:flex-end}.overlay-section-right .overlay-rectangle{order:2}.overlay-section-right .overlay-rectangle-content-right{left:auto;right:10%;padding-left:32%;padding-right:0}.overlay-section-right .overlay-chapati-img-right{order:1;margin-left:0;margin-right:-12%}.overlay-section-left .overlay-rectangle{order:1}.overlay-section-left .overlay-rectangle-content-left{left:10%;right:auto;padding-right:32%;padding-left:0}.overlay-section-left .overlay-chapati-img-left{order:2;margin-left:-12%;margin-right:0}.chain-section{position:relative;margin-left:calc(-50vw + 50%);width:100vw;padding:3.5rem 0 5rem;background:transparent;z-index:8}.chain-wrapper{max-width:900px;padding-left:80px}.chain-title{font-size:2.5rem;font-weight:200;color:#f7f3e2de;margin:0 0 1.2rem;font-family:Playfair Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:pre-line}.chain-text{font-size:1.125rem;line-height:1.8;color:#f7f3e2de;margin:0 0 1.2rem;white-space:pre-line}.chain-branches{font-size:1rem;line-height:1.8;color:#f7f3e2de;margin:0}.km-section-divider{max-width:1200px;margin:3rem auto;border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 20%,var(--accent-color) 50%,var(--border-color) 80%,transparent 100%);opacity:.5}.hero{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-color) 0%,var(--surface-color) 100%);padding:4rem 0}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-title .accent{color:var(--accent-color);display:block;margin-top:.5rem}.hero-subtitle{font-size:1.25rem;color:var(--default-color);margin-bottom:2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.features{padding:3rem 0 5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-card{text-align:center;padding:2rem;background-color:var(--surface-color);border-radius:12px;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--shadow-color)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--heading-color)}.feature-card p{color:var(--default-color);line-height:1.6}.subscribe-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--heading-color)}.subscribe-input{flex:1;padding:.875rem 1.25rem;border:1px solid var(--border-color);margin-top:2%;margin-left:-2%;background:var(--background-color);color:var(--default-color);font-size:1rem;transition:all .3s ease}.cta-section{padding:6rem 0;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;color:var(--default-color)}@media(min-width:1025px){.chain-wrapper{margin:0 auto;padding-left:0;text-align:center}.overlay-section{padding:4.5rem 0 6rem}.overlay-wrapper{align-items:flex-start}.overlay-rectangle{flex:0 0 70%;max-width:1320px;overflow:visible}.overlay-rectangle-content{left:8%;padding-right:10%;max-width:90%;width:90%}.overlay-title{font-size:5rem;margin-top:-20px;white-space:normal}.overlay-text{font-size:1.2rem;line-height:1.8;margin-right:0%;white-space:normal}.overlay-chapati-img{flex:0 0 40%;max-width:600px;margin-left:-10%;margin-top:10%}.overlay-section-right .overlay-chapati-img-right{max-width:560px;margin-top:6%;margin-left:-7%}.overlay-section-left .overlay-chapati-img-left{margin-right:0;max-width:750px;margin-left:-7.5%;margin-top:-15%}.content-section{padding-left:130px}.content-wrapper{max-width:1300px}.hero-section{margin-top:-200px;padding-top:200px;padding-left:80px;align-items:flex-start;gap:16px}.hero-content{margin-left:5%;margin-top:0;margin-bottom:15%;max-width:560px}.hero-text{font-size:3.2rem;line-height:1.15;margin:0 0 0 15px;transform:none}.cuisine-text{padding-left:1px}.hero-logo{width:220px;height:220px;margin-bottom:0;left:6%}}@media(max-width:1024px){.hero-section{padding-left:60px;padding-top:60px}.hero-text{font-size:2.8rem}.hero-logo{width:150px;height:150px}.content-section{margin-top:-180px;padding-left:60px}.content-title{font-size:2.2rem}.overlay-rectangle{flex-basis:68%}.overlay-chapati-img{flex-basis:48%;margin-left:-14%}.overlay-section-right .overlay-chapati-img-right{margin-right:-14%}.chain-wrapper{padding-left:60px}}@media(min-width:768px)and (max-width:1024px){.hero-section{margin-top:-200px;padding-top:200px;padding-left:70px;align-items:flex-start;gap:12px}.hero-content{margin-left:3%;margin-top:0;margin-bottom:10%;max-width:520px}.hero-text{font-size:3rem;line-height:1.15;margin-left:10px}.hero-logo{width:190px;height:190px;margin-bottom:0;left:4%}.content-section{margin-top:-150px;padding-left:110px}.content-wrapper{max-width:980px}.content-title{font-size:3rem}.content-text{font-size:1rem}.overlay-section{padding:4rem 0 5.5rem}.overlay-rectangle{flex:0 0 70%;max-width:1100px}.overlay-rectangle-content{left:8%;padding-right:12%;max-width:88%;width:88%}.overlay-title{font-size:3.6rem;margin-top:-10px}.overlay-text{font-size:1.05rem;line-height:1.7}.overlay-chapati-img{flex:0 0 40%;max-width:520px;margin-left:-6%;margin-top:6%}.overlay-section-right .overlay-chapati-img-right{margin-left:-4%;margin-top:4%;max-width:520px}.overlay-section-left .overlay-chapati-img-left{margin-left:-5%;margin-top:-10%;max-width:620px}.chain-wrapper{margin:0 auto;padding-left:0;text-align:center;max-width:900px}}@media(max-width:768px){.hero-section{background-image:url(/assets/img/dark%20fire%20tea-BfOhOI8-.webp)!important;background-size:contain!important;background-position:center center!important;margin-top:-90px;padding-top:200px;padding-left:16px;align-items:flex-start;justify-content:flex-start}.hero-text{font-size:2rem;text-align:left;max-width:80%;margin-left:0}.hero-logo{width:120px;height:120px;margin-left:0}.content-section{margin-top:-150px;padding-left:30px;background:transparent}.content-title{font-size:2rem}.content-text{font-size:1rem}.overlay-section{padding:3rem 0 4rem;background:transparent}.overlay-wrapper{flex-direction:column;align-items:flex-start;gap:1.5rem}.overlay-rectangle{flex:0 0 auto;width:90%;max-width:640px}.overlay-rectangle-content{left:8%;padding-right:24%;max-width:80%}.overlay-title{font-size:1.6rem}.overlay-text{font-size:.98rem}.overlay-chapati-img{flex:0 0 auto;width:80%;max-width:520px;margin-left:12%}.overlay-section-right .overlay-rectangle{order:1}.overlay-section-right .overlay-rectangle-content-right{right:auto;left:8%;padding-left:0;padding-right:24%}.overlay-section-right .overlay-chapati-img-right{order:2;margin-right:0;margin-left:12%}.chain-wrapper{padding-left:30px}.chain-title{font-size:2rem}.chain-text{font-size:1rem}}@media(min-width:390px)and (max-width:768px){.hero-section{background-size:cover!important;background-position:center center!important}}@media(max-width:480px){.hero-section{padding-left:20px;padding-top:50px}.hero-text{font-size:1.5rem;margin-left:-12%;margin-top:2%}.hero-logo{width:150px;height:120px;margin-top:20%;margin-left:-23}.hero-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.cuisine-text,.content-section{padding-left:20px}.content-title{font-size:2.7rem;margin-top:-35%;margin-left:5%}.content-text{font-size:.8rem;margin-left:5%;margin-top:-10px}.overlay-section{padding:.2rem 0 3.5rem;top:-20px;background:transparent}.overlay-rectangle{width:94%;left:-10%}.overlay-rectangle-content{left:15%;padding-right:25%;max-width:85%}.overlay-title{font-size:2.5rem;margin-top:-10px;margin-left:5%}.overlay-text{font-size:.75rem;margin-left:5%;margin-top:-7px}.overlay-chapati-img{width:40%;margin-left:60%;margin-top:-45%}.overlay-section-right .overlay-rectangle{left:auto;right:-15%;top:35px}.overlay-section-right .overlay-rectangle-content-right{right:15%;left:auto;padding-left:25%;padding-right:0}.overlay-section-right .overlay-chapati-img-right{margin-left:0;margin-right:60%;margin-top:-40%}.overlay-section-left .overlay-rectangle{left:-15%;top:35px}.overlay-section-left .overlay-rectangle-content-left{left:20%;padding-right:15%;top:55%;max-width:85%}.overlay-section-left .overlay-chapati-img-left{margin-left:60%;margin-right:0;margin-top:-60%;width:220px}.chain-wrapper{padding-left:20px;margin-top:-50px}.chain-title{font-size:2.1rem}.chain-text{font-size:.85rem;padding-right:20px}.chain-branches{font-size:.75rem;padding-right:20px}}.location-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto}.location-modal{background:var(--surface-color);border-radius:20px;box-shadow:0 24px 60px #00000040;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;position:relative}.location-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:var(--background-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10001;color:var(--default-color)}.location-modal-close:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:rotate(90deg)}.location-modal-content{padding:2rem}.location-modal-header{margin-bottom:2rem;padding-right:2rem}.location-modal-title{font-family:var(--heading-font);font-size:1.75rem;font-weight:700;color:var(--heading-color);margin:0 0 .5rem}.location-modal-subtitle{font-size:.95rem;color:var(--default-color);opacity:.7;margin:0}.location-option{width:100%;padding:1rem 1.5rem;border:2px solid var(--border-color);border-radius:12px;background:var(--background-color);color:var(--default-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.location-option:hover{border-color:var(--accent-color);transform:translateY(-2px)}.location-option.active{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.location-section{margin-bottom:2rem}.location-section-title{font-family:var(--heading-font);font-size:1.1rem;font-weight:600;color:var(--heading-color);margin:0 0 1rem}.location-areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.location-area-btn{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--background-color);color:var(--default-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.location-area-btn:hover{border-color:var(--accent-color);transform:translateY(-2px)}.location-area-btn.active{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.location-branches{display:flex;flex-direction:column;gap:1rem}.location-branch-card{width:100%;padding:1.25rem;border:2px solid var(--border-color);border-radius:12px;background:var(--background-color);cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.location-branch-card:hover{border-color:var(--accent-color);transform:translate(4px)}.location-branch-card.active{border-color:var(--accent-color);background:#cda45e0d}.location-branch-info{flex:1}.location-branch-name{font-family:var(--heading-font);font-size:1.1rem;font-weight:600;color:var(--heading-color);margin:0 0 .5rem}.location-branch-location{font-size:.9rem;color:var(--default-color);opacity:.8;margin:0 0 .5rem}.location-branch-hours{font-size:.85rem;color:var(--default-color);opacity:.7;margin:0;display:flex;align-items:center;gap:.5rem}.location-branch-check{color:var(--accent-color);flex-shrink:0}.location-modal-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.location-btn-cancel{flex:1;padding:.875rem 1.5rem;background:var(--background-color);color:var(--default-color);border:1px solid var(--border-color);border-radius:50px;font-family:var(--nav-font);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.location-btn-cancel:hover{border-color:var(--accent-color);color:var(--accent-color)}.location-btn-confirm{flex:1;padding:.875rem 1.5rem;background:var(--accent-color);color:var(--contrast-color);border:none;border-radius:50px;font-family:var(--nav-font);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.location-btn-confirm:hover:not(:disabled){background:#d4ad6d;transform:translateY(-2px);box-shadow:0 4px 12px #cda45e66}.location-btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.location-modal-content{padding:1.5rem}.location-modal-title{font-size:1.5rem}.location-areas{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.location-modal-actions{flex-direction:column}}@media(max-width:480px){.location-modal{border-radius:16px}.location-modal-content{padding:1rem}.location-modal-title{font-size:1.25rem}.location-areas{grid-template-columns:1fr 1fr}}.product-reviews{margin-top:2rem;padding:2rem 0;border-top:1px solid var(--border-color, #eee)}.reviews-header{margin-bottom:1.5rem}.reviews-header h3{font-size:1.5rem;color:var(--heading-color, #333);margin-bottom:.5rem}.reviews-summary{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.star{font-size:1.25rem;color:var(--border-color, #ddd)}.average-rating{font-size:1.125rem;font-weight:600;color:var(--heading-color, #333)}.review-count{color:var(--text-secondary, #666);font-size:.9rem}.btn-write-review{background:var(--primary-color, #D4A574);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;margin-bottom:1.5rem}.btn-write-review:hover{background:var(--primary-hover, #c49463);transform:translateY(-1px)}.review-form{background:var(--surface-color, #f9f9f9);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--border-color, rgba(0, 0, 0, .1))}.review-form h4{margin-bottom:1rem;color:var(--heading-color, #333)}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color, #333)}.rating-input{display:flex;align-items:center;gap:.5rem}.star-btn{background:none;border:none;font-size:2rem;color:var(--border-color, #ddd);cursor:pointer;transition:all .2s;padding:0}.star-btn:hover,.star-btn.active{color:orange;transform:scale(1.1)}.rating-text{margin-left:.5rem;color:var(--text-secondary, #666);font-size:.9rem}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;background:var(--card-background, #fff);color:var(--text-color, #333)}.form-group textarea:focus{outline:none;border-color:var(--primary-color, #D4A574)}.form-group small{display:block;margin-top:.25rem;color:var(--text-secondary, #666);font-size:.85rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-cancel{background:var(--surface-color, #e0e0e0);color:var(--text-color, #333);border:1px solid var(--border-color, transparent)}.btn-cancel:hover{background:var(--card-background, #d0d0d0)}.btn-submit{background:var(--primary-color, #D4A574);color:#fff}.btn-submit:hover:not(:disabled){background:var(--primary-hover, #c49463)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.reviews-list{margin-top:2rem}.loading,.no-reviews{text-align:center;padding:2rem;color:var(--text-secondary, #666)}.review-item{background:var(--card-background, white);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.reviewer-info{display:flex;align-items:center;gap:1rem}.reviewer-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-color, #D4A574);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.reviewer-name{font-size:1rem;color:var(--heading-color, #333);margin:0 0 .25rem}.review-date{font-size:.85rem;color:var(--text-secondary, #666)}.review-comment{color:var(--text-color, #444);line-height:1.6;margin:0}.review-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:.5rem}.review-status-badge.pending{background:var(--warning-color, #ff9800);color:#fff}@media print{.btn-write-review,.review-form,.form-actions{display:none}.review-item{break-inside:avoid;page-break-inside:avoid}}.product-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:1rem 1rem 2rem;overflow-y:auto}.product-modal{background:var(--surface-color);border-radius:20px;box-shadow:0 24px 60px #00000040;max-width:650px;width:100%;max-height:80vh;overflow-y:auto;position:relative;margin-bottom:0}:root.light-mode .product-modal{background:#fff;box-shadow:0 24px 60px #00000026}.product-modal-header-buttons{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:10000}.product-modal-wishlist-top{width:40px;height:40px;border-radius:50%;background:var(--background-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--default-color)}.product-modal-wishlist-top:hover{border-color:var(--accent-color);transform:scale(1.1)}.product-modal-wishlist-top.active{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.product-modal-close{width:40px;height:40px;border-radius:50%;background:var(--background-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--default-color)}.product-modal-close:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:rotate(90deg)}.product-modal-content{display:flex;flex-direction:column;padding:1.5rem}.product-modal-main{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;margin-bottom:2rem}.product-modal-image{position:relative;border-radius:16px;overflow:hidden;background:var(--background-color);height:fit-content}.product-modal-image img{width:100%;height:250px;object-fit:cover;display:block}.product-modal-tag{position:absolute;top:.75rem;left:.75rem;background:var(--accent-color);color:var(--contrast-color);padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #cda45e66}.product-modal-details{display:flex;flex-direction:column;gap:1.25rem}.product-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.product-modal-title{font-family:var(--heading-font);font-size:1.75rem;font-weight:700;color:var(--heading-color);margin:0;line-height:1.3}.product-modal-category{font-size:.875rem;color:var(--default-color);opacity:.6;margin:.25rem 0 0;text-transform:capitalize}.product-modal-price{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin:0}.product-modal-description{font-size:.95rem;line-height:1.6;color:var(--default-color);opacity:.8;margin:0}.product-modal-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--default-color);opacity:.7;padding:.75rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.product-modal-meta span:before{content:"•";margin:0 .5rem}.product-modal-meta span:first-child:before{content:"";margin:0}.product-modal-section{display:flex;flex-direction:column;gap:.75rem}.product-modal-section-title{font-family:var(--heading-font);font-size:1.1rem;font-weight:600;color:var(--heading-color);margin:0}.product-modal-sizes{display:flex;flex-wrap:wrap;gap:.75rem}.product-modal-size-chip{padding:.875rem 1.25rem;border-radius:12px;border:2px solid var(--border-color);background:var(--background-color);color:var(--default-color);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:100px}.product-modal-size-chip:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-modal-size-chip.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.product-modal-size-chip .size-label{font-size:1rem;font-weight:600}.product-modal-size-chip .size-price{font-size:.875rem;opacity:.9}.product-modal-size-chip.active .size-price{opacity:1}.product-modal-extras{display:flex;flex-wrap:wrap;gap:.5rem}.product-modal-extra-chip{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border-color);background:var(--background-color);color:var(--default-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.product-modal-extra-chip:hover{border-color:var(--accent-color);transform:translateY(-2px)}.product-modal-extra-chip.active{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.product-modal-extra-price{font-size:.75rem;opacity:.8;font-weight:600}.product-modal-drinks{display:flex;flex-direction:column;gap:.5rem}.product-modal-drink-chip{padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--background-color);color:var(--default-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.product-modal-drink-chip:hover{border-color:var(--accent-color);transform:translate(4px)}.product-modal-drink-chip.active{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.product-modal-drink-price{font-weight:600;opacity:.9}.product-modal-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--background-color);color:var(--default-color);font-family:var(--default-font);font-size:.9rem;resize:vertical;transition:all .3s ease}.product-modal-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.product-modal-textarea::placeholder{color:var(--default-color);opacity:.5}.product-modal-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background-color);border-radius:12px;border:2px solid var(--accent-color);margin-top:.5rem}.product-modal-total-label{font-size:1rem;font-weight:600;color:var(--default-color)}.product-modal-total-price{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.product-modal-unavailable-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:1px solid #ef5350;border-radius:12px;margin-top:.5rem;color:#c62828}.product-modal-unavailable-warning svg{flex-shrink:0;margin-top:.125rem}.product-modal-unavailable-warning strong{display:block;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.product-modal-unavailable-warning p{font-size:.875rem;margin:0;opacity:.9}.product-modal-actions{display:flex;gap:1rem;align-items:center;padding-top:.5rem}.product-modal-quantity{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-color);border-radius:50px;padding:.25rem;background:var(--background-color)}.product-modal-qty-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--default-color)}.product-modal-qty-btn:hover:not(:disabled){background:var(--accent-color);color:var(--contrast-color)}.product-modal-qty-btn:disabled{opacity:.3;cursor:not-allowed}.product-modal-qty-value{min-width:36px;text-align:center;font-weight:600;font-size:1rem;color:var(--default-color)}.product-modal-add-btn{flex:1;padding:.875rem 1.5rem;background:var(--accent-color);color:var(--contrast-color);border:none;border-radius:50px;font-family:var(--nav-font);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.product-modal-add-btn:hover:not(:disabled){background:#d4ad6d;transform:translateY(-2px);box-shadow:0 4px 12px #cda45e66}.product-modal-add-btn:disabled{background:#9e9e9e;cursor:not-allowed;opacity:.6;transform:none}@media(max-width:768px){.product-modal-main{grid-template-columns:1fr;gap:1.5rem}.product-modal-content{padding:1.5rem}.product-modal-header-buttons{top:.75rem;right:.75rem}.product-modal-wishlist-top,.product-modal-close{width:36px;height:36px}.product-modal-image img{height:240px}.product-modal-title{font-size:1.5rem}.product-modal-price{font-size:1.25rem}.product-modal-actions{flex-direction:column;gap:.75rem}.product-modal-quantity{width:100%;justify-content:center}.product-modal-add-btn{width:100%}}@media(max-width:480px){.product-modal{border-radius:16px}.product-modal-content{padding:1rem}.product-modal-image img{height:200px}.product-modal-title{font-size:1.25rem}}.ambient-loader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2rem 0}.ambient-loader-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative}.ambient-card-image{width:100%;height:200px;background:linear-gradient(90deg,var(--surface-color) 0%,rgba(205,164,94,.1) 50%,var(--surface-color) 100%);position:relative;overflow:hidden}.ambient-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.ambient-title-bar{width:70%;height:20px;background:linear-gradient(90deg,var(--surface-color) 0%,rgba(205,164,94,.15) 50%,var(--surface-color) 100%);border-radius:4px;position:relative;overflow:hidden}.ambient-text-bar{width:100%;height:14px;background:linear-gradient(90deg,var(--surface-color) 0%,rgba(205,164,94,.1) 50%,var(--surface-color) 100%);border-radius:4px;position:relative;overflow:hidden}.ambient-text-bar.short{width:50%}.ambient-footer-bar{width:40%;height:16px;background:linear-gradient(90deg,#cda45e33,#cda45e59,#cda45e33);border-radius:4px;margin-top:.5rem;position:relative;overflow:hidden}.ambient-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.ambient-loader-list{display:flex;flex-direction:column;gap:1rem;padding:2rem 0}.ambient-loader-list-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px}.ambient-list-icon{width:50px;height:50px;border-radius:8px;background:linear-gradient(90deg,var(--surface-color) 0%,rgba(205,164,94,.15) 50%,var(--surface-color) 100%);flex-shrink:0;position:relative;overflow:hidden}.ambient-list-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.ambient-list-title{width:60%;height:16px;background:linear-gradient(90deg,var(--surface-color) 0%,rgba(205,164,94,.15) 50%,var(--surface-color) 100%);border-radius:4px;position:relative;overflow:hidden}.ambient-list-text{width:40%;height:12px;background:linear-gradient(90deg,var(--surface-color) 0%,rgba(205,164,94,.1) 50%,var(--surface-color) 100%);border-radius:4px;position:relative;overflow:hidden}@media(max-width:768px){.ambient-loader-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.ambient-card-image{height:160px}.ambient-card-content{padding:1rem}}@media(max-width:480px){.ambient-loader-grid{grid-template-columns:1fr;gap:1rem}.ambient-card-image{height:200px}}@media(prefers-reduced-motion:reduce){.ambient-loader-card,.ambient-shimmer,.ambient-loader-list-item{animation:none}.ambient-loader-card{opacity:.6}}.menu-page{width:100%;min-height:100vh}.menu-header{padding:4rem 0 2rem;background:var(--background-color)}.menu-title{font-family:var(--heading-font);font-size:3rem;font-weight:700;color:var(--heading-color);margin-bottom:.5rem;text-align:left}.menu-subtitle{font-size:1.125rem;color:var(--default-color);opacity:.8;text-align:left;margin-bottom:1.5rem}.service-type-section{padding:2rem 0 1rem;background:var(--background-color);border-bottom:1px solid var(--border-color)}.service-type-filters{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.service-type-buttons{display:flex;gap:1rem;justify-content:center;flex:1}.service-type-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);color:var(--default-color);font-family:var(--nav-font);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000014;min-width:220px;justify-content:center}.service-type-btn svg{width:22px;height:22px}.service-type-btn:hover{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 6px 20px #cda45e40}.service-type-btn--active{background:linear-gradient(135deg,var(--accent-color) 0%,#d4a574 100%);color:#fff;border-color:var(--accent-color);box-shadow:0 6px 24px #cda45e59}.service-type-btn--active:hover{transform:translateY(-3px);box-shadow:0 8px 28px #cda45e66}:root.light-mode .service-type-btn{background:#fff;border-color:#b8934e4d;color:var(--text-color);box-shadow:0 2px 8px #00000014}:root.light-mode .service-type-btn:hover{box-shadow:0 4px 16px #b8934e33}:root.light-mode .service-type-btn--active{background:linear-gradient(135deg,var(--accent-color) 0%,#d4a574 100%);color:#fff;border-color:var(--accent-color)}.menu-search{margin-top:1.5rem;max-width:500px}.km-search-container{position:relative;width:100%}.km-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--default-color);opacity:.5;pointer-events:none}.km-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid var(--border-color);border-radius:50px;background:var(--surface-color);color:var(--default-color);font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.km-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 4px 12px #cda45e33}.km-search-input::placeholder{color:var(--text-secondary);opacity:.6}.menu-filters-section{padding:2rem 0;background:var(--background-color)}.menu-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.menu-filter{padding:.5rem 1.25rem;border:1px solid var(--border-color);border-radius:50px;background:var(--surface-color);color:var(--default-color);font-family:var(--nav-font);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.menu-filter:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #cda45e33}.menu-filter--active{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.menu-content{padding:3rem 0}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.menu-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--default-color);opacity:.7}.menu-card{background:var(--surface-color);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.menu-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #00000026}.menu-card-image{width:100%;height:220px;overflow:hidden;background:var(--background-color);position:relative}.menu-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.menu-card:hover .menu-card-image img{transform:scale(1.05)}.menu-card--unavailable{opacity:.65;filter:grayscale(40%);cursor:not-allowed}.menu-card--unavailable:hover{transform:translateY(0);box-shadow:0 4px 16px #00000014}.menu-card--unavailable:hover .menu-card-image img{transform:scale(1)}.unavailable-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;padding:.625rem;font-size:.8rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 -2px 8px #0003;z-index:3;animation:slideUpBadge .4s ease}@keyframes slideUpBadge{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.menu-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;font-size:4rem;font-weight:700}.menu-card-tag{position:absolute;top:.75rem;right:.75rem;background:var(--accent-color);color:var(--contrast-color);padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #cda45e66;z-index:2}.menu-card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}:root.light-mode .menu-card-body{background:#fff}.menu-card-title{font-family:var(--heading-font);font-size:1.25rem;font-weight:600;color:var(--heading-color);margin-bottom:.5rem}.menu-card-description{font-size:.9rem;color:var(--default-color);opacity:.7;margin-bottom:1rem;line-height:1.5;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.menu-card-price{font-size:1.15rem;font-weight:700;color:var(--accent-color)}.menu-card-info{font-size:.85rem;color:var(--default-color);opacity:.7}.menu-card-action{width:100%;padding:.75rem 1.5rem;background:var(--accent-color);color:var(--contrast-color);border:none;border-radius:50px;font-family:var(--nav-font);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.menu-card-action:hover{background:#d4ad6d;transform:translateY(-2px);box-shadow:0 4px 12px #cda45e4d}.menu-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.menu-page-numbers{display:flex;align-items:center;gap:.5rem}.menu-page-btn{padding:.75rem 1.25rem;background:var(--surface-color);color:var(--default-color);border:1px solid var(--border-color);border-radius:8px;font-family:var(--nav-font);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:44px;justify-content:center}.menu-page-btn:hover:not(:disabled){background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px)}.menu-page-btn--active{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color)}.menu-page-btn:disabled{opacity:.5;cursor:not-allowed}.menu-page-ellipsis{color:var(--default-color);padding:0 .5rem}.subscribe-section{padding:3rem 0 2rem;background:var(--surface-color);margin-bottom:0}.subscribe-content{text-align:center;max-width:600px;margin:0 auto}.subscribe-content h2{font-family:var(--heading-font);font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--heading-color)}.subscribe-content p{font-size:1.125rem;color:var(--default-color);margin-bottom:2rem;opacity:.8}.subscribe-form{display:flex;gap:1rem;max-width:500px;margin:0 auto}.subscribe-input{flex:1;padding:.875rem 1.25rem;border:1px solid var(--border-color);border-radius:50px;background:var(--background-color);color:var(--default-color);font-size:1rem;transition:all .3s ease}.subscribe-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.subscribe-input::placeholder{color:var(--default-color);opacity:.5}.subscribe-btn{padding:.875rem 2rem;background:var(--accent-color);color:var(--contrast-color);border:none;border-radius:50px;font-family:var(--nav-font);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.subscribe-btn:hover{background:#d4ad6d;transform:translateY(-2px);box-shadow:0 4px 12px #cda45e4d}@media(max-width:1024px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.menu-title{font-size:2.5rem}.menu-subtitle{font-size:1rem}.service-type-filters{flex-direction:column}.service-type-btn{width:100%;min-width:unset}.menu-filters-section{top:60px}.menu-filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.menu-filters::-webkit-scrollbar{display:none}.menu-grid{grid-template-columns:1fr;gap:1.5rem}.menu-pagination{flex-wrap:wrap}.subscribe-content h2{font-size:2rem}.subscribe-content p{font-size:1rem}.subscribe-form{flex-direction:column}}@media(max-width:480px){.menu-title{font-size:2rem}.menu-header{padding:3rem 0 1.5rem}.menu-filter{padding:.625rem 1.25rem;font-size:.875rem}.menu-page-btn{padding:.625rem 1rem;font-size:.875rem}}.cart-page{min-height:100vh;padding:6rem 2rem 4rem;background:var(--background-color)}.cart-container{max-width:1200px;margin:0 auto}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cart-header h1{font-size:2rem;color:var(--text-color);margin:0}.cart-clear-btn{padding:.5rem 1rem;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.cart-clear-btn:hover{background:var(--error-color);color:#fff}.cart-pickup-info{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:rgba(var(--accent-rgb),.1);border:1px solid var(--accent-color);border-radius:12px;margin-bottom:2rem}.pickup-info-icon{color:var(--accent-color);flex-shrink:0}.pickup-info-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.pickup-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.pickup-branch{font-size:1rem;font-weight:700;color:var(--text-color)}.pickup-location{font-size:.875rem;color:var(--text-secondary)}.change-branch-btn{padding:.5rem 1rem;background:#fff;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:8px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s ease}.change-branch-btn:hover{background:var(--accent-color);color:#fff}.cart-no-branch{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#ffc1071a;border:1px solid #ffc107;border-radius:12px;margin-bottom:2rem;text-align:center}.cart-no-branch svg{color:#ffc107}.cart-no-branch p{margin:0;font-size:1rem;color:var(--text-color);font-weight:600}.select-branch-btn{padding:.75rem 1.5rem;background:#ffc107;color:var(--text-color);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s ease}.select-branch-btn:hover{background:#ffb300;transform:translateY(-2px)}.cart-empty{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.cart-empty-icon{color:var(--muted-color);margin-bottom:1.5rem}.cart-empty h2{font-size:1.75rem;color:var(--text-color);margin-bottom:.75rem}.cart-empty p{color:var(--muted-color);font-size:1rem;margin-bottom:2rem}.cart-empty-btn{display:inline-block;padding:.875rem 2rem;background:var(--accent-color);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.cart-empty-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:2rem}.cart-items-section{display:flex;flex-direction:column;gap:1.25rem}.cart-item{display:flex;gap:1.25rem;padding:1.5rem;background:var(--card-background);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.cart-item:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.cart-item-image{width:120px;height:120px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--background-color)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:.75rem}.cart-item-details h3{font-size:1.25rem;color:var(--text-color);margin:0}.cart-item-size{display:flex;gap:.5rem;align-items:center;font-size:.9375rem}.cart-item-size .size-label{color:var(--muted-color);font-weight:600}.cart-item-size .size-value{color:var(--accent-color);font-weight:600;padding:.25rem .75rem;background:var(--accent-color-light);border-radius:20px}.cart-item-extras,.cart-item-drinks{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.extras-label,.drinks-label,.notes-label{font-size:.875rem;color:var(--muted-color);font-weight:600}.extra-chip,.drink-chip{display:inline-block;padding:.25rem .75rem;background:var(--accent-color-light);color:var(--accent-color);border-radius:20px;font-size:.875rem;font-weight:500}.cart-item-notes{display:flex;gap:.5rem;align-items:flex-start}.notes-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}.cart-item-quantity-controls{display:flex;align-items:center;gap:.75rem;margin-top:auto}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--text-color)}.qty-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.qty-display{min-width:40px;text-align:center;font-size:1rem;font-weight:600;color:var(--text-color)}.cart-item-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:1rem}.item-total{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin:0}.cart-item-remove{padding:.5rem;background:transparent;color:var(--error-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s ease}.cart-item-remove:hover{background:var(--error-color);color:#fff;border-color:var(--error-color)}.cart-summary{position:sticky;top:6rem;height:fit-content;padding:1.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:16px}.cart-summary h2{font-size:1.5rem;color:var(--text-color);margin:0 0 1.5rem}.cart-summary-branch{display:flex;gap:1rem;padding:1rem;background:var(--background-color);border-radius:12px;margin-bottom:1.5rem}.branch-icon{color:var(--accent-color);flex-shrink:0}.branch-info{flex:1}.branch-label{font-size:.75rem;color:var(--muted-color);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .25rem}.branch-name{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.branch-location{font-size:.875rem;color:var(--text-secondary);margin:0}.cart-summary-divider{height:1px;background:var(--border-color);margin:1.25rem 0}.cart-summary-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;font-size:1rem;color:var(--text-secondary)}.cart-summary-line.discount{color:var(--success-color)}.free-delivery{color:var(--success-color);font-weight:600}.cart-summary-total{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:1.5rem}.cart-checkout-btn{width:100%;padding:1rem;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.cart-checkout-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.cart-continue-shopping{display:block;text-align:center;padding:.75rem;color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .3s ease}.cart-continue-shopping:hover{color:var(--accent-hover)}.cart-clear-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.cart-clear-modal{background:var(--card-background);padding:2rem;border-radius:16px;max-width:400px;width:100%;text-align:center}.cart-clear-modal h3{font-size:1.5rem;color:var(--text-color);margin:0 0 .75rem}.cart-clear-modal p{color:var(--text-secondary);margin:0 0 1.5rem}.cart-clear-modal-actions{display:flex;gap:1rem;justify-content:center}.cart-clear-cancel,.cart-clear-confirm{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cart-clear-cancel{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.cart-clear-cancel:hover{background:var(--background-color)}.cart-clear-confirm{background:var(--error-color);color:#fff;border:none}.cart-clear-confirm:hover{background:#d32f2f}@media(max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:768px){.cart-page{padding:5rem 1rem 3rem}.cart-header{flex-direction:column;gap:1rem;align-items:stretch}.cart-header h1{font-size:1.5rem}.cart-item{flex-direction:column}.cart-item-image{width:100%;height:200px}.cart-item-price{flex-direction:row;align-items:center}.cart-summary{padding:1.25rem}}.wishlist-page{min-height:100vh;padding:6rem 2rem 4rem;background:var(--background-color)}.wishlist-container{max-width:1200px;margin:0 auto}.wishlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wishlist-header h1{font-size:2rem;color:var(--text-color);margin:0}.wishlist-clear-btn{padding:.5rem 1rem;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.wishlist-clear-btn:hover{background:var(--error-color);color:#fff}.wishlist-count{margin-bottom:2rem}.wishlist-count p{color:var(--text-secondary);font-size:1rem;margin:0}.wishlist-empty{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.wishlist-empty-icon{color:var(--muted-color);margin-bottom:1.5rem}.wishlist-empty h2{font-size:1.75rem;color:var(--text-color);margin-bottom:.75rem}.wishlist-empty p{color:var(--muted-color);font-size:1rem;margin-bottom:2rem}.wishlist-empty-btn{display:inline-block;padding:.875rem 2rem;background:var(--accent-color);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.wishlist-empty-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.wishlist-item{background:var(--card-background);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.wishlist-item:hover{border-color:var(--accent-color);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.wishlist-item-image{position:relative;width:100%;height:200px;overflow:hidden;cursor:pointer;background:var(--background-color)}.wishlist-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.wishlist-item:hover .wishlist-item-image img{transform:scale(1.05)}.wishlist-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;font-size:4rem;font-weight:700}.wishlist-item-remove{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;color:var(--error-color);opacity:0}.wishlist-item:hover .wishlist-item-remove{opacity:1}.wishlist-item-remove:hover{background:var(--error-color);color:#fff;transform:scale(1.1)}.wishlist-item-details{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.wishlist-item-details h3{font-size:1rem;color:var(--text-color);margin:0;cursor:pointer;transition:color .3s ease;font-weight:600}.wishlist-item-details h3:hover{color:var(--accent-color)}.wishlist-item-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wishlist-item-price{font-size:.9375rem;font-weight:600;color:var(--text-secondary);margin:0}.wishlist-item-prices{display:flex;flex-wrap:wrap;gap:.5rem}.price-option{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:rgba(var(--accent-rgb),.1);border-radius:20px;font-size:.875rem}.price-label{font-weight:600;color:var(--text-color)}.price-value{font-weight:700;color:var(--accent-color)}.wishlist-add-to-cart-btn,.wishlist-visit-branches-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.wishlist-add-to-cart-btn:hover,.wishlist-visit-branches-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.wishlist-clear-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.wishlist-clear-modal{background:var(--card-background);padding:2rem;border-radius:16px;max-width:400px;width:100%;text-align:center}.wishlist-clear-modal h3{font-size:1.5rem;color:var(--text-color);margin:0 0 .75rem}.wishlist-clear-modal p{color:var(--text-secondary);margin:0 0 1.5rem}.wishlist-clear-modal-actions{display:flex;gap:1rem;justify-content:center}.wishlist-clear-cancel,.wishlist-clear-confirm{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.wishlist-clear-cancel{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.wishlist-clear-cancel:hover{background:var(--background-color)}.wishlist-clear-confirm{background:var(--error-color);color:#fff;border:none}.wishlist-clear-confirm:hover{background:#d32f2f}@media(max-width:768px){.wishlist-page{padding:5rem 1rem 3rem}.wishlist-header{flex-direction:column;gap:1rem;align-items:stretch}.wishlist-header h1{font-size:1.5rem}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.wishlist-item-image{height:180px}.wishlist-item-remove{opacity:1}}@media(max-width:480px){.wishlist-grid{grid-template-columns:1fr}.wishlist-item-footer{flex-direction:column;align-items:stretch}.wishlist-add-to-cart-btn,.wishlist-visit-branches-btn{justify-content:center}}.locations-page{min-height:100vh;background:var(--background-color)}.locations-header{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;padding:3rem 0 2rem;text-align:center}.locations-title{font-family:var(--heading-font);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.locations-subtitle{font-size:1.125rem;opacity:.95;max-width:600px;margin:0 auto}.locations-content{padding:3rem 0}.qatar-map-section{margin-bottom:4rem;text-align:center}.qatar-map-section .section-title{font-family:var(--heading-font);font-size:2rem;color:var(--heading-color);margin:0 0 .5rem}.qatar-map-section .section-description{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem}.locations-grid{display:flex;flex-direction:column;gap:3rem}.google-map-fallback{margin-top:2rem}.google-map-fallback h3{font-size:1.5rem;color:var(--heading-color);margin:0 0 1rem;padding:0 1rem}.locations-map{width:100%;background:var(--surface-color);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 4px 12px #00000014}.map-container{position:relative;width:100%;height:70vh;min-height:500px;background:var(--background-color)}.map-overlay{position:absolute;inset:0;background:#0000000d;display:flex;align-items:center;justify-content:center;padding:2rem}.map-note{background:#fff;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-size:.9375rem;color:var(--text-color);text-align:center;max-width:300px}.locations-list{display:flex;flex-direction:column;gap:1.5rem}.branch-section{margin-bottom:2.5rem}.branch-section:last-child{margin-bottom:0}.section-header{margin-bottom:1.5rem}.list-title{font-family:var(--heading-font);font-size:1.5rem;font-weight:700;color:var(--heading-color);margin:0 0 .5rem}.section-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;font-weight:400}.branch-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.branch-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.signature-card{background:linear-gradient(135deg,#d4a5740d,#8b73550d);border-color:var(--accent-color)}.signature-card:hover{background:linear-gradient(135deg,#d4a5741a,#8b73551a);box-shadow:0 8px 24px #d4a57426}.branch-card:hover{border-color:var(--accent-color);box-shadow:0 4px 16px #cda45e26;transform:translateY(-2px)}.branch-card.selected{border-color:var(--accent-color);background:#cda45e0d}.branch-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.branch-name{font-family:var(--heading-font);font-size:1.25rem;font-weight:700;color:var(--heading-color);margin:0;flex:1}.branch-hours{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);white-space:nowrap;padding:.375rem .75rem;background:var(--background-color);border-radius:20px}.branch-hours svg{flex-shrink:0;color:var(--accent-color)}.branch-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.info-item{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--text-color)}.info-item-link{text-decoration:none;cursor:pointer;transition:all .2s ease;padding:.5rem;margin:-.5rem;border-radius:6px}.info-item-link:hover{background:#d4a5741a;color:var(--accent-color)}.info-item-link:hover svg{transform:scale(1.1);color:var(--accent-color);opacity:1}.info-item svg{flex-shrink:0;color:var(--accent-color);opacity:.8;transition:all .2s ease}.info-item span{line-height:1.5}.branch-select-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-family:var(--nav-font);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.branch-select-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #cda45e4d}.branch-select-btn svg{transition:transform .3s ease}.branch-select-btn:hover svg{transform:translate(4px)}.branch-qr-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.qr-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.qr-header svg{color:var(--accent-color)}.qr-header h4{font-size:1rem;font-weight:600;color:var(--heading-color);margin:0}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:var(--background-color);border-radius:12px;border:2px dashed var(--border-color)}.qr-code-image{width:150px;height:150px;border-radius:8px;background:#fff;padding:.5rem}.qr-description{font-size:.875rem;color:var(--default-color);opacity:.7;text-align:center;margin:0}@media(max-width:1200px){.branch-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.map-container{height:60vh;min-height:400px}}@media(max-width:768px){.branch-cards{grid-template-columns:1fr}.locations-header{padding:2rem 0 1.5rem}.locations-title{font-size:2rem}.locations-subtitle{font-size:1rem}.locations-content{padding:2rem 0}.branch-card{padding:1.25rem}.branch-card-header{flex-direction:column;align-items:flex-start}.branch-name{font-size:1.125rem}.branch-hours{font-size:.8125rem}.map-container{height:50vh;min-height:300px}}@media(max-width:480px){.locations-title{font-size:1.75rem}.branch-card{padding:1rem}.branch-name{font-size:1rem}.info-item{font-size:.875rem}.branch-select-btn{font-size:.9375rem;padding:.75rem 1.25rem}}.contact-page{min-height:100vh;background-color:var(--bg-color);transition:background-color .3s ease}.contact-header{background:#0c0b09;padding:80px 0 60px;text-align:center;color:#fff}:root.light-mode .contact-header{background:#fff;color:var(--text-color)}.contact-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.5px}.contact-subtitle{font-size:1.2rem;opacity:.95;margin:0;font-weight:300}.contact-content{padding:80px 0;margin-top:-80px}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}.contact-info h2{font-size:2rem;margin-bottom:1rem;color:var(--text-color);font-weight:700}.info-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem;font-size:1.05rem}.info-items{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid var(--border-color)}.info-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px);border-color:var(--accent-color)}.info-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #D4AF37);border-radius:50%;color:#fff!important}.info-icon svg,.info-icon *{width:24px;height:24px;color:#fff!important;fill:currentColor}.info-content h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-color);font-weight:600}.info-content p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.contact-form-section{background:var(--card-bg);padding:3rem;border-radius:16px;box-shadow:0 4px 24px #00000014;border:1px solid var(--border-color)}.contact-form h2{font-size:1.8rem;margin-bottom:2rem;color:var(--text-color);font-weight:700}.form-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;color:#d32f2f;margin-bottom:1.5rem;font-size:.95rem}.form-error svg{flex-shrink:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #b8934e;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--input-bg);color:var(--text-color)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color, #D4AF37);background:var(--input-bg);box-shadow:0 0 0 3px #d4af371a}.submit-btn{width:100%;padding:1rem 2rem;background:var(--accent-color, #D4AF37);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.submit-btn:hover:not(:disabled){background:#c29d31;transform:translateY(-2px);box-shadow:0 4px 16px #d4af374d}.submit-btn svg{transition:transform .3s ease}.submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.success-message{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;color:#fff;animation:successPop .6s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-message h3{font-size:2rem;color:var(--text-color);margin:0 0 1rem;font-weight:700}.success-message p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.success-btn{padding:.875rem 2rem;background:var(--card-bg);color:var(--accent-color, #D4AF37);border:2px solid var(--accent-color, #D4AF37);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.success-btn:hover{background:var(--accent-color, #D4AF37);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}@media(max-width:968px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-header{padding:60px 0 40px}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-content{padding:60px 0}.contact-form-section{padding:2rem}}@media(max-width:640px){.contact-header{padding:40px 0 30px}.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-content{padding:40px 0}.contact-form-section{padding:1.5rem}.contact-form h2{font-size:1.5rem}.contact-info h2{font-size:1.6rem}.info-item{padding:1rem;gap:1rem}.info-icon{width:40px;height:40px}.info-icon svg{width:20px;height:20px}.success-icon{width:64px;height:64px}.success-message h3{font-size:1.6rem}.success-message p{font-size:1rem}}.about-page{min-height:100vh;background:var(--bg-color)}.about-hero{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;padding:5rem 0 3rem;text-align:center}:root.light-mode .about-hero{background:linear-gradient(135deg,#b8934e,#9a7a3e)}.about-hero-title{font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.5px}.about-hero-subtitle{font-size:1.3rem;opacity:.95;max-width:700px;margin:0 auto;font-weight:300}.about-section{padding:4rem 0}.about-section .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin:0 0 1rem;color:var(--text-color)}.about-section .section-description{text-align:center;font-size:1.1rem;color:var(--text-secondary);max-width:800px;margin:0 auto 2.5rem;line-height:1.7}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-content.reverse{direction:rtl}.about-content.reverse .about-text{direction:ltr}.about-text h2{font-size:2.2rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-color)}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1.5rem}.about-text p:last-child{margin-bottom:0}.about-image{display:flex;align-items:center;justify-content:center}.about-image-placeholder{width:100%;max-width:400px;aspect-ratio:1;background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);box-shadow:0 4px 16px #00000014}.about-values{background:var(--card-bg)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.value-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.value-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--accent-color)}.value-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.value-card h3{font-size:1.4rem;font-weight:700;margin:0 0 1rem;color:var(--text-color)}.value-card p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.about-branches{text-align:center}.about-cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;margin-top:1.5rem}.about-cta-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #cda45e4d}.about-cta-btn svg{transition:transform .3s ease}.about-cta-btn:hover svg{transform:translate(4px)}@media(max-width:968px){.about-hero{padding:4rem 0 2.5rem}.about-hero-title{font-size:2.5rem}.about-hero-subtitle{font-size:1.1rem}.about-content{grid-template-columns:1fr;gap:2.5rem}.about-content.reverse{direction:ltr}.about-text h2{font-size:2rem}.about-text p{font-size:1rem}.about-section{padding:3rem 0}.values-grid{grid-template-columns:1fr}}@media(max-width:640px){.about-hero{padding:3rem 0 2rem}.about-hero-title{font-size:2rem}.about-hero-subtitle{font-size:1rem}.about-section .section-title{font-size:2rem}.about-text h2{font-size:1.75rem}.value-card{padding:1.5rem}.about-cta-btn{padding:.875rem 2rem;font-size:1rem}}.career-page{min-height:100vh;background:var(--background-color);padding-top:80px}.career-hero{position:relative;background:linear-gradient(135deg,var(--accent-color) 0%,var(--brand-color) 100%);padding:120px 2rem 80px;text-align:center;overflow:hidden}.career-hero:before{content:"";position:absolute;inset:0;background:url(/assets/img/thepearl-front-CIAaGBG9.webp) center/cover;opacity:.1;z-index:0}.career-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.career-hero-title{font-family:var(--heading-font);font-size:3.5rem;font-weight:700;color:var(--contrast-color);margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.career-hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--contrast-color);margin-bottom:1.5rem;opacity:.95}.career-hero-description{font-size:1.125rem;color:var(--contrast-color);line-height:1.8;opacity:.9;max-width:700px;margin:0 auto}.career-success-banner{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:2rem;margin:2rem auto;max-width:1200px;border-radius:16px;box-shadow:0 8px 24px #4caf504d}.success-content{display:flex;align-items:center;gap:2rem}.success-content svg{flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.success-content h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.success-content p{font-size:1rem;line-height:1.6;opacity:.95}.why-join-section{padding:80px 2rem;background:var(--surface-color)}.container{max-width:1200px;margin:0 auto}.section-title{font-family:var(--heading-font);font-size:2.5rem;font-weight:700;color:var(--heading-color);text-align:center;margin-bottom:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.benefit-card{background:var(--card-background);padding:2.5rem 2rem;border-radius:16px;text-align:center;transition:all .3s ease;border:1px solid var(--border-color)}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #cda45e33;border-color:var(--accent-color)}.benefit-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-color) 0%,var(--brand-color) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--contrast-color);box-shadow:0 8px 24px #cda45e4d}.benefit-card h3{font-size:1.5rem;font-weight:600;color:var(--heading-color);margin-bottom:1rem}.benefit-card p{font-size:1rem;line-height:1.7;color:var(--default-color)}.application-form-section{padding:80px 2rem;background:var(--background-color)}.form-header{text-align:center;margin-bottom:3rem}.form-header h2{font-family:var(--heading-font);font-size:2.5rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem}.form-header p{font-size:1.125rem;color:var(--default-color);max-width:600px;margin:0 auto}.error-message{background:#f443361a;border:1px solid var(--error-color);color:var(--error-color);padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;font-size:1rem}.career-form{max-width:900px;margin:0 auto;background:var(--card-background);padding:3rem;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000001a}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.form-group-full{grid-column:1 / -1}.form-group label{font-weight:600;color:var(--heading-color);margin-bottom:.75rem;font-size:1rem}.required{color:var(--error-color);margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1.25rem;border:1.5px solid var(--border-color);border-radius:12px;background:var(--background-color);color:var(--text-color);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer}.file-upload-wrapper{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-label{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px dashed var(--border-color);border-radius:12px;background:var(--background-color);color:var(--default-color);cursor:pointer;transition:all .3s ease;text-align:center;justify-content:center}.file-upload-label:hover{border-color:var(--accent-color);background:#cda45e0d}.file-upload-label svg{color:var(--accent-color);font-size:1.5rem}.file-help-text{margin-top:.75rem;font-size:.875rem;color:var(--muted-color);font-style:italic}.form-actions{display:flex;justify-content:center;margin-top:2rem}.submit-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 3rem;background:linear-gradient(135deg,var(--accent-color) 0%,var(--brand-color) 100%);color:var(--contrast-color);border:none;border-radius:50px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #cda45e4d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #cda45e66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-note{text-align:center;font-size:.875rem;color:var(--muted-color);margin-top:2rem;line-height:1.6}.form-note strong{color:var(--accent-color);font-weight:600}.career-contact-section{padding:60px 2rem;background:var(--surface-color);text-align:center}.career-contact-section h2{font-family:var(--heading-font);font-size:2rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem}.career-contact-section p{font-size:1.125rem;color:var(--default-color);line-height:1.7;margin-bottom:1.5rem;max-width:700px;margin-left:auto;margin-right:auto}.contact-info{max-width:500px;margin:0 auto;background:var(--card-background);padding:2rem;border-radius:16px;border:1px solid var(--border-color)}.contact-info p{font-size:1rem;margin-bottom:.75rem}.contact-info a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .3s ease}.contact-info a:hover{color:var(--brand-color);text-decoration:underline}@media(max-width:768px){.career-hero{padding:80px 1.5rem 60px}.career-hero-title{font-size:2.5rem}.career-hero-subtitle{font-size:1.25rem}.career-hero-description{font-size:1rem}.success-content{flex-direction:column;text-align:center;gap:1rem}.success-content h3{font-size:1.25rem}.why-join-section{padding:60px 1.5rem}.section-title{font-size:2rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.application-form-section{padding:60px 1.5rem}.career-form{padding:2rem 1.5rem}.form-grid{grid-template-columns:1fr;gap:1.5rem}.submit-btn{width:100%;justify-content:center}.career-contact-section{padding:40px 1.5rem}}@media(max-width:480px){.career-hero-title{font-size:2rem}.career-hero-subtitle{font-size:1.125rem}.section-title{font-size:1.75rem}.benefit-icon{width:70px;height:70px}.benefit-card h3{font-size:1.25rem}.career-form{padding:1.5rem 1rem}.form-grid{gap:1.25rem}}.terms-page{min-height:100vh;background:var(--bg-color)}.terms-hero{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);color:#fff;padding:3rem 0 2rem;text-align:center}.terms-hero h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.terms-hero p{font-size:1rem;opacity:.9;margin:0}.terms-content{padding:3rem 0}.terms-layout{display:grid;grid-template-columns:250px 1fr;gap:3rem;align-items:start}.terms-toc{position:sticky;top:100px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.terms-toc h3{font-size:1.1rem;font-weight:700;margin:0 0 1rem;color:var(--text-color)}.terms-toc nav{display:flex;flex-direction:column;gap:.75rem}.terms-toc a{color:var(--text-secondary);text-decoration:none;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;font-size:.95rem}.terms-toc a:hover{background:var(--bg-color);color:var(--accent-color)}.terms-main{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:3rem}.terms-section{margin-bottom:3rem;scroll-margin-top:100px}.terms-section:last-child{margin-bottom:0}.terms-section h2{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-color);padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.terms-section p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1rem}.terms-section ul{margin:1rem 0;padding-left:2rem}.terms-section li{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:.75rem}.terms-section strong{color:var(--text-color);font-weight:600}@media(max-width:968px){.terms-layout{grid-template-columns:1fr}.terms-toc{position:relative;top:0}.terms-toc nav{flex-direction:row;flex-wrap:wrap}.terms-main{padding:2rem}.terms-hero h1{font-size:2rem}}@media(max-width:640px){.terms-content{padding:2rem 0}.terms-main{padding:1.5rem}.terms-section h2{font-size:1.5rem}.terms-toc{padding:1rem}.terms-toc nav{gap:.5rem}.terms-toc a{font-size:.875rem;padding:.4rem .6rem}}.privacy-page{min-height:100vh;background:var(--bg-color)}.privacy-hero{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:3rem 0 2rem;text-align:center}.privacy-hero h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.privacy-hero p{font-size:1rem;opacity:.9;margin:0}.privacy-content{padding:3rem 0}.privacy-layout{display:grid;grid-template-columns:250px 1fr;gap:3rem;align-items:start}.privacy-toc{position:sticky;top:100px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.privacy-toc h3{font-size:1.1rem;font-weight:700;margin:0 0 1rem;color:var(--text-color)}.privacy-toc nav{display:flex;flex-direction:column;gap:.75rem}.privacy-toc a{color:var(--text-secondary);text-decoration:none;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;font-size:.95rem}.privacy-toc a:hover{background:var(--bg-color);color:#2c3e50}.privacy-main{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:3rem}.privacy-section{margin-bottom:3rem;scroll-margin-top:100px}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-color);padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.privacy-section h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem;color:var(--text-color)}.privacy-section p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1rem}.privacy-section ul{margin:1rem 0;padding-left:2rem}.privacy-section li{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:.75rem}.privacy-section strong{color:var(--text-color);font-weight:600}.contact-list{list-style:none;padding:0}.contact-list li{padding:.5rem 0}@media(max-width:968px){.privacy-layout{grid-template-columns:1fr}.privacy-toc{position:relative;top:0}.privacy-toc nav{flex-direction:row;flex-wrap:wrap}.privacy-main{padding:2rem}.privacy-hero h1{font-size:2rem}}@media(max-width:640px){.privacy-content{padding:2rem 0}.privacy-main{padding:1.5rem}.privacy-section h2{font-size:1.5rem}.privacy-section h3{font-size:1.1rem}.privacy-toc{padding:1rem}.privacy-toc nav{gap:.5rem}.privacy-toc a{font-size:.875rem;padding:.4rem .6rem}}.news-page{min-height:100vh;background:var(--background-color)}.news-hero{padding:6rem 0 4rem;text-align:center;background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%)}.news-hero-title{font-size:3rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem}.news-hero-subtitle{font-size:1.25rem;color:var(--default-color);opacity:.8;max-width:600px;margin:0 auto}.news-featured-section{padding:4rem 0}.news-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.news-featured-card{display:block;background:var(--surface-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}:root.light-mode .news-featured-card{background:#fff;box-shadow:0 2px 8px #00000014}:root.light-mode .news-featured-card:hover{box-shadow:0 8px 20px #0000001f}.news-featured-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.news-featured-image{position:relative;width:100%;height:300px;overflow:hidden}.news-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-featured-card:hover .news-featured-image img{transform:scale(1.05)}.news-featured-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);padding:1.5rem;display:flex;align-items:flex-start}.news-category-badge{background:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600}.news-featured-content{padding:2rem}.news-featured-content h3{font-size:1.75rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem}.news-featured-content p{color:var(--default-color);line-height:1.6;margin-bottom:1.5rem}.news-meta{display:flex;align-items:center;gap:1rem}.news-date{color:var(--default-color);opacity:.7;font-size:.875rem}.news-filter-section{padding:2rem 0;background:var(--surface-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}:root.light-mode .news-filter-section{background:#fff;border-color:#b8934e33}.news-categories{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.news-category-btn{padding:.75rem 1.5rem;border:2px solid var(--border-color);background:transparent;color:var(--default-color);border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.news-category-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.news-category-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.news-grid-section{padding:4rem 0}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.news-card{display:block;background:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;text-decoration:none}.news-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.news-card-image{position:relative;width:100%;height:220px;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-card-image img{transform:scale(1.08)}.news-card-category{position:absolute;top:1rem;left:1rem;background:#8b4513e6;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.news-card-content{padding:1.5rem}.news-card-title{font-size:1.25rem;font-weight:700;color:var(--heading-color);margin-bottom:.75rem;line-height:1.4}.news-card-excerpt{color:var(--default-color);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.news-card-date{color:var(--default-color);opacity:.6;font-size:.875rem}.news-card-link{color:var(--accent-color);font-weight:600;font-size:.875rem}@media(max-width:768px){.news-hero-title{font-size:2rem}.news-hero-subtitle{font-size:1rem}.news-featured-grid,.news-grid{grid-template-columns:1fr}.news-categories{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.news-category-btn{white-space:nowrap}}.news-detail-page{min-height:100vh;background:var(--background-color)}.news-detail-nav{padding:2rem 0;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.back-button:hover{background:var(--accent-color);color:#fff;transform:translate(-4px)}.back-icon{font-size:1.25rem;transition:transform .3s ease}.back-button:hover .back-icon{transform:translate(-4px)}.news-detail-header{padding:4rem 0 2rem;text-align:center}.news-detail-category-badge{display:inline-block;background:var(--accent-color);color:#fff;padding:.5rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.news-detail-title{font-size:3rem;font-weight:700;color:var(--heading-color);margin-bottom:1.5rem;line-height:1.2;max-width:900px;margin-left:auto;margin-right:auto}.news-detail-meta{display:flex;justify-content:center;align-items:center;gap:2rem;color:var(--default-color);opacity:.7}.news-detail-date{font-size:1rem}.news-detail-image-container{padding:2rem 0}.news-detail-image{width:100%;max-height:600px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #0000001f}.news-detail-content{padding:4rem 0}.news-detail-body{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8;color:var(--default-color)}.news-detail-body p{margin-bottom:1.5rem}.news-detail-body p:first-child{font-size:1.25rem;font-weight:500;color:var(--heading-color)}.news-detail-body strong{color:var(--heading-color);font-weight:700}.news-detail-body ul,.news-detail-body ol{margin:1.5rem 0;padding-left:2rem}.news-detail-body li{margin-bottom:.75rem}.news-related-section{padding:4rem 0;background:var(--surface-color);border-top:1px solid var(--border-color)}.news-related-title{font-size:2rem;font-weight:700;color:var(--heading-color);margin-bottom:2rem;text-align:center}.news-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.news-related-card{display:block;background:var(--background-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;text-decoration:none}.news-related-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.news-related-image{width:100%;height:220px;overflow:hidden}.news-related-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-related-card:hover .news-related-image img{transform:scale(1.08)}.news-related-content{padding:1.5rem}.news-related-category{display:inline-block;background:#8b45131a;color:var(--accent-color);padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.news-related-content h3{font-size:1.25rem;font-weight:700;color:var(--heading-color);margin-bottom:.75rem;line-height:1.4}.news-related-content p{color:var(--default-color);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-related-date{display:block;color:var(--default-color);opacity:.6;font-size:.875rem}.news-not-found{text-align:center;padding:4rem 0}.news-not-found h2{font-size:2rem;color:var(--heading-color);margin-bottom:2rem}@media(max-width:768px){.news-detail-title{font-size:2rem}.news-detail-body{font-size:1rem}.news-detail-body p:first-child{font-size:1.125rem}.news-related-grid{grid-template-columns:1fr}.news-detail-image{max-height:400px}.back-button{font-size:.875rem;padding:.6rem 1.2rem}}.profile-page{min-height:100vh;padding:6rem 2rem 4rem;background:var(--background-color);width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.profile-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:2rem;width:100%;box-sizing:border-box}.profile-sidebar{display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box;overflow-x:hidden}.profile-user-info{padding:2rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;text-align:center;width:100%;box-sizing:border-box}.profile-avatar{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:3px solid var(--accent-color);flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:#fff;font-size:2.5rem;font-weight:700}.profile-user-info h2{font-size:1.25rem;color:var(--heading-color);margin:0 0 .5rem;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.profile-user-info p{font-size:.875rem;color:var(--text-secondary);margin:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.profile-nav{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.profile-nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;color:var(--heading-color);text-decoration:none;transition:all .3s ease;font-weight:500;box-sizing:border-box}.profile-nav-item:hover{background:var(--surface-color);border-color:var(--accent-color);color:var(--accent-color)}.profile-nav-item.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.profile-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-nav-label{flex:1}.profile-content{min-height:500px;width:100%;box-sizing:border-box;overflow-x:hidden}@media(max-width:1024px){.profile-container{grid-template-columns:240px 1fr;gap:1.5rem}}@media(max-width:768px){.profile-page{padding:.5rem .5rem 2rem;max-width:100vw;overflow-x:hidden}.profile-container{grid-template-columns:1fr;gap:.75rem;max-width:100%;width:100%;padding:0;margin:0 auto}.profile-sidebar{position:sticky;top:1.5rem;z-index:100;background:var(--background-color);padding-bottom:.5rem;width:100%;max-width:100%;overflow-x:hidden;margin:0}.profile-user-info{padding:.75rem .5rem;border-radius:12px;margin:0;max-width:100%;width:100%;box-sizing:border-box}.profile-avatar{width:70px;height:70px;margin:0 auto .75rem;border-width:2px}.profile-user-info h2{font-size:1.1rem;margin:0 0 .375rem;padding:0 .5rem}.profile-user-info p{font-size:.8125rem;padding:0 .5rem}.profile-nav{flex-direction:row;overflow-x:auto;gap:.5rem;padding:0 0 .5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:.75rem 0 0;width:100%;box-sizing:border-box}.profile-nav::-webkit-scrollbar{display:none}.profile-nav-item{flex-shrink:0;min-width:130px;padding:.625rem .875rem;border-radius:10px}.profile-nav-label{font-size:.8125rem;white-space:nowrap}.profile-nav-icon svg{width:18px;height:18px}.profile-content{min-height:auto;width:100%;max-width:100%;overflow-x:hidden}}@media(max-width:480px){.profile-page{padding:.5rem .25rem 1.5rem;max-width:100vw}.profile-container{gap:.75rem;padding:0}.profile-sidebar{top:1.5rem;padding-bottom:.375rem}.profile-user-info{padding:.75rem .375rem;border-radius:10px;width:100%}.profile-avatar{width:60px;height:60px;margin:0 auto .625rem;border-width:2px}.profile-avatar-placeholder{font-size:1.75rem}.profile-user-info h2{font-size:.9375rem;margin:0 0 .25rem;padding:0 .25rem;line-height:1.3}.profile-user-info p{font-size:.6875rem;padding:0 .25rem;line-height:1.3}.profile-nav{gap:.375rem;margin:.625rem 0 0}.profile-nav-item{min-width:110px;padding:.5rem .625rem;border-radius:8px}.profile-nav-label{font-size:.75rem}.profile-nav-icon svg{width:16px;height:16px}}.orders-page{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.orders-header h1{font-size:1.75rem;color:var(--text-color);margin:0}.notifications-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef53501a;color:#ef5350;border-radius:20px;font-size:.9rem;font-weight:600}.notifications-section{background:#cda45e0d;border:1px solid rgba(205,164,94,.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.notifications-section h3{font-size:1.1rem;color:var(--heading-color);margin:0 0 1rem}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff05;border-radius:8px}.notif-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;font-size:1.25rem}.notif-content{flex:1}.notif-content p{margin:0 0 .25rem;color:var(--default-color);font-size:.95rem}.notif-time{font-size:.85rem;color:#999}.notif-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notif-close:hover{color:#ef5350}.orders-loading{text-align:center;padding:4rem;color:var(--text-secondary);font-size:1.1rem}.orders-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);overflow-x:auto}.orders-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.orders-tab:hover{color:var(--text-color);background:var(--background-color)}.orders-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.orders-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:var(--accent-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:700}.orders-list{display:flex;flex-direction:column;gap:1.25rem}.order-card{padding:1.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.order-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000014}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.order-id{font-size:1.125rem;font-weight:700;color:var(--text-color);margin:0 0 .25rem}.order-date{font-size:.875rem;color:var(--text-secondary);margin:0}.order-status{padding:.375rem .875rem;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-items-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem}.order-items ul{list-style:none;padding:0;margin:0}.order-items li{padding:.375rem 0;color:var(--text-color);font-size:.9375rem}.order-branch{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.order-special-request{padding:.75rem;background:#cda45e1a;border-left:3px solid #cda45e;border-radius:4px;font-size:.9rem;color:var(--default-color)}.order-special-request strong{color:#cda45e;margin-right:.5rem}.order-status-message{text-align:center;padding:.75rem;background:#cda45e0d;border-radius:8px;font-size:.9rem;color:var(--default-color);font-weight:500;margin-top:.5rem}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.order-total{font-size:1rem;color:var(--text-secondary);margin:0}.order-total strong{color:var(--accent-color);font-size:1.125rem}.order-actions{display:flex;gap:.75rem}.order-action-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.order-action-btn.view{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.order-action-btn.view:hover{background:var(--accent-hover)}.order-action-btn.cancel{background:transparent;color:var(--error-color);border-color:var(--error-color)}.order-action-btn.cancel:hover{background:var(--error-color);color:#fff}.orders-empty{text-align:center;padding:4rem 2rem;color:var(--muted-color)}.orders-empty svg{margin-bottom:1.5rem}.orders-empty h3{font-size:1.5rem;color:var(--text-color);margin:0 0 .5rem}.orders-empty p{color:var(--text-secondary);margin:0}@media(max-width:768px){.orders-page{padding:1rem;border-radius:12px}.orders-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.orders-header h1{font-size:1.5rem}.notifications-badge{font-size:.8125rem;padding:.375rem .875rem}.notifications-section{padding:1rem;margin-bottom:1.5rem}.notifications-section h3{font-size:1rem}.notification-item{padding:.875rem;gap:.75rem}.notif-icon{width:36px;height:36px;font-size:1.1rem}.notif-content p{font-size:.875rem}.orders-tabs{gap:.25rem;padding-bottom:.25rem;margin-bottom:1.5rem}.orders-tab{padding:.625rem .875rem;font-size:.8125rem}.orders-tab-count{min-width:20px;height:20px;font-size:.6875rem}.order-card{padding:1rem;border-radius:10px}.order-card-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.875rem;padding-bottom:.875rem}.order-id{font-size:1rem}.order-date{font-size:.8125rem}.order-status{align-self:flex-start;font-size:.6875rem;padding:.3125rem .75rem}.order-card-body{gap:.625rem;margin-bottom:.875rem}.order-items-label{font-size:.8125rem}.order-items li{font-size:.875rem;padding:.3125rem 0}.order-branch{font-size:.8125rem}.order-special-request{padding:.625rem;font-size:.8125rem}.order-card-footer{flex-direction:column;gap:.875rem;align-items:stretch;padding-top:.875rem}.order-total{font-size:.9375rem}.order-total strong{font-size:1rem}.order-actions{flex-direction:column;gap:.625rem}.order-action-btn{width:100%;padding:.625rem 1rem;font-size:.8125rem}}@media(max-width:480px){.orders-page{padding:.75rem}.orders-header h1{font-size:1.375rem}.orders-tab{padding:.5rem .75rem;font-size:.75rem}.order-card{padding:.875rem}.order-id{font-size:.9375rem}}.tracking-page{min-height:calc(100vh - 200px);padding:2rem 0}.tracking-header{position:relative}.live-indicator{display:inline-flex;align-items:center;gap:.5rem;background:#e74c3c1a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#e74c3c;margin-top:1rem}.live-dot{width:8px;height:8px;background:#e74c3c;border-radius:50%;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.tracking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.tracking-loading p{color:var(--text-secondary);font-size:1.1rem}.tracking-empty{text-align:center;padding:4rem 2rem}.empty-icon{width:120px;height:120px;margin:0 auto 2rem;color:var(--text-secondary);opacity:.5}.tracking-empty h2{font-size:2rem;font-weight:700;margin:0 0 1rem;color:var(--text-color)}.tracking-empty p{font-size:1.1rem;color:var(--text-secondary);margin:0 0 2rem}.empty-cta{display:inline-block;padding:.875rem 2rem;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.empty-cta:hover{background:var(--accent-hover);transform:translateY(-2px)}.tracking-header{text-align:center;margin-bottom:3rem}.tracking-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-color)}.tracking-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.tracking-orders{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto 2rem}.order-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000f}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.order-card-header h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-color)}.order-branch{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.order-location{font-size:.95rem;color:var(--text-secondary);margin:0}.order-status-badge{padding:.5rem 1.25rem;border-radius:20px;color:#fff;font-weight:600;font-size:.95rem;white-space:nowrap}.order-progress{margin-bottom:2rem}.progress-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:0 1rem}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative}.step-indicator{width:48px;height:48px;border-radius:50%;background:var(--bg-color);border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);z-index:2;transition:all .3s ease}.progress-step.active .step-indicator{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.progress-step.complete .step-indicator{background:#27ae60;border-color:#27ae60}.step-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-align:center}.progress-step.active .step-label{color:var(--accent-color)}.step-line{position:absolute;top:24px;left:50%;width:100%;height:3px;background:var(--border-color);z-index:1;transition:background .3s ease}.step-line.complete{background:#27ae60}.order-items{margin-bottom:1.5rem}.order-items h4{font-size:1.1rem;font-weight:700;margin:0 0 1rem;color:var(--text-color)}.items-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.item-name{font-size:1rem;color:var(--text-color)}.item-price{font-weight:600;color:var(--text-color)}.order-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 0;border-top:2px solid var(--border-color);font-size:1.2rem;font-weight:700;color:var(--text-color)}.order-times{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1rem;background:var(--bg-color);border-radius:8px}.time-info{display:flex;flex-direction:column;gap:.25rem}.time-label{font-size:.875rem;color:var(--text-secondary);font-weight:600}.time-value{font-size:1.1rem;color:var(--text-color);font-weight:700}.time-info.pickup-ready .time-value{color:#27ae60}.tracking-note{max-width:900px;margin:0 auto;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;text-align:center}.tracking-note p{margin:0;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.tracking-note strong{color:var(--text-color)}@media(max-width:768px){.tracking-page{padding:1rem .75rem}.tracking-header{margin-bottom:2rem}.tracking-header h1{font-size:1.75rem}.tracking-header p{font-size:1rem}.live-indicator{font-size:.8125rem;padding:.375rem .875rem}.live-dot{width:7px;height:7px}.tracking-orders{gap:1.5rem;margin-bottom:1.5rem}.order-card{padding:1.25rem;border-radius:12px}.order-card-header{flex-direction:column;gap:.875rem;margin-bottom:1.5rem;padding-bottom:1.25rem}.order-card-header h3{font-size:1.25rem}.order-branch{font-size:1rem}.order-location{font-size:.875rem}.order-status-badge{align-self:flex-start;padding:.4375rem 1.125rem;font-size:.875rem}.order-progress{margin-bottom:1.5rem}.progress-steps{padding:0;gap:0}.step-indicator{width:38px;height:38px;font-size:.875rem}.step-label{font-size:.75rem;max-width:80px;word-wrap:break-word}.order-items h4{font-size:1rem}.item-row{flex-direction:column;align-items:flex-start;gap:.25rem}.item-name,.item-price{font-size:.9375rem}.order-total{font-size:1.125rem;padding-top:.875rem}.order-times{grid-template-columns:1fr;gap:.875rem;padding:.875rem}.time-label{font-size:.8125rem}.time-value{font-size:1rem}.tracking-note{padding:1.25rem}.tracking-note p{font-size:.875rem}}@media(max-width:640px){.tracking-header h1{font-size:1.5rem}.order-card{padding:1rem}.step-label{font-size:.6875rem;max-width:70px}.step-indicator{width:34px;height:34px;font-size:.8125rem}.order-card-header h3{font-size:1.125rem}}@media(max-width:480px){.tracking-page{padding:.75rem .5rem}.tracking-header{margin-bottom:1.5rem}.order-card{padding:.875rem}.step-label{font-size:.625rem;max-width:60px}.step-indicator{width:32px;height:32px;font-size:.75rem}}.addresses-page{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.addresses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.addresses-header h1{font-size:1.75rem;color:var(--text-color);margin:0}.add-address-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-address-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.address-card{position:relative;padding:1.5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.address-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #00000014}.address-default-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:var(--accent-color);color:#fff;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.address-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.address-card-header h3{font-size:1.25rem;color:var(--text-color);margin:0}.address-card-actions{display:flex;gap:.5rem}.address-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.address-action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.address-action-btn.delete:hover{background:var(--error-color);border-color:var(--error-color)}.address-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.address-area{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-weight:600;margin:0}.address-street{color:var(--text-secondary);line-height:1.5;margin:0}.address-branch{font-size:.875rem;color:var(--text-secondary);margin:0}.address-branch strong{color:var(--accent-color)}.address-set-default-btn{width:100%;padding:.625rem;background:transparent;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.address-set-default-btn:hover{background:var(--accent-color);color:#fff}.address-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.address-modal{background:var(--card-background);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.address-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.address-modal-header h2{font-size:1.5rem;color:var(--text-color);margin:0}.address-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .3s ease}.address-modal-close:hover{background:var(--background-color);color:var(--text-color)}.address-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color)}.form-group textarea{resize:vertical;min-height:80px}.address-modal-actions{display:flex;gap:1rem;margin-top:2rem}.address-modal-cancel,.address-modal-save{flex:1;padding:.875rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.address-modal-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.address-modal-cancel:hover{background:var(--background-color);color:var(--text-color)}.address-modal-save{background:var(--accent-color);color:#fff;border:none}.address-modal-save:hover{background:var(--accent-hover)}@media(max-width:768px){.addresses-page{padding:1rem;border-radius:12px}.addresses-header{flex-direction:column;gap:.875rem;align-items:stretch;margin-bottom:1.5rem}.addresses-header h1{font-size:1.5rem}.add-address-btn{justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem}.addresses-grid{grid-template-columns:1fr;gap:1rem}.address-card{padding:1.25rem}.address-default-badge{top:.875rem;right:.875rem;font-size:.6875rem}.address-card-header h3{font-size:1.125rem}.address-action-btn{width:30px;height:30px}.address-card-body{gap:.625rem}.address-area{font-size:.9375rem}.address-street{font-size:.875rem}.address-branch{font-size:.8125rem}.address-set-default-btn{padding:.5625rem;font-size:.8125rem}.address-modal{margin:0;border-radius:16px 16px 0 0;max-height:95vh}.address-modal-header{padding:1.25rem}.address-modal-header h2{font-size:1.375rem}.address-form{padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.8125rem}.form-group input,.form-group textarea,.form-group select{padding:.625rem;font-size:.9375rem}.address-modal-actions{gap:.75rem;margin-top:1.5rem}.address-modal-cancel,.address-modal-save{padding:.75rem;font-size:.9375rem}}@media(max-width:480px){.addresses-page{padding:.75rem}.addresses-header h1{font-size:1.375rem}.address-card{padding:1rem}.address-modal-header h2{font-size:1.25rem}}.account-settings-page{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.account-settings-header h1{font-size:1.75rem;color:var(--text-color);margin:0 0 2rem}.account-settings-form{max-width:600px}.profile-image-section{display:flex;align-items:center;gap:2rem;padding:2rem;background:var(--background-color);border-radius:12px;margin-bottom:2rem}.profile-image-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--accent-color);flex-shrink:0}.profile-image-preview img{width:100%;height:100%;object-fit:cover}.profile-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:#fff;font-size:3rem;font-weight:700}.profile-image-controls{display:flex;flex-direction:column;gap:.75rem}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color);color:#fff;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-btn:hover{background:var(--accent-hover)}.remove-photo-btn{padding:.75rem 1.5rem;background:transparent;color:var(--error-color);border:1px solid var(--error-color);border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.remove-photo-btn:hover{background:var(--error-color);color:#fff}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.25rem;color:var(--text-color);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.form-row{margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.form-group input{padding:.875rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-color)}.form-group input.disabled-input{opacity:.6;cursor:not-allowed}.field-note{font-size:.8125rem;color:var(--text-secondary);margin:.5rem 0 0}.form-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cancel-btn,.save-btn{flex:1;padding:.875rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--background-color);color:var(--text-color)}.save-btn{background:var(--accent-color);color:#fff;border:none}.save-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}@media(max-width:768px){.account-settings-page{padding:1rem;border-radius:12px}.account-settings-header h1{font-size:1.5rem;margin-bottom:1.5rem}.account-settings-form{max-width:100%}.profile-image-section{flex-direction:column;text-align:center;padding:1.25rem;gap:1.5rem}.profile-image-preview{width:100px;height:100px}.profile-image-placeholder{font-size:2.5rem}.profile-image-controls{width:100%}.upload-btn,.remove-photo-btn{width:100%;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem}.form-section{margin-bottom:1.5rem}.form-section h3{font-size:1.125rem;margin-bottom:1.25rem;padding-bottom:.625rem}.form-row{margin-bottom:1.25rem}.form-group label{font-size:.8125rem}.form-group input{padding:.75rem;font-size:.9375rem}.field-note{font-size:.75rem}.form-actions{flex-direction:column;gap:.75rem;padding-top:1.25rem}.cancel-btn,.save-btn{padding:.75rem;font-size:.9375rem}}@media(max-width:480px){.account-settings-page{padding:.75rem}.account-settings-header h1{font-size:1.375rem}.profile-image-section{padding:1rem}.profile-image-preview{width:80px;height:80px}.profile-image-placeholder{font-size:2rem}}.notifications-page{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.notifications-header h1{font-size:1.75rem;color:var(--heading-color);margin:0}.mark-all-read-btn{padding:.625rem 1.25rem;background:transparent;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mark-all-read-btn:hover{background:var(--accent-color);color:#fff}.notifications-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.filter-btn{padding:.625rem 1.25rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#cda45e1a;color:var(--text-color);border-color:var(--accent-color)}.filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.notification-item{display:flex;gap:1rem;padding:1.25rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease}.notification-item.unread{background:var(--card-background);border-color:var(--accent-color)}.notification-item:hover{box-shadow:0 4px 12px var(--shadow-color);border-color:var(--accent-color)}.notification-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.notification-icon[data-type=order]{background:#4caf501a;color:#4caf50}.notification-icon[data-type=promotion]{background:#ff98001a;color:#ff9800}.notification-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.notification-content h3{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.unread-dot{width:8px;height:8px;background:var(--accent-color);border-radius:50%;flex-shrink:0}.notification-message{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .5rem}.notification-time{font-size:.8125rem;color:var(--muted-color)}.notification-actions{display:flex;gap:.5rem;align-items:flex-start}.notification-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;flex-shrink:0}.notification-action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.notification-action-btn.delete:hover{background:var(--error-color);border-color:var(--error-color)}.notifications-empty{text-align:center;padding:4rem 2rem;color:var(--muted-color)}.notifications-empty svg{margin-bottom:1.5rem}.notifications-empty h3{font-size:1.5rem;color:var(--text-color);margin:0 0 .5rem}.notifications-empty p{color:var(--text-secondary);margin:0}@media(max-width:768px){.notifications-page{padding:1rem;border-radius:12px}.notifications-header{flex-direction:column;gap:.875rem;align-items:stretch;margin-bottom:1.25rem}.notifications-header h1{font-size:1.5rem}.mark-all-read-btn{width:100%;padding:.5625rem 1.125rem;font-size:.8125rem}.notifications-filters{overflow-x:auto;gap:.375rem;margin-bottom:1.25rem;padding-bottom:.875rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.notifications-filters::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;padding:.5625rem 1.125rem;font-size:.8125rem}.notifications-list{gap:.875rem}.notification-item{flex-direction:row;gap:.875rem;padding:1rem}.notification-icon{width:40px;height:40px}.notification-content{flex:1;min-width:0}.notification-title-row{flex-wrap:wrap;gap:.375rem;margin-bottom:.3125rem}.notification-content h3{font-size:.9375rem}.notification-message{font-size:.8125rem;line-height:1.4}.notification-time{font-size:.75rem}.notification-actions{flex-direction:column;gap:.375rem}.notification-action-btn{width:32px;height:32px}.notifications-empty{padding:3rem 1.5rem}.notifications-empty h3{font-size:1.375rem}.notifications-empty p{font-size:.9375rem}}@media(max-width:480px){.notifications-page{padding:.75rem}.notifications-header h1{font-size:1.375rem}.notification-item{padding:.875rem}.notification-icon{width:36px;height:36px}.notification-content h3{font-size:.875rem}.notification-message{font-size:.75rem}.notification-action-btn{width:30px;height:30px}}.general-settings-page{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:2rem}.general-settings-header h1{font-size:1.75rem;color:var(--heading-color);margin:0 0 2rem}.settings-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.settings-section:last-of-type{border-bottom:none}.settings-section h3{font-size:1.125rem;color:var(--heading-color);margin:0 0 1.25rem;font-weight:600}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:.75rem;transition:all .3s ease}.settings-item:hover{background:#cda45e0d;border-color:var(--accent-color)}.settings-item:last-child{margin-bottom:0}.settings-item-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.settings-item-info svg{color:var(--accent-color);flex-shrink:0;margin-top:.25rem}.settings-item-info h4{font-size:1rem;color:var(--heading-color);margin:0 0 .25rem;font-weight:600}.settings-item-info p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.3s;border-radius:28px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.2)}.settings-actions{display:flex;justify-content:flex-end;padding-top:1.5rem}.save-settings-btn{padding:.875rem 2rem;background:var(--accent-color);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.save-settings-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}@media(max-width:768px){.general-settings-page{padding:1rem;border-radius:12px}.general-settings-header h1{font-size:1.5rem;margin-bottom:1.5rem}.settings-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.settings-section h3{font-size:1rem;margin-bottom:1rem}.settings-item{flex-direction:row;align-items:center;gap:.875rem;padding:.875rem}.settings-item-info{flex:1;gap:.75rem}.settings-item-info svg{width:18px;height:18px}.settings-item-info h4{font-size:.9375rem}.settings-item-info p{font-size:.8125rem}.toggle-switch{flex-shrink:0}.settings-actions{justify-content:stretch;padding-top:1.25rem}.save-settings-btn{width:100%;padding:.75rem 1.5rem;font-size:.9375rem}}@media(max-width:480px){.general-settings-page{padding:.75rem}.general-settings-header h1{font-size:1.375rem}.settings-item{padding:.75rem}.settings-item-info h4{font-size:.875rem}.settings-item-info p{font-size:.75rem}.toggle-switch{width:48px;height:26px}.toggle-slider:before{height:18px;width:18px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}}.login-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--background-color) 0%,var(--surface-color) 100%)}.login-container{width:100%;max-width:450px}.login-card{background-color:var(--surface-color);border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px var(--shadow-color);border:1px solid var(--border-color)}.login-card h1{text-align:center;font-size:2rem;margin-bottom:.5rem;color:var(--heading-color)}.login-subtitle{text-align:center;color:var(--default-color);margin-bottom:2rem}.error-message{background-color:#f443361a;border:1px solid var(--error-color);color:var(--error-color);padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.forgot-link{color:var(--accent-color);font-size:.875rem;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:var(--nav-hover-color);text-decoration:underline}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.login-footer p{color:var(--default-color);margin:0}.register-link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .3s ease}.register-link:hover{color:var(--nav-hover-color);text-decoration:underline}@media(max-width:480px){.login-card{padding:2rem 1.5rem}.login-card h1{font-size:1.75rem}}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:2rem 1rem}.register-container{width:100%;max-width:1200px}.register-card{display:grid;grid-template-columns:1fr 1fr;background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026}.register-image-container{position:relative;background:url(/assets/img/signature%20portrait-ONM1WXXM.webp);background-size:cover;background-position:center;min-height:700px;display:flex;align-items:center;justify-content:center}.register-image-container:before{content:"";position:absolute;inset:0;z-index:1}.register-welcome-content{position:relative;z-index:2;color:#fff;text-align:center;padding:3rem 2.5rem;max-width:480px;margin-top:150px}.register-welcome-content h1{font-size:2.75rem;font-weight:800;margin-bottom:1.25rem;line-height:1.2;color:#fff;text-shadow:0 2px 15px rgba(0,0,0,.3)}.register-welcome-tagline{font-size:1.15rem;font-weight:400;color:#fffffff2;line-height:1.7;margin-bottom:0}.register-form-container{padding:3.5rem 3rem;display:flex;flex-direction:column}.register-card-header{margin-bottom:2rem}.register-card-header h1{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.register-card-header p{color:var(--text-secondary);font-size:.95rem}.register-card-header p a{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .3s ease}.register-card-header p a:hover{color:var(--accent-hover);text-decoration:underline}.register-form-container form{display:flex;flex-direction:column;gap:1.25rem}.login-link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .3s ease}.login-link:hover{color:var(--accent-hover);text-decoration:underline}.success-card h1{color:var(--success-color);margin-bottom:1rem}@media(max-width:1024px){.register-card{grid-template-columns:1fr}.register-image-container{min-height:400px}.register-welcome-content h1{font-size:2.25rem}.register-welcome-tagline{font-size:1rem}.register-form-container{padding:2.5rem 2rem}}@media(max-width:640px){.register-page{padding:1rem .5rem}.register-image-container{min-height:300px}.register-welcome-content{padding:2rem 1.5rem}.register-welcome-content h1{font-size:1.75rem}.register-welcome-tagline{font-size:.9rem}.register-form-container{padding:2rem 1.5rem}.register-card-header h1{font-size:1.75rem}.success-card{padding:2rem 1.5rem}}.verify-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);padding:2rem}.verify-email-container{background:var(--card-bg);border-radius:16px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.verify-icon{margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.verify-loading svg{color:var(--accent-color)}.verify-success svg,.verify-error svg{animation:scaleIn .3s ease-out}.spinner{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verify-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.verify-title.verify-success{color:var(--success-color)}.verify-title.verify-error{color:var(--error-color)}.verify-message{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.verify-redirect{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-top:1rem}.verify-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #daa5204d}.btn-secondary{background:transparent;color:var(--text-color);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}@media(max-width:640px){.verify-email-container{padding:2rem 1.5rem}.verify-title{font-size:1.5rem}.verify-message{font-size:1rem}.verify-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.checkout-page{min-height:100vh;background:var(--background-color);padding:8rem 0 4rem}.checkout-container{max-width:1400px;margin:0 auto;padding:0 2rem}.checkout-title{font-size:2.5rem;color:var(--heading-color);margin-bottom:2rem;text-align:center}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.checkout-main{display:flex;flex-direction:column;gap:2rem}.checkout-section{background:#ffffff08;border:1px solid rgba(205,164,94,.2);border-radius:16px;padding:2rem}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:#cda45e}.section-header h2{font-size:1.5rem;color:var(--heading-color);margin:0}.branch-info-card{background:#cda45e0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(205,164,94,.2)}.branch-info-card h3{font-size:1.25rem;color:#cda45e;margin:0 0 .5rem}.branch-address,.branch-phone{color:var(--default-color);margin:.25rem 0}.change-branch-link{background:none;border:none;color:#cda45e;text-decoration:underline;cursor:pointer;margin-top:.75rem;padding:0;font-size:.95rem}.change-branch-link:hover{color:#d4af6a}.delivery-notice-checkout{display:flex;gap:1rem;padding:1.25rem;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:12px;color:var(--default-color)}.delivery-notice-checkout strong{color:#ff9800;display:block;margin-bottom:.25rem}.delivery-notice-checkout p{margin:0;font-size:.95rem}.order-items-list{display:flex;flex-direction:column;gap:1rem}.order-item-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border-radius:12px}.item-image{width:60px;height:60px;object-fit:cover;border-radius:8px}.item-details h4{font-size:1rem;color:var(--heading-color);margin:0 0 .25rem}.item-extras{font-size:.85rem;color:#cda45e;margin:.25rem 0}.item-quantity{font-size:.9rem;color:#999;margin:0}.item-price{font-size:1.1rem;font-weight:600;color:#cda45e}.special-request-input{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(205,164,94,.3);border-radius:12px;color:var(--default-color);font-family:inherit;font-size:.95rem;resize:vertical}.special-request-input:focus{outline:none;border-color:#cda45e;background:#ffffff14}.input-hint{font-size:.85rem;color:#999;margin-top:.5rem}.checkout-sidebar{position:sticky;top:120px;display:flex;flex-direction:column;gap:1.5rem}.summary-card,.info-card{background:#ffffff08;border:1px solid rgba(205,164,94,.2);border-radius:16px;padding:2rem}.summary-card h3,.info-card h4{font-size:1.25rem;color:var(--heading-color);margin:0 0 1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.95rem;color:var(--default-color)}.delivery-row{color:#999}.pickup-label{color:#ff9800;font-weight:600;font-size:.85rem}.summary-divider{height:1px;background:#cda45e33;margin:1.5rem 0}.total-row{font-size:1.25rem;font-weight:700;color:var(--heading-color)}.place-order-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.place-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #cda45e66}.place-order-btn:disabled{opacity:.6;cursor:not-allowed}.payment-notice{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:1rem;font-size:.85rem;color:#999}.order-steps{padding-left:1.5rem;margin:0;color:var(--default-color)}.order-steps li{margin-bottom:.75rem;font-size:.95rem}.order-success{max-width:600px;margin:4rem auto;text-align:center;padding:3rem;background:#ffffff08;border:1px solid rgba(205,164,94,.2);border-radius:20px}.success-icon{color:#4caf50;margin-bottom:2rem;animation:scaleIn .5s ease}.order-success h1{font-size:2rem;color:var(--heading-color);margin-bottom:1rem}.order-id{font-size:1.25rem;color:#cda45e;font-weight:600;margin-bottom:2rem}.success-message{margin-bottom:2rem}.success-message p{margin:.5rem 0;font-size:1.05rem;color:var(--default-color)}.delivery-notice{display:flex;gap:1rem;padding:1.5rem;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:12px;text-align:left;margin-bottom:2rem}.delivery-notice strong{color:#ff9800;display:block;margin-bottom:.5rem}.delivery-notice p{margin:.25rem 0;font-size:.95rem}.coming-soon{margin-top:.5rem;font-style:italic;color:#999}.success-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #cda45e66}.btn-secondary{background:#ffffff0d;border:1px solid rgba(205,164,94,.3);color:var(--default-color)}.btn-secondary:hover{background:#ffffff1a}@media(max-width:1024px){.checkout-grid{grid-template-columns:1fr}.checkout-sidebar{position:static}}.confirmation-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}.confirmation-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #cda45e;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #cda45e4d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(205,164,94,.2)}.confirmation-header h2{font-size:1.75rem;color:var(--heading-color);margin:0}.close-modal{background:none;border:none;color:#999;font-size:2.5rem;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-modal:hover{color:#cda45e;transform:rotate(90deg)}.confirmation-body{padding:2rem}.confirmation-alert{text-align:center;padding:2rem;background:#cda45e1a;border:2px dashed #cda45e;border-radius:16px;margin-bottom:2rem}.confirmation-alert svg{color:#cda45e;margin-bottom:1rem}.confirmation-alert h3{font-size:1.25rem;color:var(--heading-color);margin:0 0 1rem}.branch-highlight{font-size:1.5rem;font-weight:700;color:#cda45e;margin:.5rem 0}.branch-location{font-size:1rem;color:var(--default-color);margin:0}.confirmation-summary{background:#ffffff08;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;font-size:1rem}.summary-item:last-child{margin-bottom:0}.summary-item span{color:#999}.summary-item strong{color:var(--heading-color)}.amount-highlight{font-size:1.5rem;color:#cda45e}.request-text{max-width:300px;text-align:right;margin:0;color:var(--default-color)}.payment-reminder{display:flex;gap:1rem;padding:1.5rem;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;margin-bottom:1.5rem}.payment-reminder svg{color:#4caf50;flex-shrink:0}.payment-reminder strong{color:#4caf50;display:block;margin-bottom:.25rem}.payment-reminder p{margin:0;color:var(--default-color);font-size:.95rem}.confirmation-notice{padding:1rem;background:#ffffff05;border-radius:8px}.confirmation-notice p{margin:.5rem 0;font-size:.95rem;color:var(--default-color)}.confirmation-actions{display:flex;gap:1rem;padding:2rem;border-top:1px solid rgba(205,164,94,.2)}.btn-cancel-modal,.btn-confirm-order{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancel-modal{background:#ffffff0d;border:1px solid rgba(205,164,94,.3);color:var(--default-color)}.btn-cancel-modal:hover:not(:disabled){background:#ffffff1a}.btn-confirm-order{background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff}.btn-confirm-order:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #cda45e66}.btn-cancel-modal:disabled,.btn-confirm-order:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.checkout-page{padding:6rem 0 2rem}.checkout-container{padding:0 1rem}.checkout-title{font-size:2rem}.checkout-section{padding:1.5rem}.success-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.confirmation-modal{margin:1rem}.confirmation-header,.confirmation-body,.confirmation-actions{padding:1.5rem}.confirmation-actions{flex-direction:column}.summary-item{flex-direction:column;gap:.5rem}.request-text{max-width:100%;text-align:left}}*{box-sizing:border-box;margin:0;padding:0}.qrgen-page{min-height:100vh;background:linear-gradient(160deg,#0a0a0a,#1a1209,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qrgen-card{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid rgba(205,164,94,.35);border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:520px;box-shadow:0 24px 64px #0009,0 0 0 1px #cda45e14;display:flex;flex-direction:column;gap:1.5rem}.qrgen-header{text-align:center}.qrgen-title{font-size:1.9rem;font-weight:700;color:#cda45e;letter-spacing:.5px;font-family:Playfair Display,Georgia,serif}.qrgen-subtitle{font-size:.9rem;color:#ffffff80;margin-top:.4rem;letter-spacing:.3px}.qrgen-input-row{display:flex;gap:.6rem}.qrgen-input{flex:1;padding:.85rem 1rem;background:#ffffff0d;border:1px solid rgba(205,164,94,.3);border-radius:12px;color:#fff;font-size:.95rem;transition:border-color .25s,box-shadow .25s;outline:none}.qrgen-input::placeholder{color:#ffffff4d}.qrgen-input:focus{border-color:#cda45e;box-shadow:0 0 0 3px #cda45e1f;background:#ffffff14}.qrgen-btn-generate{padding:.85rem 1.4rem;background:#cda45e;border:none;border-radius:12px;color:#0a0a0a;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap}.qrgen-btn-generate:hover{background:#e8c87a;transform:translateY(-2px)}.qrgen-btn-generate:active{transform:translateY(0)}.qrgen-size-row{display:flex;gap:.5rem;flex-wrap:wrap}.qrgen-size-chip{padding:.45rem .9rem;background:#ffffff0d;border:1px solid rgba(205,164,94,.25);border-radius:20px;color:#ffffffa6;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.qrgen-size-chip:hover{border-color:#cda45e;color:#cda45e}.qrgen-size-chip.active{background:#cda45e;border-color:#cda45e;color:#0a0a0a;font-weight:600}.qrgen-preview{display:flex;justify-content:center;padding:1.5rem;background:#ffffff08;border:1px dashed rgba(205,164,94,.25);border-radius:16px}.qrgen-qr-img{width:220px;height:220px;border-radius:8px;background:#fff;display:block}.qrgen-link-box{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#cda45e12;border:1px solid rgba(205,164,94,.2);border-radius:10px}.qrgen-link-text{flex:1;font-size:.82rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrgen-btn-copy{padding:.35rem .85rem;background:#cda45e26;border:1px solid rgba(205,164,94,.35);border-radius:8px;color:#cda45e;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.qrgen-btn-copy:hover{background:#cda45e47}.qrgen-actions{display:flex;justify-content:center}.qrgen-btn-download{display:flex;align-items:center;gap:.6rem;padding:.85rem 2rem;background:transparent;border:2px solid #CDA45E;border-radius:12px;color:#cda45e;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s}.qrgen-btn-download:hover{background:#cda45e;color:#0a0a0a;transform:translateY(-2px);box-shadow:0 6px 18px #cda45e4d}.qrgen-quick-links{border-top:1px solid rgba(205,164,94,.15);padding-top:1.25rem}.qrgen-quick-label{font-size:.78rem;color:#ffffff59;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.qrgen-quick-row{display:flex;gap:.5rem;flex-wrap:wrap}.qrgen-quick-chip{padding:.45rem 1rem;background:#ffffff0d;border:1px solid rgba(205,164,94,.2);border-radius:20px;color:#ffffffa6;font-size:.85rem;cursor:pointer;transition:all .2s}.qrgen-quick-chip:hover{background:#cda45e1f;border-color:#cda45e;color:#cda45e}@media(max-width:540px){.qrgen-card{padding:1.75rem 1.25rem}.qrgen-input-row{flex-direction:column}.qrgen-btn-generate{width:100%}.qrgen-qr-img{width:180px;height:180px}}.branch-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:2rem 1rem}.branch-login-container{width:100%;max-width:450px}.branch-login-card{background:var(--card-bg);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d}.branch-login-header{text-align:center;margin-bottom:2.5rem}.branch-login-logo{width:120px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 10px rgba(218,165,32,.3))}.branch-login-header h1{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.branch-login-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.branch-login-card form{display:flex;flex-direction:column;gap:1.25rem}.branch-login-footer{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}.branch-login-footer p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.register-link,.back-link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .3s ease}.register-link:hover,.back-link:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:640px){.branch-login-page{padding:1rem .5rem}.branch-login-card{padding:2rem 1.5rem}.branch-login-header h1{font-size:1.75rem}.branch-login-logo{width:100px}}.branch-register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:2rem 1rem}.branch-register-container{width:100%;max-width:550px}.branch-register-card{background:var(--card-bg);border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d}.branch-register-header{text-align:center;margin-bottom:2.5rem}.branch-register-logo{width:120px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 10px rgba(218,165,32,.3))}.branch-register-header h1{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.branch-register-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.error-message{background-color:#ef44441a;border:1px solid var(--error-color);color:var(--error-color);padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.error-message svg{flex-shrink:0}.branch-register-card form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--heading-color);font-size:.875rem}.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:var(--card-bg);color:var(--heading-color);cursor:pointer;transition:border-color .3s ease}.form-select option{padding:.5rem}.password-requirements{margin-top:-.75rem;margin-bottom:.5rem}.password-requirements small{color:var(--text-secondary);font-size:.85rem}.btn-block{width:100%;padding:.875rem;font-size:1rem;font-weight:600;margin-top:.5rem}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.branch-register-footer{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}.branch-register-footer p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.login-link,.back-link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:color .3s ease}.login-link:hover,.back-link:hover{color:var(--accent-hover);text-decoration:underline}.back-link{display:inline-block;font-size:.95rem}.success-card{text-align:center;padding:3rem 2.5rem}.success-icon{margin:0 auto 1.5rem;display:flex;justify-content:center;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-card h1{color:var(--success-color);margin-bottom:1rem;font-size:1.75rem}.success-message{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.success-subtitle{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.redirect-message{color:var(--text-secondary);font-style:italic;font-size:.9rem}@media(max-width:640px){.branch-register-page{padding:1rem .5rem}.branch-register-card{padding:2rem 1.5rem}.branch-register-header h1{font-size:1.75rem}.branch-register-logo{width:100px}.success-card{padding:2rem 1.5rem}.success-card h1{font-size:1.5rem}}.branch-dashboard-new{padding:2rem;background:var(--background-color, #0c0b09);min-height:100vh;color:var(--default-color, #ffffff)}.dashboard-header-new{margin-bottom:1.5rem}.header-text h1{font-size:2rem;color:var(--heading-color);margin:0 0 .5rem;font-weight:700}.dashboard-subtitle-new{font-size:.95rem;color:var(--text-secondary, #aaa);margin:0}.daily-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-color);border-color:var(--accent-color)}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.75rem;flex-shrink:0}.stat-card.revenue .stat-icon{background:linear-gradient(135deg,#cda45e33,#cda45e1a);color:#cda45e}.stat-card.orders .stat-icon{background:linear-gradient(135deg,#4caf5033,#4caf501a);color:#4caf50}.stat-card.total .stat-icon{background:linear-gradient(135deg,#2196f333,#2196f31a);color:#2196f3}.stat-card.active .stat-icon{background:linear-gradient(135deg,#ff980033,#ff98001a);color:#ff9800}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary, #aaa);font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:var(--heading-color, #fff);line-height:1}.dashboard-two-column{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color, rgba(205, 164, 94, .2))}.column-header h2{font-size:1.5rem;font-weight:700;color:var(--heading-color, #fff);margin:0}.column-header.urgent{border-bottom-color:#ef5350}.active-count{background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff;font-size:.85rem;font-weight:700;padding:.5rem 1rem;border-radius:20px;box-shadow:0 4px 12px #cda45e4d}.pending-count{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;font-size:.85rem;font-weight:700;padding:.5rem 1rem;border-radius:20px;box-shadow:0 4px 12px #ef53504d;animation:pulseAlert 2s infinite}.dashboard-left-column{background:var(--surface-color, rgba(255, 255, 255, .03));border:1px solid var(--border-color, rgba(205, 164, 94, .2));border-radius:20px;padding:2rem}.status-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.status-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid var(--border-color, rgba(205, 164, 94, .2));border-radius:12px;color:var(--text-secondary, #aaa);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.status-tab:hover{background:#cda45e1a;border-color:#cda45e66;color:#cda45e}.status-tab.active{background:linear-gradient(135deg,#cda45e33,#cda45e1a);border-color:#cda45e;color:#cda45e}.orders-list-scrollable{max-height:calc(100vh - 280px);overflow-y:auto;padding-right:.5rem}.orders-group{margin-bottom:2rem}.group-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--heading-color, #fff);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, rgba(205, 164, 94, .1))}.empty-state{text-align:center;color:var(--text-secondary, #aaa);padding:2rem 1rem;font-style:italic}.dashboard-right-column{background:var(--surface-color, rgba(255, 255, 255, .03));border:2px solid #ef5350;border-radius:20px;padding:2rem;position:sticky;top:120px;max-height:calc(100vh - 140px);display:flex;flex-direction:column}.new-orders-list{flex:1;overflow-y:auto;padding-right:.5rem}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;color:#66bb6a;margin-bottom:1rem}.empty-state-large p{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--heading-color, #fff)}.empty-state-large span{font-size:.95rem;color:var(--text-secondary, #aaa)}.order-card-enhanced{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.order-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-color);border-color:var(--accent-color)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.order-id-badge{background:linear-gradient(135deg,#cda45e,#b8935a);border-radius:8px;padding:.4rem .8rem}.order-number{font-weight:700;color:#fff;font-size:.9rem;letter-spacing:.5px}.order-time{font-size:.85rem;color:var(--text-secondary, #aaa)}.order-customer{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, rgba(205, 164, 94, .1))}.order-customer strong{color:var(--heading-color, #fff);font-size:1.05rem;font-weight:600}.order-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.order-item{display:flex;gap:1rem;align-items:flex-start}.item-image{width:60px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-color, rgba(205, 164, 94, .2))}.item-image img{width:100%;height:100%;object-fit:cover}.item-placeholder{width:100%;height:100%;background:#cda45e1a;display:flex;align-items:center;justify-content:center;color:#cda45e;font-size:1.5rem}.item-details{flex:1}.item-name{font-weight:600;color:var(--heading-color, #fff);font-size:.95rem;margin-bottom:.25rem}.item-quantity{font-size:.85rem;color:var(--text-secondary, #aaa)}.item-extras{font-size:.8rem;color:#cda45e;margin-top:.25rem;font-style:italic}.item-price{font-weight:700;color:var(--heading-color, #fff);font-size:.95rem}.order-request{background:#cda45e0d;border-left:3px solid #cda45e;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.order-request strong{color:#cda45e;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.order-request p{margin:0;color:var(--default-color, #fff);font-size:.9rem;line-height:1.6}.order-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:2px solid var(--border-color, rgba(205, 164, 94, .2));margin-top:1rem}.order-total span{color:var(--text-secondary, #aaa);font-size:.9rem;text-transform:uppercase}.order-total strong{font-size:1.5rem;color:#cda45e;font-weight:700}.order-actions{display:flex;gap:.75rem;margin-top:1rem}.order-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;color:#fff}.btn-accept{background:linear-gradient(135deg,#66bb6a,#4caf50)}.btn-accept:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-decline{background:linear-gradient(135deg,#ef5350,#e53935)}.btn-decline:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef535066}.btn-ready{background:linear-gradient(135deg,#42a5f5,#2196f3)}.btn-ready:hover{transform:translateY(-2px);box-shadow:0 6px 16px #42a5f566}.btn-complete{background:linear-gradient(135deg,#ab47bc,#9c27b0)}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ab47bc66}.btn-print{background:linear-gradient(135deg,#cda45e,#b8935a);flex:0 0 auto;padding:.875rem 1.25rem}.btn-print:hover{background:linear-gradient(135deg,#b8935a,#a67c49);transform:translateY(-2px);box-shadow:0 6px 16px #cda45e66}.btn-cancel{background:linear-gradient(135deg,#ff9800,#f57c00);flex:0 0 auto}.btn-cancel:hover{background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-2px);box-shadow:0 6px 16px #ff980066}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.spinner{width:60px;height:60px;border:4px solid rgba(205,164,94,.2);border-top-color:#cda45e;border-radius:50%;animation:spin .8s linear infinite}.orders-list-scrollable::-webkit-scrollbar,.new-orders-list::-webkit-scrollbar{width:6px}.orders-list-scrollable::-webkit-scrollbar-thumb,.new-orders-list::-webkit-scrollbar-thumb{background:#cda45e4d;border-radius:10px}@media(max-width:1200px){.dashboard-two-column{grid-template-columns:1fr}.dashboard-right-column{position:relative;top:0;max-height:none}}@media(max-width:768px){.branch-dashboard-new{padding:1rem}.dashboard-left-column,.dashboard-right-column{padding:1.5rem}.order-actions{flex-direction:column}}.branch-profile{max-width:1200px;margin:0 auto}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:2rem;color:var(--heading-color);margin-bottom:.5rem}.profile-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.profile-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.profile-card{background:var(--card-background)!important;border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:none!important}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--surface-color)}.card-header h2{font-size:1.25rem;margin:0;color:var(--heading-color)}.card-body{padding:1.5rem}.profile-avatar{display:flex;justify-content:center;margin-bottom:2rem}.avatar-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color) 0%,#B8860B 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.profile-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.detail-row span{font-size:1rem;color:var(--heading-color)}.role-badge{background:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem!important;font-weight:600}.branch-badge{background:#42a5f5;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem!important;font-weight:600}.status-verified{color:#4caf50;font-weight:600}.status-unverified{color:#ff9800;font-weight:600}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.setting-item:last-of-type{border-bottom:none;margin-bottom:1.5rem}.setting-info h3{font-size:1rem;margin:0 0 .25rem;color:var(--heading-color)}.setting-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-color)}input:checked+.toggle-slider:before{transform:translate(24px)}.preference-item{margin-bottom:1.5rem}.preference-item:last-child{margin-bottom:0}.preference-item label{display:block;font-weight:600;color:var(--heading-color);margin-bottom:.5rem;font-size:.875rem}.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:var(--card-background);color:var(--heading-color);cursor:pointer;transition:border-color .3s ease}.form-select:focus{outline:none;border-color:var(--accent-color)}.btn-save,.btn-secondary,.btn-danger{width:100%;padding:.875rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:.75rem}.btn-save{background:var(--accent-color);color:#fff}.btn-save:hover{background:#b8860b;transform:scale(1.02)}.btn-secondary{background:#42a5f5;color:#fff}.btn-secondary:hover{background:#1e88e5;transform:scale(1.02)}.btn-danger{background:#ef5350;color:#fff;margin-bottom:0}.btn-danger:hover{background:#e53935;transform:scale(1.02)}@media(max-width:768px){.profile-content{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}}.branch-analytics-page{padding:2rem;background:var(--background-color, #0c0b09);min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.header-content h1{font-size:2rem;color:var(--heading-color--);margin:0 0 .5rem;font-weight:700}.subtitle{font-size:.95rem;color:var(--text-secondary, #aaa);margin:0}.time-range-selector{display:flex;gap:.5rem;background:#0c0b09cc;padding:.4rem;border-radius:12px;border:1px solid var(--border-color, rgba(205, 164, 94, .2))}.time-range-selector button{padding:.6rem 1.5rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary, #aaa);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.time-range-selector button:hover{background:#cda45e1a;color:#cda45e}.time-range-selector button.active{background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;gap:1.25rem;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-color);border-color:var(--accent-color)}.metric-card.primary{background:var(--surface-color);border-color:var(--accent-color)}.metric-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,#cda45e,#b8935a);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;flex-shrink:0}.metric-icon.orders{background:linear-gradient(135deg,#42a5f5,#2196f3)}.metric-icon.success{background:linear-gradient(135deg,#66bb6a,#4caf50)}.metric-icon.avg{background:linear-gradient(135deg,#ab47bc,#9c27b0)}.metric-content{flex:1}.metric-label{font-size:.85rem;color:var(--text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.metric-value{font-size:1.75rem;font-weight:700;color:var(--heading-color, #fff);margin-bottom:.5rem}.metric-change{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.metric-change.positive{color:#66bb6a}.metric-change.negative{color:#ef5350}.metric-subtext{font-size:.85rem;color:var(--text-secondary, #aaa)}.analytics-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:20px;padding:2rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color, rgba(205, 164, 94, .2))}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--heading-color, #fff);margin:0}.current-year{font-size:1.25rem;font-weight:600;color:#cda45e}.performance-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.highlight-card{background:var(--surface-color);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;gap:1.25rem}.highlight-card.best{border-color:#66bb6a;background:var(--surface-color)}.highlight-card.current{border-color:var(--accent-color);background:var(--surface-color)}.highlight-card.worst{border-color:#ef5350;background:var(--surface-color)}.highlight-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.highlight-card.best .highlight-icon{background:#66bb6a;color:#fff}.highlight-card.current .highlight-icon{background:#cda45e;color:#fff}.highlight-card.worst .highlight-icon{background:#ef5350;color:#fff}.highlight-content{flex:1}.highlight-label{font-size:.8rem;color:var(--text-secondary, #aaa);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.highlight-month{font-size:1.5rem;font-weight:700;color:var(--heading-color, #fff);margin-bottom:.5rem}.highlight-value{font-size:1.25rem;font-weight:600;color:#cda45e;margin-bottom:.25rem}.highlight-orders{font-size:.85rem;color:var(--text-secondary, #aaa)}.highlight-performance{font-size:.9rem;font-weight:600;margin-top:.5rem}.highlight-performance.positive{color:#66bb6a}.highlight-performance.negative{color:#ef5350}.chart-container{margin-top:2rem}.chart-container h3{font-size:1.1rem;font-weight:600;color:var(--heading-color, #fff);margin-bottom:1.5rem}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;height:250px;padding:1rem 0}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar{width:100%;background:linear-gradient(180deg,#cda45ecc,#cda45e66);border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.bar:hover{background:linear-gradient(180deg,#cda45e,#cda45e99);transform:translateY(-4px)}.bar.current{background:linear-gradient(180deg,#66bb6a,#66bb6a99)}.bar-value{font-size:.75rem;font-weight:700;color:#fff}.bar-label{font-size:.75rem;color:var(--text-secondary, #aaa);text-align:center}.line-chart-container{margin-top:2rem;padding:2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px}.line-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;position:relative}.line-point-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.line-point{width:8px;height:8px;background:#cda45e;border-radius:50%;position:absolute;cursor:pointer;transition:all .3s ease}.line-point:hover{transform:scale(1.5);background:#66bb6a}.line-label{font-size:.7rem;color:var(--text-secondary);margin-top:auto;padding-top:.5rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.insight-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.insight-card h3{font-size:1.1rem;font-weight:600;color:var(--heading-color, #fff);margin-bottom:1.5rem}.peak-hours{display:flex;flex-direction:column;gap:1rem}.peak-hour{display:flex;flex-direction:column;gap:.5rem}.peak-hour .hour{font-size:.9rem;color:var(--text-secondary, #aaa)}.hour-bar{height:32px;background:linear-gradient(90deg,#cda45e,#cda45e4d);border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;transition:all .3s ease}.hour-bar:hover{background:linear-gradient(90deg,#b8935a,#cda45e66)}.hour-bar span{font-size:.85rem;font-weight:700;color:#fff}.top-products{display:flex;flex-direction:column;gap:1rem}.product-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.product-row:hover{background:#cda45e1a;border-color:var(--accent-color);transform:translate(4px)}.product-row .rank{width:32px;height:32px;background:#cda45e;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.product-row .product-name{flex:1;font-weight:600;color:var(--heading-color, #fff)}.product-row .product-count{font-size:.85rem;color:var(--text-secondary, #aaa)}@media(max-width:1024px){.analytics-header{flex-direction:column;align-items:flex-start}.bar-chart{height:200px}}@media(max-width:768px){.branch-analytics-page{padding:1rem}.analytics-section{padding:1.5rem}.metrics-grid,.performance-highlights{grid-template-columns:1fr}.bar-chart{gap:.25rem}.bar-value,.bar-label{font-size:.65rem}}.order-history-page{padding:2rem;background:var(--background-color);min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.stat-item{background:linear-gradient(135deg,#cda45e26,#cda45e0d);border:1px solid rgba(205,164,94,.3);border-radius:12px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:120px}.stat-value{font-size:1.75rem;font-weight:700;color:#cda45e;line-height:1}.filters-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-icon{color:#cda45e;font-size:1.25rem}.filter-group label{font-weight:600;color:var(--heading-color);font-size:.95rem}.filter-group select{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--default-color);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:150px}.filter-group select:focus{outline:none;border-color:#cda45e;box-shadow:0 0 0 3px #cda45e1a}.orders-table-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:var(--surface-color);border-bottom:2px solid var(--border-color)}.orders-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:var(--heading-color);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.orders-table tbody tr{border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.orders-table tbody tr:hover{background:#cda45e0d}.orders-table td{padding:1.25rem 1.5rem;color:var(--default-color);font-size:.95rem}.order-id-cell{font-weight:700;color:#cda45e}.total-cell{font-weight:700;color:var(--heading-color)}.no-orders{text-align:center;padding:3rem!important;color:var(--text-secondary);font-style:italic}.status-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:1px solid #66bb6a}.status-rejected{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:1px solid #ef5350}.status-processing{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #42a5f5}.status-ready{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #ff9800}.status-pending{background:linear-gradient(135deg,#fff4e6,#ffe8cc);color:#e65100;border:1px solid #ffb84d}.view-details-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #cda45e66}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--card-background)}.modal-header h2{font-size:1.75rem;color:var(--heading-color);margin:0;font-weight:700}.modal-close{background:transparent;border:none;color:var(--default-color);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#cda45e1a;color:#cda45e}.modal-body{padding:2rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:10px}.info-icon{color:#cda45e;font-size:1.5rem;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:1rem;color:var(--heading-color);font-weight:600}.status-badge-large{padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:700;text-align:center}.order-items-section{margin-bottom:2rem}.order-items-section h3{font-size:1.25rem;color:var(--heading-color);margin:0 0 1rem;font-weight:700}.items-list{background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 0;border-bottom:1px solid var(--border-color)}.item-row:last-child{border-bottom:none}.item-info{display:flex;align-items:center;gap:.75rem}.item-quantity{font-weight:700;color:#cda45e;font-size:.95rem}.item-name{font-size:.95rem;color:var(--default-color)}.item-price{font-weight:700;color:var(--heading-color);font-size:.95rem}.no-items{text-align:center;color:var(--text-secondary);font-style:italic;padding:1.5rem}.order-summary{background:linear-gradient(135deg,#cda45e1a,#cda45e0d);border:1px solid rgba(205,164,94,.3);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1rem;color:var(--default-color)}.summary-row.total-row{border-top:2px solid rgba(205,164,94,.3);margin-top:.5rem;padding-top:1rem;font-size:1.25rem;font-weight:700;color:var(--heading-color)}.summary-value{font-weight:700;color:#cda45e}.pickup-time-section,.contact-section{padding:1rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.pickup-icon{color:#cda45e;font-size:1.5rem}.pickup-label,.contact-label{font-size:.875rem;color:var(--text-secondary);margin-right:.5rem}.pickup-time,.contact-value{font-weight:600;color:var(--heading-color)}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.btn-close-modal{padding:.875rem 2rem;background:linear-gradient(135deg,#cda45e,#b8935a);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.btn-close-modal:hover{transform:translateY(-2px);box-shadow:0 6px 16px #cda45e66}.order-history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}@media(max-width:1024px){.order-history-page{padding:1.5rem}.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.order-history-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section{flex-direction:column;align-items:stretch;gap:1rem}.filter-group{flex-direction:column;align-items:flex-start}.filter-group select{width:100%}.orders-table-container{overflow-x:auto}.orders-table{min-width:800px}.modal-overlay{padding:1rem}.modal-header,.modal-body{padding:1.5rem}}.menu-management-page{padding:2rem;background:var(--background-color);min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.header-text h1{font-size:2.25rem;color:var(--heading-color);margin:0 0 .5rem;font-weight:700}.page-subtitle{font-size:1rem;color:var(--text-secondary);margin:0}.header-stats{display:flex;gap:1rem}.stat-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;min-width:150px}.stat-item.available{border-color:#66bb6a}.stat-item.unavailable{border-color:#ef5350}.stat-icon{font-size:2rem}.stat-item.available .stat-icon{color:#66bb6a}.stat-item.unavailable .stat-icon{color:#ef5350}.stat-item>div{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:var(--heading-color);line-height:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.controls-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1.5rem;flex-wrap:wrap}.search-box,.filter-box{display:flex;align-items:center;gap:.75rem;flex:1;min-width:250px}.search-icon,.filter-icon{color:#cda45e;font-size:1.25rem}.search-box input,.filter-box select{flex:1;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;background:var(--background-color);color:var(--default-color);font-size:.95rem;font-weight:500;transition:all .3s ease}.search-box input:focus,.filter-box select:focus{outline:none;border-color:#cda45e;box-shadow:0 0 0 3px #cda45e1a}.search-box input::placeholder{color:var(--text-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#cda45e}.product-card.unavailable{opacity:.85}.product-image{position:relative;width:100%;height:200px;background:var(--background-color);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic;background:linear-gradient(135deg,#cda45e1a,#cda45e0d)}.unavailable-overlay{position:absolute;inset:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;letter-spacing:1px}.product-info{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.product-name{font-size:1.125rem;font-weight:700;color:var(--heading-color);margin:0;line-height:1.3}.product-category{display:inline-block;padding:.25rem .75rem;background:#cda45e1a;color:#cda45e;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;align-self:flex-start}.product-price{font-size:1rem;font-weight:700;color:#cda45e;margin:.5rem 0 0}.product-actions{padding:1.25rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.toggle-btn{flex:1;padding:.875rem 1.5rem;border:2px solid var(--border-color);border-radius:10px;background:var(--background-color);color:var(--default-color);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.toggle-btn.active{background:linear-gradient(135deg,#66bb6a,#4caf50);border-color:#66bb6a;color:#fff}.toggle-btn.active:not(:disabled):hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf5066}.toggle-btn:not(.active){background:linear-gradient(135deg,#ef53501a,#ef53500d);border-color:#ef5350;color:#ef5350}.toggle-btn:not(.active):not(:disabled):hover{background:linear-gradient(135deg,#ef535033,#ef53501a);box-shadow:0 4px 12px #ef53504d}.toggle-icon,.toggle-loading{font-size:1.5rem}.no-products{grid-column:1 / -1;padding:4rem 2rem;text-align:center;color:var(--text-secondary);font-size:1.125rem;font-style:italic}.menu-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top-color:#cda45e;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.menu-management-page{padding:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.menu-management-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.header-stats{width:100%;flex-direction:column}.stat-item{width:100%}.controls-section{flex-direction:column}.search-box,.filter-box{min-width:100%}.products-grid{grid-template-columns:1fr}}.notifications-page{padding:2rem;background:var(--background-color, #0c0b09);min-height:100vh;color:var(--default-color, #ffffff)}.notifications-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color, rgba(205, 164, 94, .2))}.header-content{flex:1}.header-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.header-title h1{font-size:2rem;font-weight:700;color:var(--heading-color, #fff);margin:0}.unread-badge{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff;font-size:.85rem;font-weight:700;padding:.4rem .9rem;border-radius:20px;box-shadow:0 4px 12px #ef53504d;animation:pulseAlert 2s infinite}@keyframes pulseAlert{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-subtitle{font-size:.95rem;color:var(--text-secondary, #aaa);margin:0}.header-actions{display:flex;gap:1rem;align-items:center}.btn-mark-all-read,.btn-clear-all{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn-mark-all-read{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-mark-all-read:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-clear-all{background:#ef53501a;color:#ef5350;border:1px solid rgba(239,83,80,.3)}.btn-clear-all:hover{background:#ef535033;border-color:#ef5350;transform:translateY(-2px)}.notifications-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff0d;border:1px solid var(--border-color, rgba(205, 164, 94, .2));border-radius:12px;color:var(--text-secondary, #aaa);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#cda45e1a;border-color:#cda45e66;color:#cda45e}.filter-btn.active{background:linear-gradient(135deg,#cda45e33,#cda45e1a);border-color:#cda45e;color:#cda45e}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-card{position:relative;display:flex;gap:1.5rem;padding:1.5rem;background:var(--surface-color, rgba(255, 255, 255, .03));border:1px solid var(--border-color, rgba(205, 164, 94, .2));border-radius:16px;transition:all .3s ease}.notification-card.unread{background:#cda45e0d;border-color:#cda45e66}.notification-card:hover{border-color:#cda45e99;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.notification-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem}.notification-content{flex:1;min-width:0}.notification-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.notification-title{font-size:1.1rem;font-weight:600;color:var(--heading-color, #fff);margin:0}.notification-actions{display:flex;gap:.5rem}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #aaa);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#ffffff1a;border-color:#fff3}.action-btn.mark-read:hover{background:#4caf501a;border-color:#4caf50;color:#4caf50}.action-btn.delete:hover{background:#ef53501a;border-color:#ef5350;color:#ef5350}.notification-message{font-size:.95rem;color:var(--default-color, #ddd);margin:0 0 .75rem;line-height:1.6}.notification-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.notification-time{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary, #aaa)}.notification-type{font-size:.8rem;text-transform:capitalize;color:#cda45e;background:#cda45e1a;padding:.25rem .75rem;border-radius:8px}.unread-indicator{position:absolute;top:1.5rem;right:1.5rem;width:10px;height:10px;background:#ef5350;border-radius:50%;box-shadow:0 0 8px #ef535099}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;color:var(--text-secondary, #aaa)}.empty-notifications svg{opacity:.3;margin-bottom:1.5rem}.empty-notifications h3{font-size:1.5rem;color:var(--heading-color, #fff);margin:0 0 .5rem}.empty-notifications p{font-size:1rem;margin:0}.notification-order-details{background:#0003;border:1px solid rgba(205,164,94,.2);border-radius:10px;padding:1rem;margin:.75rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.order-detail-item{font-size:.9rem;color:var(--default-color, #ddd);display:flex;flex-direction:column;gap:.25rem}.order-detail-item strong{color:#cda45e;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.order-detail-item.special-request{grid-column:1 / -1;background:#cda45e0d;padding:.75rem;border-radius:6px;border-left:3px solid #cda45e}.loading-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;color:var(--text-secondary, #aaa)}.loading-notifications .spinner{width:50px;height:50px;border:4px solid rgba(205,164,94,.2);border-top-color:#cda45e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-notifications p{font-size:1rem;color:var(--text-secondary, #aaa)}@media(max-width:768px){.notifications-page{padding:1rem}.notifications-header{flex-direction:column;gap:1.5rem}.header-actions{width:100%;flex-direction:column}.btn-mark-all-read,.btn-clear-all{width:100%;justify-content:center}.notification-card{flex-direction:column;gap:1rem}.notification-header-row{flex-direction:column;gap:.75rem}.notification-actions{align-self:flex-start}.unread-indicator{top:1rem;right:1rem}.notification-order-details{grid-template-columns:1fr}}.admin-register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:20px}.admin-register-container{width:100%;max-width:500px}.admin-register-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.admin-register-header{background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;padding:40px 40px 30px;text-align:center}.admin-register-header h1{font-size:32px;font-weight:700;margin:0 0 8px}.admin-register-header p{font-size:16px;opacity:.95;margin:0}.error-message{display:flex;align-items:center;gap:10px;padding:16px 40px;background:#fff3cd;border-left:4px solid #f44336;color:#721c24;font-size:14px;font-weight:500}.error-message span{font-size:20px}.admin-register-form{padding:40px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 3px #d4a5741a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-group input::placeholder{color:#999}.form-hint{display:block;font-size:12px;color:#666;margin-top:6px;font-style:italic}.register-btn{width:100%;padding:16px;background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.register-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #d4a5744d}.register-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.admin-register-footer{padding:30px 40px 40px;text-align:center;border-top:1px solid #e0e0e0}.admin-register-footer p{font-size:14px;color:#666;margin:0 0 12px}.login-link{display:inline-block;color:#d4a574;text-decoration:none;font-size:16px;font-weight:600;transition:all .2s ease}.login-link:hover{color:#8b7355;transform:translate(4px)}.security-note{padding:20px 40px 30px;background:#f8f9fa;border-top:1px solid #e0e0e0}.security-note p{font-size:13px;color:#555;margin:0;line-height:1.6}.security-note strong{color:#333}@media(max-width:600px){.admin-register-page{padding:10px}.admin-register-header{padding:30px 20px 24px}.admin-register-header h1{font-size:26px}.admin-register-form{padding:30px 20px}.admin-register-footer,.security-note{padding:20px}.error-message{padding:12px 20px}}.form-group input:invalid:not(:placeholder-shown){border-color:#f44336}.form-group input:valid:not(:placeholder-shown){border-color:#4caf50}.admin-register-card:focus-within{box-shadow:0 20px 60px #0000004d,0 0 0 3px #d4a5744d}.admin-dashboard{padding:32px;max-width:1800px;margin:0 auto;background:var(--background-color);min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.dashboard-header h1{font-size:28px;font-weight:600;color:var(--heading-color);margin:0 0 4px}.dashboard-header p{font-size:14px;color:var(--text-secondary);margin:0}.time-range-selector{display:flex;gap:8px;background:var(--surface-color);padding:4px;border-radius:10px;border:1px solid var(--border-color)}.time-range-selector button{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.time-range-selector button:hover{background:#cda45e1a;color:var(--accent-color)}.time-range-selector button.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.no-branches-message{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:48px;text-align:center;max-width:700px;margin:60px auto}.no-branches-message h2{font-size:24px;color:var(--warning-color);margin:0 0 16px;font-weight:600}.no-branches-message>p{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.no-branches-message .troubleshooting{background:var(--surface-color);border-radius:12px;padding:24px;text-align:left;border:2px solid var(--border-color)}.no-branches-message .troubleshooting h3{font-size:18px;color:var(--heading-color);margin:0 0 16px;font-weight:600}.no-branches-message .troubleshooting ol{margin:0;padding-left:20px;color:var(--text-secondary);line-height:1.8}.no-branches-message .troubleshooting li{margin-bottom:12px;font-size:14px}.no-branches-message .troubleshooting code{background:var(--card-background);padding:2px 8px;border-radius:4px;color:var(--accent-color);font-family:Courier New,monospace;font-size:13px;border:1px solid var(--border-color)}.no-branches-message .troubleshooting strong{color:var(--accent-color);font-weight:600}.branch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;direction:rtl}.branch-grid>*{direction:ltr}.branch-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer}.branch-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 24px var(--shadow-color)}.branch-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.branch-name-status{display:flex;flex-direction:column;gap:8px}.branch-card-header h3{font-size:18px;font-weight:600;color:var(--heading-color);margin:0}.online-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;width:fit-content}.online-status.online{background:#d4edda;color:#155724}.online-status.offline{background:#f8d7da;color:#721c24}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.online-status.online .status-dot{background:#28a745}.online-status.offline .status-dot{background:#dc3545}.trend-indicator{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:600;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.trend-indicator.up{background:#d4edda;color:#155724}.trend-indicator.down{background:#f8d7da;color:#721c24}.trend-indicator.stable{background:#fff3cd;color:#856404}.branch-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon.revenue{background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff}.stat-icon.orders{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:12px;color:var(--text-secondary);margin-bottom:2px;text-transform:capitalize}.branch-card .stat-value{font-size:18px;font-weight:600;color:var(--heading-color)!important}.branch-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color);font-size:13px}.completed-count{color:#155724;font-weight:500}.view-details-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.empty-state{grid-column:1 / -1;padding:60px 20px;text-align:center;color:var(--text-secondary)}@media(max-width:1200px){.branch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start}.branch-grid{grid-template-columns:1fr}}.admin-analytics{padding:0;background:var(--background-color);min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.analytics-header h1{font-size:28px;font-weight:600;color:var(--heading-color);margin:0 0 4px}.analytics-header p{font-size:14px;color:var(--text-secondary);margin:0}.analytics-grid{display:flex;flex-direction:column;gap:32px}.analytics-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;padding:24px}.analytics-section.poorest{background:linear-gradient(135deg,#fff5f5,#fff)}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.section-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.section-icon.success{background:#d4edda;color:#155724}.section-icon.revenue{background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff}.section-icon.orders{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.section-icon.warning{background:#fff3cd;color:#856404}.section-header h2{font-size:20px;font-weight:600;color:var(--heading-color);margin:0 0 4px}.section-header p{font-size:13px;color:var(--text-secondary);margin:0}.rankings-list{display:flex;flex-direction:column;gap:12px}.ranking-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;transition:all .2s}.ranking-card:hover{background:#cda45e1a;transform:translate(4px);border-color:var(--accent-color)}.ranking-card.rank-1{background:#ffd7001a;border-left:4px solid #FFD700}.ranking-card.rank-2{background:#c0c0c01a;border-left:4px solid #C0C0C0}.ranking-card.rank-3{background:#cd7f321a;border-left:4px solid #CD7F32}.rank-badge{font-size:24px;font-weight:600;min-width:40px;text-align:center}.ranking-info{flex:1}.ranking-info h4{font-size:16px;font-weight:600;color:var(--heading-color);margin:0 0 4px}.branch-location{font-size:13px;color:var(--text-secondary);margin:0}.ranking-metrics{display:flex;gap:16px}.ranking-metrics .metric{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;color:var(--text-color)}.ranking-metrics .metric.revenue{color:#8b7355}.ranking-metrics .metric.orders{color:#667eea}.warning-card{background:#fff;border-left:4px solid #ffc107}.ranking-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px}.metric-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.metric-value{font-size:14px;font-weight:600;color:var(--heading-color)}@media(max-width:768px){.analytics-header,.ranking-card{flex-direction:column;align-items:flex-start}.ranking-metrics{width:100%;flex-direction:column}.ranking-metrics-grid{grid-template-columns:1fr}}.admin-messages{padding:32px;max-width:1800px;margin:0 auto}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.messages-header h1{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:var(--heading-color)}.compose-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.compose-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.messages-container{display:grid;grid-template-columns:420px 1fr;gap:28px;height:calc(100vh - 220px)}.messages-list{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;overflow-y:auto;padding:20px}.message-group{margin-bottom:24px}.group-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 12px}.message-item{padding:16px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:8px;border-left:3px solid transparent}.message-item:hover{background:var(--surface-color)}.message-item.active{background:var(--surface-color);border-left-color:#d4a574}.message-item.unread{background:#d4a5741a;border-left-color:#d4a574;font-weight:600}.message-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-from{font-size:14px;font-weight:600;color:var(--text-color)}.message-date{font-size:12px;color:var(--text-secondary)}.message-subject{font-size:14px;color:var(--text-color);margin-bottom:4px;font-weight:500}.message-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#999;gap:12px}.empty-messages svg{font-size:48px}.message-detail{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;overflow-y:auto;padding:28px}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.message-detail-header h2{font-size:24px;font-weight:700;color:var(--heading-color);margin:0;line-height:1.4}.close-detail{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;transition:color .2s ease}.close-detail:hover{color:#333}.message-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;padding:20px;background:var(--surface-color);border-radius:12px;border-left:4px solid #D4A574}.meta-item{font-size:14px;color:var(--text-secondary);line-height:1.5}.meta-item strong{color:var(--text-color);margin-right:8px;font-weight:600}.read-indicator{display:flex;align-items:center;gap:6px;color:#4caf50;font-weight:500}.message-body{font-size:15px;line-height:1.8;color:var(--text-color);white-space:pre-wrap;padding:20px;background:var(--surface-color);border-radius:12px;min-height:200px}.no-message-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;gap:12px}.no-message-selected svg{font-size:64px}.compose-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.compose-modal{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.compose-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.compose-header h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;color:var(--heading-color);margin:0}.close-modal{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;transition:color .2s ease}.close-modal:hover{color:#333}.compose-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.recipient-type-buttons{display:flex;gap:12px}.recipient-type-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-color);cursor:pointer;transition:all .2s ease}.recipient-type-buttons button:hover{border-color:#d4a574;color:#d4a574}.recipient-type-buttons button.active{background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border-color:#d4a574}.branch-select-list{max-height:200px;overflow-y:auto;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:12px}.branch-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background .2s ease}.branch-checkbox:hover{background:#d4a5741a}.branch-checkbox input{cursor:pointer}.branch-checkbox .branch-name{flex:1;font-weight:500}.branch-checkbox .branch-status-info{font-size:12px;color:var(--text-secondary);margin-left:auto}.form-group input[type=text],.form-group textarea{width:100%;padding:12px;background:var(--input-background);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#d4a574}.compose-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.cancel-btn,.send-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:var(--surface-color);border:2px solid var(--border-color);color:var(--text-color)}.cancel-btn:hover{border-color:var(--accent-color);color:var(--heading-color)}.send-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border:none}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.send-btn:disabled{opacity:.6;cursor:not-allowed}.admin-messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}@media(max-width:768px){.messages-container{grid-template-columns:1fr}.message-detail{display:none}.message-item.active+.message-detail{display:block}}.admin-notifications{padding:24px}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:16px}.notifications-header h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;color:#333;margin:0}.unread-badge{padding:6px 12px;background:#e74c3c;color:#fff;border-radius:20px;font-size:14px;font-weight:500}.header-actions{display:flex;gap:12px}.mark-all-btn,.delete-read-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mark-all-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.mark-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.delete-read-btn{background:#f5f5f5;color:#666}.delete-read-btn:hover{background:#e0e0e0;color:#333}.notifications-filters{display:flex;gap:8px;margin-bottom:24px;padding:12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap}.notifications-filters button{padding:8px 16px;background:transparent;border:2px solid transparent;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease}.notifications-filters button:hover{background:#f8f9fa;color:#333}.notifications-filters button.active{background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border-color:#d4a574}.filter-divider{width:1px;background:#e0e0e0;margin:0 8px}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;gap:16px;padding:20px;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;border-left:4px solid var(--border-color);transition:all .2s ease}.notification-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.notification-item.unread{background:#fff9f0;border-left-width:4px}.notification-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.notification-content{flex:1}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:16px}.notification-header h3{font-size:16px;font-weight:600;color:#333;margin:0}.notification-time{font-size:13px;color:#999;white-space:nowrap}.notification-message{font-size:14px;color:#666;line-height:1.5;margin:0 0 8px}.notification-branch{display:inline-block;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.notification-actions{display:flex;flex-direction:column;gap:8px}.mark-read-btn,.delete-btn{padding:8px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mark-read-btn:hover{background:#4caf50;color:#fff;border-color:#4caf50}.delete-btn:hover{background:#e74c3c;color:#fff;border-color:#e74c3c}.empty-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);gap:12px}.empty-notifications svg{font-size:64px}.admin-notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}@media(max-width:768px){.notifications-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.mark-all-btn,.delete-read-btn{flex:1}.notification-item{flex-direction:column}.notification-actions{flex-direction:row;width:100%}.mark-read-btn,.delete-btn{flex:1}}.admin-settings{padding:24px;background:var(--background-color);min-height:100vh}.settings-header h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;color:var(--heading-color);margin-bottom:24px}.settings-container{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:32px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.section-header svg{font-size:24px;color:var(--accent-color)}.section-header h2{font-size:22px;font-weight:600;color:var(--heading-color);margin:0}.section-description{color:var(--text-secondary);margin-bottom:24px;font-size:15px}.settings-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.setting-item:hover{background:#cda45e0d;border-color:var(--accent-color)}.setting-info h3{font-size:16px;font-weight:600;color:var(--heading-color);margin:0 0 4px}.setting-info p{font-size:14px;color:var(--text-secondary);margin:0}.setting-value{font-size:14px;font-weight:600;color:var(--accent-color);padding:8px 16px;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px}.toggle-switch{position:relative;width:56px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#d4a574,#8b7355)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px)}.save-settings-btn,.change-password-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;width:fit-content}.save-settings-btn:hover:not(:disabled),.change-password-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.save-settings-btn:disabled,.change-password-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.form-group label{font-size:14px;font-weight:600;color:var(--heading-color)}.form-group input{padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;background:var(--surface-color);color:var(--text-color);transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.security-tips{padding:20px;background:var(--surface-color);border-left:4px solid var(--accent-color);border-radius:8px}.security-tips h4{font-size:15px;font-weight:600;color:var(--heading-color);margin:0 0 12px}.security-tips ul{margin:0;padding-left:20px}.security-tips li{font-size:14px;color:var(--text-secondary);margin-bottom:6px}@media(max-width:768px){.admin-settings{padding:16px}.settings-section{padding:20px}.setting-item{flex-direction:column;align-items:flex-start;gap:12px}.toggle-switch,.setting-value{align-self:flex-end}.save-settings-btn,.change-password-btn{width:100%}}.admin-profile{padding:24px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-header h1{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600;color:#333}.edit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a5744d}.profile-container{display:grid;grid-template-columns:1fr 400px;gap:24px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:32px}.profile-avatar{display:flex;flex-direction:column;align-items:center;padding-bottom:24px;border-bottom:1px solid #e0e0e0;margin-bottom:24px}.avatar-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#d4a574,#8b7355);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#fff;margin-bottom:16px}.profile-avatar h2{font-size:24px;font-weight:600;color:#333;margin:0 0 8px}.role-badge{display:flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:20px;font-size:14px;font-weight:500}.profile-details{display:flex;flex-direction:column;gap:20px}.detail-item{display:flex;gap:16px;align-items:flex-start}.detail-icon{font-size:20px;color:#d4a574;margin-top:4px}.detail-item label{display:block;font-size:13px;font-weight:600;color:#999;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-item p{font-size:16px;color:#333;margin:0}.edit-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input{padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#d4a574}.form-group input.disabled-input{background:#f5f5f5;color:#999;cursor:not-allowed}.form-group small{font-size:12px;color:#999}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-btn,.save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#fff;border:2px solid #e0e0e0;color:#666}.cancel-btn:hover{border-color:#999;color:#333}.save-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-stats{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:24px}.profile-stats h3{font-size:18px;font-weight:600;color:#333;margin:0 0 20px}.stats-grid{display:flex;flex-direction:column;gap:16px}.stat-card{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.stat-card:hover{background:#f0f0f0}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-content h4{font-size:14px;font-weight:600;color:#666;margin:0 0 4px}.stat-content p{font-size:16px;font-weight:600;color:#333;margin:0}.admin-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.profile-container{grid-template-columns:1fr}.profile-stats{order:-1}}@media(max-width:768px){.profile-header{flex-direction:column;align-items:flex-start;gap:16px}.edit-btn{width:100%;justify-content:center}}.branch-reviews-container{padding:2rem}.reviews-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-weight:500}.filter-btn:hover{border-color:var(--primary-color, #D4A574)}.filter-btn.active{background:var(--primary-color, #D4A574);border-color:var(--primary-color, #D4A574);color:#fff}.btn-print-all{padding:.75rem 1.5rem;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s}.btn-print-all:hover{background:#45a049}.loading,.no-reviews{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.review-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s}.review-card:hover{box-shadow:0 4px 12px #0000001a}.review-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.product-info h4{margin:0 0 .5rem;color:#333;font-size:1.1rem}.review-stars{display:flex;gap:.25rem}.star{font-size:1.1rem;color:#ddd}.star.filled{color:orange}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.customer-details{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f9f9f9;border-radius:6px}.customer-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-color, #D4A574);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.customer-info h5{margin:0 0 .5rem;color:#333;font-size:1rem}.customer-contact{margin:.25rem 0;color:#666;font-size:.9rem}.review-content{margin-bottom:1rem}.review-content p{color:#444;line-height:1.6;margin:0}.review-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e0e0e0;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.review-date,.order-id{font-size:.85rem;color:#666}.review-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-action{flex:1;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s;font-size:.9rem}.btn-approve{background:#4caf50;color:#fff}.btn-approve:hover{background:#45a049}.btn-reject{background:#f44336;color:#fff}.btn-reject:hover{background:#da190b}.btn-print{background:#2196f3;color:#fff}.btn-print:hover{background:#0b7dda}.print-only{display:none}.no-print{display:block}@media print{.no-print{display:none!important}.print-only{display:block!important}.print-single-review{display:none}body:has(.print-single-review) .print-single-review{display:block!important}body:has(.print-single-review) .print-all-reviews{display:none!important}.print-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #333}.print-header h1{margin:0 0 .5rem;color:#333}.print-date{margin:0;color:#666;font-size:.9rem}.print-review-details{padding:1rem 0}.print-section{margin-bottom:1.5rem;page-break-inside:avoid}.print-section h3{margin:0 0 .5rem;color:#333;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:.25rem}.print-section p{margin:.5rem 0;color:#444}.print-comment{padding:1rem;background:#f9f9f9;border-left:3px solid var(--primary-color, #D4A574);line-height:1.6}.print-review-item{margin-bottom:2rem;page-break-inside:avoid}.print-review-item h3{margin:0 0 1rem;color:#333}.print-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.print-col p{margin:.25rem 0}.print-comment-section{margin:1rem 0}.print-meta{margin:.5rem 0 0;font-size:.9rem;color:#666}.print-divider{margin:2rem 0;border:none;border-top:2px dashed #ddd}@page{margin:2cm}}@media(max-width:768px){.reviews-grid{grid-template-columns:1fr}.reviews-controls{flex-direction:column;align-items:stretch}.filter-btn,.btn-print-all{width:100%}}.branch-details-page{padding:24px;max-width:1400px;margin:0 auto}.loading,.error{text-align:center;padding:40px;font-size:16px;color:#666}.error{color:#dc3545}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.back-link{display:flex;align-items:center;gap:8px;color:#d4a574;text-decoration:none;font-weight:500;font-size:15px;transition:all .2s ease}.back-link:hover{color:#8b7355;gap:12px}.branch-status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.branch-status-badge.online{background:#d4edda;color:#155724}.branch-status-badge.offline{background:#f8d7da;color:#721c24}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.branch-status-badge.online .status-dot{background:#28a745}.branch-status-badge.offline .status-dot{background:#dc3545}.branch-identity-section{background:var(--card-background);border:1px solid var(--border-color);padding:32px;border-radius:16px;margin-bottom:32px}.branch-name{font-size:32px;font-weight:700;color:var(--heading-color);margin:0 0 24px}.branch-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#666}.info-item svg{width:20px;height:20px;color:#d4a574}.time-range-selector{display:flex;gap:12px;margin-bottom:24px;background:var(--surface-color);border:1px solid var(--border-color);padding:8px;border-radius:12px;width:fit-content}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--card-background);border:1px solid var(--border-color);padding:24px;border-radius:16px;display:flex;align-items:center;gap:20px;transition:all .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.stat-card .stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;flex-shrink:0}.stat-card.revenue .stat-icon{background:linear-gradient(135deg,#d4a574,#8b7355)}.stat-card.orders .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.completed .stat-icon{background:linear-gradient(135deg,#28a745,#20c997)}.stat-card .stat-content{display:flex;flex-direction:column;gap:4px}.stat-card .stat-label{font-size:13px;color:#666;text-transform:capitalize}.stat-card .stat-value{font-size:28px;font-weight:700;color:#1a1a1a}.reviews-section{background:var(--card-background);border:1px solid var(--border-color);padding:32px;border-radius:16px}.reviews-section h2{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.no-reviews{text-align:center;padding:40px;color:#999;font-size:15px}.reviews-list{display:flex;flex-direction:column;gap:16px}.review-item{padding:20px;background:#f8f8f8;border-radius:12px}.review-rating{display:flex;align-items:center;gap:6px;color:#d4a574;font-weight:600;margin-bottom:8px}.review-text{color:#666;line-height:1.6;margin:0}.recent-orders-section{background:var(--card-background);border:1px solid var(--border-color);padding:32px;border-radius:16px;margin-top:32px}.recent-orders-section h2{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:12px 16px;background:#f8f8f8;color:#666;font-weight:600;font-size:13px;text-transform:uppercase;border-bottom:2px solid #e9ecef}.orders-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#333;font-size:14px}.orders-table tr:hover{background:#f8f9fa}.orders-table .order-number{font-weight:600;color:#d4a574}.orders-table .amount{font-weight:600;color:#28a745}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pending{background:#fff3cd;color:#856404}.status-confirmed,.status-processing{background:#cfe2ff;color:#084298}.status-ready{background:#d1e7dd;color:#0f5132}.status-completed{background:#d4edda;color:#155724}.status-cancled,.status-cancelled{background:#f8d7da;color:#721c24}.customers-section{background:var(--card-background);border:1px solid var(--border-color);padding:32px;border-radius:16px;margin-top:32px}.customers-section h2{font-size:24px;font-weight:600;color:var(--heading-color);margin:0 0 24px}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.customer-card{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;gap:16px;transition:all .2s ease}.customer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.customer-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#d4a574,#8b7355);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.customer-info{flex:1;min-width:0}.customer-info h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-detail{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;margin-bottom:6px}.customer-detail svg{width:14px;height:14px;color:#d4a574;flex-shrink:0}.customer-detail span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-stats{display:flex;gap:20px;margin-top:12px;padding-top:12px;border-top:1px solid #dee2e6}.customer-stats .stat-item{display:flex;flex-direction:column;gap:4px}.customer-stats .stat-label{font-size:11px;color:#999;text-transform:uppercase;font-weight:600}.customer-stats .stat-value{font-size:16px;font-weight:700;color:#1a1a1a}.last-order{font-size:12px;color:#999;margin-top:8px}.no-data{text-align:center;padding:40px;color:#999;font-size:15px}@media(max-width:768px){.branch-details-page{padding:16px}.branch-name{font-size:24px}.branch-info-grid,.stats-grid{grid-template-columns:1fr}.time-range-selector{width:100%}.time-range-selector button{flex:1}.customers-grid{grid-template-columns:1fr}.orders-table{font-size:13px}.orders-table th,.orders-table td{padding:12px 8px}}.rankings-page{padding:24px;max-width:1600px;margin:0 auto}.loading{text-align:center;padding:40px;font-size:16px;color:#666}.rankings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.header-content{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;color:#d4a574}.rankings-header h1{font-size:32px;font-weight:700;color:#1a1a1a;margin:0}.rankings-header p{font-size:14px;color:#666;margin:4px 0 0}.time-range-selector{display:flex;gap:12px;background:var(--surface-color);border:1px solid var(--border-color);padding:8px;border-radius:12px}.time-range-selector button{padding:10px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.time-range-selector button:hover{background:#f8f8f8}.time-range-selector button.active{background:linear-gradient(135deg,#d4a574,#8b7355);color:#fff;box-shadow:0 2px 8px #d4a5744d}.overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.overall-stats .stat-card{background:var(--card-background);border:1px solid var(--border-color);padding:24px;border-radius:16px;display:flex;align-items:center;gap:16px}.overall-stats .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.overall-stats .stat-icon.revenue{background:linear-gradient(135deg,#d4a574,#8b7355)}.overall-stats .stat-icon.orders{background:linear-gradient(135deg,#667eea,#764ba2)}.overall-stats .stat-icon.average{background:linear-gradient(135deg,#f093fb,#f5576c)}.overall-stats .stat-icon.branches{background:linear-gradient(135deg,#4facfe,#00f2fe)}.overall-stats .stat-content{display:flex;flex-direction:column;gap:4px}.overall-stats .stat-label{font-size:13px;color:#666;font-weight:500}.overall-stats .stat-value{font-size:24px;font-weight:700;color:#1a1a1a}.rankings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:32px}.ranking-section{background:var(--card-background);border:1px solid var(--border-color);padding:28px;border-radius:16px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.section-header svg{width:28px;height:28px;color:#d4a574}.section-header h2{font-size:22px;font-weight:600;color:#1a1a1a;margin:0}.ranking-list{display:flex;flex-direction:column;gap:16px}.ranking-item{display:flex;align-items:center;gap:20px;padding:20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease;position:relative;overflow:hidden}.ranking-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.rank-badge{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00000026}.branch-info{flex:1;min-width:0}.branch-info h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-location{font-size:13px;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-stats{display:flex;gap:24px;align-items:center}.branch-stats .stat-item{text-align:right}.branch-stats .stat-value{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:2px}.branch-stats .stat-label{font-size:12px;color:#666}.top-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:12px;font-weight:600;border-radius:8px;box-shadow:0 2px 6px #28a7454d}.no-data{text-align:center;padding:40px 20px;color:#999;font-size:15px}@media(max-width:1400px){.rankings-grid{grid-template-columns:1fr}}@media(max-width:768px){.rankings-page{padding:16px}.rankings-header{flex-direction:column;align-items:flex-start}.rankings-header h1{font-size:24px}.time-range-selector{width:100%}.time-range-selector button{flex:1;padding:10px;font-size:13px}.rankings-grid{grid-template-columns:1fr;gap:20px}.ranking-item{flex-wrap:wrap;gap:12px}.branch-stats{width:100%;text-align:left;padding-top:12px;border-top:1px solid #e0e0e0}}.barista-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-color);padding:2rem}.barista-auth-container{background:var(--surface-color);border-radius:20px;padding:3rem;max-width:480px;width:100%;box-shadow:0 8px 32px #0000001f;border:1px solid var(--border-color)}.barista-auth-header{text-align:center;margin-bottom:2rem}.barista-auth-icon{width:80px;height:80px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.barista-auth-header h1{font-size:1.75rem;font-weight:600;color:var(--heading-color);margin-bottom:.5rem}.barista-auth-header p{color:var(--text-secondary);font-size:.95rem}.barista-auth-error{background:#f443361a;color:var(--error-color);padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;border:1px solid var(--error-color)}.barista-auth-form{display:flex;flex-direction:column;gap:1.5rem}.barista-form-group{display:flex;flex-direction:column;gap:.5rem}.barista-form-group label{display:flex;align-items:center;gap:.5rem;color:var(--heading-color);font-weight:500;font-size:.95rem}.barista-form-group input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-background);color:var(--text-color);font-size:1rem;transition:all .3s}.barista-form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.barista-form-group input:disabled{opacity:.6;cursor:not-allowed}.barista-form-group small{color:var(--text-secondary);font-size:.85rem}.barista-auth-btn{padding:1rem;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.barista-auth-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px #cda45e4d}.barista-auth-btn:disabled{opacity:.6;cursor:not-allowed}.barista-auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.barista-auth-footer p{color:var(--text-secondary);font-size:.95rem}.barista-auth-footer a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .3s}.barista-auth-footer a:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:640px){.barista-auth-container{padding:2rem 1.5rem}.barista-auth-header h1{font-size:1.5rem}}.barista-dashboard{max-width:1400px;margin:0 auto}.barista-page-header{margin-bottom:2rem}.barista-page-header h1{font-size:2rem;font-weight:700;color:var(--heading-color);margin-bottom:.5rem}.barista-page-header p{color:var(--text-secondary);font-size:1rem}.barista-controls{display:grid;grid-template-columns:200px 300px 1fr;gap:1.5rem;margin-bottom:2.5rem;align-items:end}.barista-control-group label{display:block;margin-bottom:.5rem;color:var(--heading-color);font-weight:500;font-size:.95rem}.barista-month-input,.barista-branch-select{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);color:var(--text-color);font-size:1rem;transition:all .3s}.barista-month-input:focus,.barista-branch-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.barista-error-hint{margin-top:.5rem;padding:.5rem;background:#f443361a;border:1px solid #f44336;border-radius:8px;color:#f44336;font-size:.875rem}.barista-status{display:flex;align-items:center}.barista-status-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-weight:500;font-size:.95rem}.barista-status-badge.not-submitted{background:#ff98001a;color:var(--warning-color);border:1px solid var(--warning-color)}.barista-status-date{margin-left:.5rem;font-size:.85rem;opacity:.8}.barista-input-form{background:var(--surface-color);border-radius:20px;padding:2rem;border:1px solid var(--border-color)}.barista-section-title{font-size:1.5rem;font-weight:600;color:var(--heading-color);margin-bottom:2rem}.barista-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.barista-category-card{background:var(--card-background);border-radius:16px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s}.barista-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.barista-category-image{height:160px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f5f5f5;position:relative}.barista-category-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.5));pointer-events:none}.barista-category-content{padding:1.5rem}.barista-category-content h3{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin-bottom:1rem}.barista-unit-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.barista-unit-toggle button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-color);cursor:pointer;transition:all .3s;font-weight:500}.barista-unit-toggle button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.barista-input-wrapper{position:relative;display:flex;align-items:center}.barista-category-input{flex:1;padding:.875rem 4rem .875rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);color:var(--text-color);font-size:1.125rem;font-weight:600;transition:all .3s}.barista-category-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.barista-input-unit{position:absolute;right:1rem;color:var(--text-secondary);font-weight:500;font-size:.95rem}.barista-input-hint{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.85rem}.barista-form-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color)}.barista-btn-primary{padding:1rem 2.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s}.barista-btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px #cda45e4d}.barista-btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.barista-controls{grid-template-columns:1fr 1fr}.barista-status{grid-column:1 / -1}.barista-category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.barista-controls,.barista-category-grid{grid-template-columns:1fr}.barista-form-actions{justify-content:stretch}.barista-btn-primary{width:100%}}.barista-reports{max-width:1400px;margin:0 auto;padding:0 1rem}.barista-reports-controls{display:grid;grid-template-columns:200px 300px 1fr;gap:1.5rem;margin-bottom:2.5rem;align-items:end}.barista-action-buttons{display:flex;gap:.75rem;justify-self:end;align-items:center}.barista-btn-icon{padding:.875rem;background:var(--surface-color);color:var(--heading-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.barista-btn-icon:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #cda45e4d}.barista-btn-icon:disabled{opacity:.5;cursor:not-allowed}.barista-btn-icon .spinning{animation:spin 1s linear infinite}.barista-control-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--heading-color);font-weight:500;font-size:.95rem}.barista-control-group label svg{color:var(--accent-color)}.barista-btn-secondary{padding:.875rem 1.5rem;background:var(--surface-color);color:var(--heading-color);border:1px solid var(--border-color);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:1rem}.barista-btn-secondary:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #cda45e4d}.barista-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.barista-loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.125rem;animation:pulse 1.5s ease-in-out infinite}.barista-error-message{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f443361a;border:1px solid #f44336;border-radius:12px;color:#f44336;margin-bottom:2rem}.barista-error-message svg{font-size:1.5rem;flex-shrink:0}.barista-error-message strong{display:block;font-size:1rem;margin-bottom:.25rem}.barista-error-message p{margin:0;font-size:.95rem;opacity:.9}.barista-empty-state{text-align:center;padding:4rem 2rem;background:var(--surface-color);border-radius:20px;border:1px solid var(--border-color)}.barista-empty-state p{color:var(--text-secondary);font-size:1.125rem;margin:0}.barista-reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2.5rem}.barista-report-card{background:var(--card-background);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);transition:all .3s;position:relative;overflow:hidden}.barista-report-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color);opacity:0;transition:opacity .3s}.barista-report-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:var(--accent-color)}.barista-report-card:hover:before{opacity:1}.barista-report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.barista-report-header h3{font-size:1.25rem;font-weight:700;color:var(--heading-color);margin:0;line-height:1.3}.barista-report-date{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;margin-left:1rem}.barista-report-data{display:grid;gap:1rem}.barista-report-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--surface-color);border-radius:8px;transition:all .2s}.barista-report-item:hover{background:var(--border-color)}.barista-report-label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.barista-report-value{color:var(--heading-color);font-weight:700;font-size:1.125rem}.barista-totals-card{background:linear-gradient(135deg,#cd9f5e,#b88a4f);border-radius:24px;padding:2.5rem;color:#fff;box-shadow:0 12px 48px #cda45e66;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.barista-totals-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.barista-totals-card h3{font-size:1.75rem;font-weight:700;margin:0 0 2rem;color:#fff;display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.barista-totals-card h3:before{content:"📊";font-size:2rem}.barista-totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;position:relative;z-index:1}.barista-total-item{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:#ffffff26;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.barista-total-item:hover{background:#ffffff40;transform:translateY(-2px)}.barista-total-label{font-size:.95rem;opacity:.95;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.barista-total-value{font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width:1024px){.barista-reports-controls{grid-template-columns:1fr 1fr}.barista-action-buttons{grid-column:1 / -1;justify-self:stretch;justify-content:center}.barista-reports-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.barista-totals-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}.barista-totals-card{padding:2rem}.barista-totals-card h3{font-size:1.5rem}}@media(max-width:768px){.barista-reports{padding:0 .5rem}.barista-reports-controls,.barista-reports-grid{grid-template-columns:1fr}.barista-totals-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.barista-total-item{padding:1rem}.barista-total-value{font-size:1.5rem}.barista-report-header{flex-direction:column;align-items:flex-start;gap:.5rem}.barista-report-header h3{font-size:1.125rem}.barista-report-date{margin-left:0}.barista-totals-card h3{font-size:1.25rem}}@media print{body{print-color-adjust:exact;-webkit-print-color-adjust:exact}.barista-reports{max-width:100%;padding:0}.print-only{display:block!important}.barista-reports-controls,.barista-action-buttons,.barista-btn-secondary,.barista-btn-icon,.barista-sidebar,.barista-header,nav,.barista-page-header>p:first-of-type{display:none!important}.barista-page-header{margin-bottom:2rem;page-break-after:avoid}.barista-page-header h1{font-size:2rem;color:#000;margin-bottom:.5rem}.barista-page-header:after{content:"Generated: " attr(data-print-date);display:block;font-size:.875rem;color:#666;margin-top:.5rem}.barista-reports-grid{display:block}.barista-report-card{page-break-inside:avoid;margin-bottom:1.5rem;border:1px solid #ddd;box-shadow:none;background:#fff}.barista-report-card:hover{transform:none;box-shadow:none}.barista-report-header{border-bottom:2px solid #cd9f5e;padding-bottom:.75rem}.barista-report-header h3{color:#000;font-size:1.125rem}.barista-report-date{color:#666;font-size:.875rem}.barista-report-data{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.barista-report-item{padding:.75rem;background:#f9f9f9}.barista-report-label{color:#666;font-size:.875rem}.barista-report-value{color:#000;font-size:1.125rem;font-weight:600}.barista-totals-card{page-break-inside:avoid;margin-top:2rem;padding:1.5rem;background:#f5f5f5!important;border:2px solid #cd9f5e;box-shadow:none}.barista-totals-card h3{color:#000;font-size:1.25rem;margin-bottom:1rem;border-bottom:2px solid #cd9f5e;padding-bottom:.5rem}.barista-totals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.barista-total-item{padding:1rem;background:#fff!important;border:1px solid #ddd;-webkit-backdrop-filter:none;backdrop-filter:none}.barista-total-label{color:#666;font-size:.875rem}.barista-total-value{color:#000;font-size:1.5rem;text-shadow:none}.barista-empty-state{border:1px solid #ddd;background:#fff}.barista-empty-state svg{display:none}.barista-error-message{display:none}@page{margin:1.5cm;@bottom-right{content:"Page " counter(page) " of " counter(pages);font-size:10pt;color:#666}}}.barista-missing{max-width:1400px;margin:0 auto}.barista-missing-controls{display:grid;grid-template-columns:200px 1fr auto;gap:2rem;margin-bottom:1.5rem;align-items:center}.barista-stats-cards{display:flex;gap:1rem;justify-self:end}.barista-stat-card{display:flex;align-items:center;gap:.75rem;background:var(--surface-color);border-radius:12px;padding:1rem 1.5rem;border:2px solid var(--border-color);min-width:140px}.barista-stat-card svg{font-size:1.5rem;flex-shrink:0}.barista-stat-card.total{border-color:var(--accent-color);background:linear-gradient(135deg,#cd9f5e0d,#cd9f5e1a)}.barista-stat-card.submitted{border-color:var(--success-color);background:linear-gradient(135deg,#4caf500d,#4caf501a)}.barista-stat-card.submitted svg{color:var(--success-color)}.barista-stat-card.pending{border-color:var(--warning-color);background:linear-gradient(135deg,#ff98000d,#ff98001a)}.barista-stat-card.pending svg{color:var(--warning-color)}.barista-stat-value{font-size:1.75rem;font-weight:700;color:var(--heading-color);line-height:1;margin-bottom:.25rem}.barista-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.barista-btn-refresh{padding:1rem;background:var(--surface-color);color:var(--heading-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.barista-btn-refresh:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #cda45e4d}.barista-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.barista-btn-refresh .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.barista-filter-tabs{display:flex;gap:.75rem;margin-bottom:2rem;background:var(--surface-color);padding:.75rem;border-radius:12px;border:1px solid var(--border-color)}.barista-filter-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s;font-size:.95rem}.barista-missing-table-container{background:var(--surface-color);border-radius:20px;padding:1.5rem;border:1px solid var(--border-color);overflow-x:auto}.barista-missing-table{width:100%;border-collapse:collapse}.barista-missing-table thead{background:var(--card-background)}.barista-missing-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--heading-color);border-bottom:2px solid var(--border-color);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.barista-missing-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .3s}.barista-missing-table tbody tr.submitted-row{background:#4caf5008}.barista-missing-table tbody tr.pending-row{background:#ff980005}.barista-missing-table tbody tr:hover{background:var(--card-background)}.barista-missing-table td{padding:1.25rem 1.5rem;color:var(--text-color)}.barista-branch-name{font-weight:600;color:var(--heading-color);font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.barista-branch-name .inline-check{color:var(--success-color);font-size:1.125rem}.barista-branch-location{color:var(--text-secondary);font-size:.95rem}.barista-date-cell{font-size:.9rem;color:var(--text-secondary)}.barista-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.9rem}.barista-status-badge.submitted{background:#4caf501a;color:var(--success-color);border:1px solid var(--success-color)}.barista-status-badge.pending{background:#ff98001a;color:var(--warning-color);border:1px solid var(--warning-color)}.barista-btn-reminder{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;font-size:.9rem}.barista-btn-reminder:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #cda45e4d}@media(max-width:1024px){.barista-missing-controls{grid-template-columns:1fr}.barista-stats-cards{justify-self:stretch}.barista-btn-refresh{justify-self:center}.barista-filter-tabs{flex-direction:column}}@media(max-width:768px){.barista-stats-cards{flex-direction:column}.barista-stat-card{width:100%}.barista-filter-tabs button{padding:.75rem 1rem}.barista-missing-table-container{padding:1rem}.barista-missing-table th,.barista-missing-table td{padding:.875rem 1rem}.barista-missing-table th:nth-child(3),.barista-missing-table td:nth-child(3){display:none}.barista-btn-reminder{padding:.5rem 1rem;font-size:.85rem}.barista-branch-name{font-size:.95rem}}.barista-notifications-page{max-width:1000px;margin:0 auto;padding:1rem 0 0}.barista-notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--accent-color) 0%,#a87d4a 100%);border-radius:16px;color:#fff;box-shadow:0 4px 16px #cd9f5e33;position:relative;z-index:1}.barista-header-content h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.barista-header-content p{color:#ffffffe6;font-size:1rem}.barista-unread-badge{padding:.75rem 1.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-weight:600;font-size:1.125rem;border:1px solid rgba(255,255,255,.3)}.barista-loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.125rem}.barista-error-message{padding:1rem 1.5rem;background:#f443361a;border:1px solid #f44336;border-radius:12px;color:#f44336;margin-bottom:1.5rem;font-size:.95rem}.barista-notifications-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;background:var(--surface-color);padding:1.25rem;border-radius:16px;border:1px solid var(--border-color);position:relative;z-index:2}.barista-filter-tabs{display:flex;gap:.5rem;flex:1}.barista-filter-tabs button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s;font-size:.95rem}.barista-filter-tabs button .count{opacity:.7;font-size:.875rem}.barista-filter-tabs button.active{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px #cd9f5e4d}.barista-filter-tabs button.active .count{opacity:.9}.barista-filter-tabs button:hover:not(.active){background:var(--card-background);color:var(--heading-color)}.barista-notification-actions{display:flex;gap:.75rem}.barista-btn-mark-all,.barista-btn-clear-read{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:10px;color:var(--heading-color);font-weight:500;cursor:pointer;transition:all .3s;font-size:.95rem}.barista-btn-mark-all:hover{background:var(--success-color);color:#fff;border-color:var(--success-color);transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.barista-btn-clear-read:hover{background:#f44336;color:#fff;border-color:#f44336;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.barista-empty-state{text-align:center;padding:4rem 2rem;margin-top:2rem;background:var(--surface-color);border-radius:20px;border:2px dashed var(--border-color);position:relative;z-index:1}.barista-empty-state svg{color:var(--text-secondary);margin-bottom:1.5rem;opacity:.5}.barista-empty-state h3{font-size:1.5rem;font-weight:600;color:var(--heading-color);margin-bottom:.75rem}.barista-empty-state p{color:var(--text-secondary);font-size:1.125rem}.barista-notifications-list{display:flex;flex-direction:column;gap:1rem;margin-top:0;position:relative;z-index:1}.barista-notification-card{display:flex;align-items:flex-start;gap:1.25rem;background:var(--card-background);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);transition:all .3s;position:relative;z-index:1}.barista-notification-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.barista-notification-card.unread{background:var(--surface-color);border-left:4px solid var(--accent-color);box-shadow:0 2px 8px #cd9f5e26}.barista-notification-icon{font-size:1.75rem;flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:12px}.barista-notification-card.success .barista-notification-icon{background:#4caf501a;color:var(--success-color)}.barista-notification-card.warning .barista-notification-icon{background:#ff98001a;color:var(--warning-color)}.barista-notification-card.info .barista-notification-icon{background:#2196f31a;color:var(--info-color)}.barista-notification-content{flex:1;cursor:pointer}.barista-notification-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.barista-notification-content h3{font-size:1.125rem;font-weight:600;color:var(--heading-color)}.barista-notification-content p{color:var(--text-color);font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.barista-notification-date{font-size:.875rem;color:var(--text-secondary);font-weight:500}.barista-notification-badge{padding:.25rem .75rem;background:var(--accent-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s infinite}.barista-notification-delete{padding:.625rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:1.125rem;opacity:0}.barista-notification-card:hover .barista-notification-delete{opacity:1}.barista-notification-delete:hover{background:#f44336;color:#fff;border-color:#f44336;transform:scale(1.1)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.barista-notifications-header{flex-direction:column;gap:1rem;padding:1.25rem}.barista-header-content h1{font-size:1.5rem}.barista-header-content p{font-size:.9rem}.barista-unread-badge{width:100%;text-align:center}.barista-notifications-controls{flex-direction:column;align-items:stretch;padding:1rem}.barista-filter-tabs{width:100%;justify-content:space-between}.barista-filter-tabs button{flex:1;padding:.625rem .75rem;font-size:.875rem}.barista-filter-tabs button svg{display:none}.barista-notification-actions{width:100%;flex-direction:column}.barista-btn-mark-all,.barista-btn-clear-read{width:100%;justify-content:center}.barista-notification-card{padding:1.25rem;gap:1rem}.barista-notification-icon{font-size:1.5rem;width:2.5rem;height:2.5rem}.barista-notification-header{flex-direction:column;align-items:flex-start;gap:.5rem}.barista-notification-content h3{font-size:1rem}.barista-notification-content p{font-size:.9rem}.barista-notification-delete{opacity:1;position:absolute;top:1rem;right:1rem}}.barista-settings{max-width:1200px;margin:0 auto}.barista-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:2rem}.barista-settings-card{background:var(--surface-color);border-radius:20px;border:1px solid var(--border-color);overflow:hidden}.barista-settings-card-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--card-background)}.barista-settings-card-header svg{font-size:1.5rem;color:var(--accent-color)}.barista-settings-card-header h2{font-size:1.25rem;font-weight:600;color:var(--heading-color);margin:0}.barista-settings-card-body{padding:2rem}.barista-form-group{margin-bottom:1.5rem}.barista-form-group:last-of-type{margin-bottom:0}.barista-form-group label{display:block;margin-bottom:.5rem;color:var(--heading-color);font-weight:500;font-size:.95rem}.barista-form-group label svg{margin-right:.5rem;vertical-align:middle}.barista-input,.barista-select{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);color:var(--text-color);font-size:1rem;transition:all .3s}.barista-input:focus,.barista-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #cda45e1a}.barista-input-readonly{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--card-background);color:var(--text-secondary);font-size:1rem;cursor:not-allowed}.barista-checkbox-group{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.barista-checkbox-group:last-of-type{border-bottom:none;margin-bottom:1.5rem}.barista-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--heading-color)}.barista-checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent-color)}.barista-checkbox-label span{flex:1}.barista-checkbox-desc{margin:.5rem 0 0 2rem;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.barista-settings-note{margin-top:1rem;padding:.875rem 1rem;background:var(--card-background);border-left:3px solid var(--accent-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem}.barista-btn-primary{margin-top:1.5rem}.barista-success-message{margin-top:1rem;padding:.875rem 1rem;background:#4caf501a;border:1px solid var(--success-color);border-radius:8px;color:var(--success-color);font-weight:500}@media(max-width:1024px){.barista-settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.barista-settings-card-body{padding:1.5rem}.barista-checkbox-desc{margin-left:0;padding-left:2rem}}