@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Dancing+Script:wght@400;700&family=Lato:wght@300;400;700;900&family=Merriweather:wght@300;400;700&family=Montserrat:wght@400;700;900&family=Open+Sans:wght@400;700;800&family=Oswald:wght@300;400;700&family=Pacifico&family=Playfair+Display:wght@400;700;900&family=Righteous&family=Roboto+Slab:wght@300;400;700;900&family=Ubuntu:wght@400;700&display=swap";:root{--card-bg-color: #ffffff;--card-text-color: var(--text-color);--card-shadow: 0 2px 5px rgba(0, 0, 0, .05);--card-radius: var(--border-radius);--card-title-size: 1.1rem;--card-font-family: inherit;--primary-color: #3d3935;--secondary-color: #6c757d;--background-color: #ffffff;--surface-color: #f8f9fa;--text-color: #212529;--border-color: #dee2e6;--global-padding: 1rem;--section-margin: 2rem;--border-radius: .25rem;--font-family-main-name: system-ui;--font-family-sans-serif: var(--font-family-main-name), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--site-zoom: 100%;--desktop-zoom: 100%;--header-height-mobile: 60px;--header-height-desktop: 80px;--header-height: var(--header-height-mobile);--primary-btn-text-color: #ffffff;--header-max-width: 1200px}html.dark{--primary-color: #fa3a18;--secondary-color: #8c96a2;--background-color: #121212;--surface-color: #1e1e1e;--text-color: #e0e0e0;--border-color: #333}body,html{zoom:var(--site-zoom);margin:0!important}*,*:after,*:before{box-sizing:border-box}body{background-color:var(--background-color);font-family:var(--font-family-sans-serif);font-size:1rem;margin:0;transition:background-color .2s,color .2s}.nav-link,body,h1,h2,h3,h4{color:var(--text-color)}h1,h2,h3,h4{margin-top:0}.form-group,p{margin-bottom:1rem}img{display:block;height:auto;max-width:100%}ul{list-style:none;margin:0;padding:0}#main-content{animation:fade-content-up .6s ease-out;margin:0 auto;padding:var(--global-padding);flex:1 1 auto!important;width:100%!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;max-width:var(--header-max-width, 1200px)!important}@keyframes fade-content-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#main-footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);color:var(--secondary-color);font-size:.9rem;padding:1rem;text-align:center;transform-origin:bottom center;width:100%;flex-shrink:0!important;margin-top:auto!important}#main-header{grid-template-columns:1fr auto 1fr;top:0;will-change:height;overflow:visible;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);height:var(--header-height);max-height:none;min-height:60px;z-index:2000;justify-content:space-between;padding:0 var(--global-padding);transition:background-color .3s ease,height .3s ease;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;position:relative!important;width:100%!important}#main-header h1{color:var(--primary-color);font-size:1.5rem;grid-column:2;line-height:1;white-space:nowrap;transition:all .6s cubic-bezier(.22,1,.36,1);text-align:center;height:100%;justify-content:center;left:0;position:absolute;top:0;z-index:1;align-items:center!important;display:flex!important;margin:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important}.site-logo{margin:0 auto;max-height:45px;width:auto}#main-header nav{gap:1.5rem;grid-column:3;align-items:center;height:100%;left:0;padding:0 15px;top:0;justify-content:space-between;position:relative;width:100%;display:flex!important;pointer-events:auto!important;z-index:10!important}.auth-loading-spinner,.nav-link.active,.nav-link:hover,body.btn-theme-outline .button-primary{color:var(--primary-color)}#auth-status-container,.he-row{align-items:center;display:flex;gap:10px}.hamburger-button{background:none;background-color:#ffffffd9;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:space-between;padding:8px 10px;position:relative;transition:all .2s ease;width:44px;z-index:2100}.hamburger-button.open span:nth-child(2){transform:translate(-10px);opacity:0}.mobile-menu-panel{background:var(--surface-color);background-color:var(--surface-color);box-shadow:-2px 0 10px #0003;display:flex;flex-direction:column;height:100vh;max-width:85vw;min-width:200px;padding-right:10px;padding-top:calc(var(--header-height, 60px) + 20px);position:fixed;right:0;top:0;transform:translate(100%);width:max-content;z-index:1900;transition:transform .3s ease-in-out,padding-top .6s cubic-bezier(.22,1,.36,1)}.mobile-auth-section{margin-top:auto;padding:2rem;text-align:center}.button-danger,.button-primary,.button-secondary{border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1rem;padding:.6rem 1.2rem;text-align:center;transition:opacity .2s}.button-primary{background-color:var(--primary-color);color:#fff}.button-secondary{background-color:var(--secondary-color);color:#fff}.button-danger,.modal-close-btn:hover{background-color:#dc3545;color:#fff}.button-danger:hover,.button-primary:hover,.button-secondary:hover{opacity:.9}.button-primary:disabled{cursor:not-allowed;opacity:.6}.small{font-size:.85rem;padding:.3rem .6rem}label{display:block;font-weight:500;margin-bottom:.5rem}input,select,textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);font-size:1rem;padding:.6rem}.visually-hidden{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}table{border-collapse:collapse;margin-bottom:1rem;width:100%}td,th{border-bottom:1px solid var(--border-color);padding:.8rem;text-align:left}.allergen-filter-btn:hover,th{background-color:var(--surface-color)}.role-badge{color:#fff;border-radius:4px;font-size:.8rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.role-badge.god,.toast-error{background:#dc3545}.role-badge.owner,.toast-success{background:#28a745}.role-badge.customer,.toast-info{background:var(--secondary-color)}.menu-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.sub-tabs-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.sub-tab-button{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;padding:.4rem 1rem}.sub-tab-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.menu-items-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:var(--section-margin)}.menu-item-card{font-family:var(--card-font-family)!important;background:var(--card-bg-color)!important;color:var(--card-text-color)!important;border:1px solid var(--border-color);border-radius:var(--card-radius)!important;box-shadow:var(--card-shadow)!important;overflow:hidden;transition:transform .2s,box-shadow .2s}.menu-item-name{font-size:var(--card-title-size)!important;line-height:1.2}.menu-item-description{line-height:1.4!important}.menu-item-card:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-3px)}.menu-item-image{height:180px;object-fit:cover;width:100%;filter:blur(5px);opacity:0;transform:scale(.95);transition:opacity .5s ease,transform .5s ease,filter .5s ease;will-change:opacity,transform}.menu-item-content{padding:1rem}.menu-item-footer{align-items:center;justify-content:space-between;margin-top:1rem}.menu-item-price{color:var(--primary-color);font-size:1.1rem;font-weight:700}.cart-item{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem 0}.quantity-selector{border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex}.quantity-btn{background:none;border:none;cursor:pointer;padding:.5rem}.quantity-input{border:none;text-align:center;width:40px}.order-history-list{display:flex;flex-direction:column;gap:1rem}.order-history-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.order-card-header{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}#image-preview{border:1px solid var(--border-color);display:block;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.debug-modal-container{background:#fff;height:80vh;width:90%}#toast-container{align-items:center;bottom:20px;display:flex;flex-direction:column;gap:10px;left:50%!important;max-width:90vw;pointer-events:none;position:fixed;right:auto!important;top:auto!important;transform:translate(-50%)!important;width:auto;z-index:9999}.toast{animation:slideIn .3s ease forwards;cursor:default;border-radius:4px;box-shadow:0 4px 12px #0003;color:#fff;max-width:90%;min-width:250px;opacity:0;padding:1rem 1.5rem;transform:translateY(20px);transition:all .3s ease-out;width:auto;margin:0!important;pointer-events:auto}.initial-app-loader{align-items:center;background:var(--background-color);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .4s ease-out,visibility .4s;width:100%;z-index:9999}#app-loader-overlay.hidden,.initial-app-loader.fade-out{opacity:0;pointer-events:none;visibility:hidden}.dynamic-coffee-spinner{color:var(--primary-color);height:90px;opacity:.9;width:90px}.cup-outline{transition:stroke .5s}.cup-outline,.steam-line{fill:none;stroke:currentColor}.steam-line{animation:steam-rise 2s ease-in-out infinite;opacity:0}.steam-2{animation-delay:.6s}.steam-3{animation-delay:1.2s}@keyframes steam-rise{0%{opacity:0;transform:translateY(5px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dynamic-hammer-spinner{color:var(--primary-color);height:80px;width:80px}.hammer-body{animation:hammer-swing 1s ease-in-out infinite;transform-origin:70px 70px}.nail-body{animation:nail-hit 1s ease-in-out infinite}@keyframes hammer-swing{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes nail-hit{0%,40%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}#god-mode-toolbar{background:#111;bottom:0;color:#fff;display:flex;font-size:.85rem;justify-content:center;left:0;padding:8px;position:fixed;width:100%;z-index:5000}.toolbar-content{align-items:center;display:flex;gap:1rem}.toolbar-btn{background:#333;border:1px solid #555;color:#fff;cursor:pointer;padding:2px 8px}.toolbar-btn.stop-btn{background:var(--primary-color)}#god-mode-debug-btn{transition:transform .2s;z-index:6000!important}#god-mode-debug-btn:hover{transform:scale(1.1)}@media (max-width: 768px){#auth-status-container,#main-header .nav-link,.admin-orders-table thead,.desktop-nav-group,.desktop-row,.nav-link:not(.mobile-only){display:none}.he-body{display:flex;flex:1;flex-direction:column}.hamburger-button{display:flex;margin-left:auto;z-index:2200}.auth-modal-container{flex-direction:column}.auth-divider{height:1px;margin:1rem 0;width:100%}.mobile-menu-panel .nav-link{border-bottom:1px solid var(--border-color);color:var(--text-color);display:block!important;font-size:1.2rem;padding:1rem 1.5rem}.table-wrapper{display:block;max-height:60vh;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrapper thead th{background-color:var(--surface-color);box-shadow:0 2px 2px -1px #0000001a;position:sticky;top:0;z-index:1}#main-header h1{grid-column:unset;left:50%;margin:0;pointer-events:none;position:absolute;white-space:nowrap;width:auto}#main-header nav{justify-content:flex-end}.about-phone-btn.mobile-sticky{animation:floatUp .5s ease-out;bottom:30px;box-shadow:0 5px 20px #0000004d;font-size:1.1rem;left:50%;max-width:300px;position:fixed;transform:translate(-50%);width:80%;z-index:900}.dashboard-container{overflow-x:hidden;padding-left:15px;padding-right:15px}.admin-orders-table,.admin-orders-table tbody,.mobile-order-card{display:block!important}.admin-orders-table td,.admin-orders-table tr{border:none;display:block}.admin-orders-table td{padding:0}}.modal-close-btn{box-shadow:0 2px 5px #0000001a;transition:all .2s ease;align-items:center;background-color:#f0f0f0;border:none;border-radius:50%;color:#666;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;width:32px;z-index:10}.modal-close-btn:hover{border-color:#dc3545;transform:rotate(90deg)}.delete-icon-btn,.delete-item-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);color:#dc3545;cursor:pointer;display:inline-flex;font-weight:600;gap:5px;padding:6px 12px;transition:all .2s ease}.delete-icon-btn:hover,.delete-item-btn:hover{background-color:#fff5f5;border-color:#dc3545;transform:scale(1.05)}.delete-item-btn:before{content:"🗑️";font-size:.9em}.allergen-filter-btn{background:transparent;border:1px solid var(--border-color);border-radius:20px;color:var(--secondary-color);cursor:pointer;font-size:.85rem;padding:4px 12px;transition:all .2s}.allergen-filter-btn.active{background-color:#e8f5e9;border-color:#2ecc71;color:#27ae60;font-weight:700}.allergen-container{display:flex;flex-wrap:wrap;gap:3px;margin-left:5px}.allergen-badge{border-radius:3px;color:#fff;font-size:.65rem;font-weight:700;padding:1px 4px}.allergen-badge.GF{background-color:#2ecc71}.allergen-badge.V{background-color:#27ae60}.allergen-badge.VG{background-color:#9b59b6}.allergen-badge.DF{background-color:#3498db}.toast.hide{animation:fadeOut .5s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.hamburger-button.open span:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger-button.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.table-wrapper{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;width:100%}.hamburger-button span{border-radius:2px;display:block;height:3px;opacity:1;transform-origin:center;transition:all .3s ease-in-out;width:100%;background-color:var(--header-text-color, var(--text-color))}body.bg-parallax{background-attachment:fixed;background-position:50%;background-size:cover}@keyframes bg-scroll-diag{0%{background-position:0 0}to{background-position:500px 500px}}body.bg-animate{animation:bg-scroll-diag 60s linear infinite}.desktop-nav-group{align-items:center;display:flex;gap:1.5rem}.delete-icon-btn{background:transparent;border:1px solid transparent;border-radius:4px;color:#dc3545;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 8px;transition:all .2s}.delete-icon-btn:hover{background-color:#fff0f0;transform:scale(1.1)}.he-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.toast.show{opacity:1;transform:translateY(0)}.toast.toast-info{background-color:var(--secondary-color, #666)}.toast.toast-success{background-color:#28a745}.toast.toast-error{background-color:#dc3545}.toast.clickable{cursor:pointer;text-decoration:underline}.he-modal-wrapper{color:#333;display:flex;flex-direction:column;font-family:var(--font-family-sans-serif);gap:15px;max-width:90vw;width:100%}.he-title{border-bottom:1px solid #eee;color:var(--primary-color);font-size:1.25rem;margin:0;padding-bottom:10px}.he-subtitle{border-bottom:2px solid #eee;color:#555;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:15px 0 10px;padding-bottom:5px;text-transform:uppercase}.he-preview-box{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;position:sticky;top:0;width:100%;z-index:100}.he-controls-container{display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width: 700px){.he-controls-container{grid-template-columns:1fr}}.he-column{display:flex;flex-direction:column;gap:10px}.he-input-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.he-input-group label{color:#444;font-size:.9rem;font-weight:500}.he-color-picker-wrapper{align-items:center;background:#f9f9f9;border:1px solid #eee;border-radius:20px;display:flex;gap:8px;padding:3px 8px}input[type=color]{background:none;border:none;cursor:pointer;height:30px;padding:0;width:30px}.he-color-value{color:#666;font-family:monospace;font-size:.8rem}.he-number-input,.he-select,.he-text-input{border:1px solid #ccc;border-radius:4px;font-size:.9rem;margin-left:10px;padding:8px}.he-text-input{box-sizing:border-box;width:100%}.he-select{background:#fff;width:100%}.he-number-input{text-align:center;width:60px}.he-range-group{background:#f9f9f9;border-radius:4px;margin-top:5px;padding:8px}.he-range-group label{color:#888;display:block;font-size:.75rem;margin-bottom:2px}.he-range-row{align-items:center;display:flex;font-size:.8rem;gap:10px}.he-range-row input,main{flex:1}.he-divider{background-color:#eee;height:1px;margin:10px 0}.he-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:10px;padding-top:15px}.reset-pos-btn{background:none;border:1px solid #ccc;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;margin-left:5px;padding:2px 6px}.reset-pos-btn:hover{background:#eee;color:#333}.he-drop-zone{background:#f9f9f9;border:2px dashed #ccc;border-radius:6px;color:#666;cursor:pointer;margin-bottom:10px;padding:20px;text-align:center;transition:all .2s}.he-drop-zone.drag-over,.he-drop-zone:hover{background:#fffdf5;border-color:var(--primary-color);color:var(--primary-color)}.he-drop-zone p{font-size:.9rem;margin:0}.he-drop-zone small{color:#999;font-size:.75rem}.he-letter-row{background:#f0f0f0;border-radius:4px;display:flex;flex-wrap:wrap;gap:5px;margin:10px 0;padding:10px}.he-letter-chip{font-size:.9rem;align-items:center;background:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-weight:700;height:30px;transition:all .2s;-webkit-user-select:none;user-select:none;width:30px}.he-letter-chip.selected{box-shadow:0 2px 5px #0003;transform:scale(1.1);background:var(--primary-color, #333);border-color:var(--primary-color, #333);color:#fff}.he-adv-controls{background:#fff;border:1px solid #ddd;border-radius:4px;display:none;padding:10px}.he-adv-controls.active{animation:fadeIn .2s;display:block}.he-mini-row{align-items:center;display:flex;gap:5px;margin-bottom:5px}.he-mini-label{color:#666;font-size:.7rem;width:40px}.he-mini-input{flex:1;font-size:.8rem;padding:2px}.modal-content{background:var(--background-color);border-radius:var(--border-radius);box-shadow:0 10px 30px #0000004d;max-width:1000px;padding:1rem!important;position:relative}#main-header h1,.he-preview-box{overflow:hidden}#main-header h1 svg{object-fit:contain;overflow:visible;height:90%;display:block;flex-shrink:0!important;max-height:none!important;max-width:none!important;width:auto!important}.client-name-btn,.modal-close-btn{cursor:pointer;transition:all .2s}.client-name-btn{background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:20px;color:var(--primary-color);display:inline-block;font-weight:600;padding:4px 12px}.client-name-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 5px #0000001a;color:#fff}.live-timer{font-variant-numeric:tabular-nums;font-weight:700}.live-timer.overdue{color:#dc3545}.live-timer.due-soon{color:#e67e22}.live-timer.okay{color:#28a745}.hamburger-button:hover{background-color:#fff;transform:scale(1.05)}.mobile-menu-panel.open{transform:translate(0)}.mobile-menu-panel .nav-link{border-bottom:1px solid var(--border-color);color:var(--text-color);display:block;font-size:1.2rem;padding:1rem 1.5rem;text-decoration:none;white-space:nowrap}.dashboard-section{margin-bottom:5px}.about-phone-btn{align-items:center;background-color:#28a745;border-radius:50px;color:#fff;display:inline-flex;font-weight:700;gap:10px;justify-content:center;margin-top:20px;padding:12px 25px;text-decoration:none;transition:transform .2s,box-shadow .2s}.about-phone-btn:hover{background-color:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@keyframes flashRedFade{0%{background-color:#dc354566}50%{background-color:#dc35451a}to{background-color:transparent}}tr.flash-highlight{animation:flashRedFade 2s ease-out forwards}.he-unsaved-overlay{align-items:center;animation:fadeIn .2s;background-color:#fffffff2;border-radius:4px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:50}.he-unsaved-box{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 5px 20px #0003;max-width:300px;padding:2rem;text-align:center}.he-unsaved-box h4{color:var(--primary-color);margin-top:0}.he-unsaved-actions{gap:10px;margin-top:20px}#he-letter-chips,.he-letter-chip,.he-unsaved-actions,.loader-container{display:flex;justify-content:center}.loader-container{align-items:center;color:var(--primary-color);flex-direction:column;height:60vh;width:100%}.loader-icon{height:80px;object-fit:contain;width:80px}.loader-text{color:#888;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-top:20px;text-transform:uppercase}.anim-pulse{animation:spin-pulse 2s ease-in-out infinite}.anim-bounce{animation:spin-bounce 1s ease-in-out infinite}.anim-fade{animation:spin-fade 1.5s ease-in-out infinite}.anim-spin{animation:spin-rotate 1.5s linear infinite}@keyframes spin-pulse{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.9)}}@keyframes spin-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes spin-fade{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.mini-steam{animation:steamRise 2.5s ease-in-out infinite;opacity:0;stroke:currentColor}@keyframes steamRise{0%{opacity:0;transform:translateY(0)}50%{opacity:.8}to{opacity:0;transform:translateY(-15px)}}.nav-link{color:var(--header-text-color, var(--text-color));font-weight:500;position:relative;text-decoration:none;transition:color .2s}.nav-link:hover{opacity:.8}.nav-link.active{border-bottom:2px solid var(--header-active-color, var(--primary-color));color:var(--header-active-color, var(--primary-color));font-weight:700}.admin-tab-btn{background:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.admin-tab-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 5px #0003;color:#fff}.admin-tab-btn:hover{transform:translateY(-2px)}#tab-sort-list{max-width:100%;overflow:hidden}.tab-config-item{border-radius:6px;box-sizing:border-box;margin-bottom:8px!important;padding:12px!important;width:100%}.item-modal-scroll-wrapper{max-height:85vh;overflow-y:auto;padding:25px}.form-grid-3{display:grid;gap:15px;grid-template-columns:1fr}@media (min-width: 768px){.form-grid-3{grid-template-columns:1fr 1fr 1fr}}.modal-header-row{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.checkbox-pill{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;display:inline-block;font-size:.85rem;margin:2px;padding:6px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.checkbox-pill:hover{background:#f9f9f9;border-color:#bbb}.checkbox-pill:has(input:checked){background-color:var(--primary-color, #007bff);border-color:var(--primary-color, #007bff);color:#fff}.checkbox-pill input{display:none}.advanced-section{background:#f8f9fa;border:1px dashed #ccc;border-radius:6px;display:none;margin-top:15px;padding:15px}#he-letter-controls.active,.advanced-section.visible,.image-preview.has-image{display:block}.image-upload-area{align-items:center;background-color:#f4f4f4;border:2px dashed #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:180px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative;transition:background .2s;width:100%}.image-upload-area:hover{background-color:#e9e9e9;border-color:#999}.image-preview{display:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.role-god{background-color:#000;border:1px solid #333;color:#fff}.role-owner{background-color:var(--primary-color);color:#fff}.role-manager{background-color:#17a2b8;color:#fff}.role-staff{background-color:#6c757d;color:#fff}.role-customer{background-color:#e9ecef;color:#333}.role-guest{background-color:#f8f9fa;border:1px dashed #ccc;color:#666}.page-transition-fade{animation:pageFadeIn .5s ease-out forwards}.page-transition-slide{animation:pageSlideUp .5s ease-out forwards}.page-transition-zoom{animation:pageZoomIn .4s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .5s ease forwards;animation-duration:.5s;animation-fill-mode:forwards;animation-name:fadeInUp;opacity:0}@media (min-width: 900px){body{zoom:var(--desktop-zoom)}.cart-items-wrapper{align-items:start;display:grid;gap:15px;grid-template-columns:1fr 1fr}.cart-item{background:#fff;border:1px solid #eee;border-radius:8px;padding:10px}.cart-items-wrapper>div:not(.cart-item){grid-column:1 / -1}:root{--header-height: var(--header-height-desktop)}#main-header.header-constrained{padding-left:max(var(--global-padding),calc((100vw - var(--header-max-width)) / 2));padding-right:max(var(--global-padding),calc((100vw - var(--header-max-width)) / 2))}#main-header.logo-desktop-left h1{left:50%;max-width:1200px;padding-left:var(--global-padding);transform:translate(-50%);flex:1 1 auto!important;height:var(--header-height-desktop, 80px)!important;justify-content:flex-start!important;position:relative!important}#main-header.logo-desktop-left h1 svg{height:100%!important;max-width:100%!important;width:auto!important}#main-header h1 svg{max-width:none;height:85%}.modal-content,.modal-form-container{background:var(--background-color);border-radius:var(--border-radius);box-shadow:0 10px 25px #0003;max-height:110vh;max-width:1500px;overflow-y:auto;padding:2rem;position:relative}#main-header h1{justify-content:center}.menu-items-grid{display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr!important;opacity:1!important;visibility:visible!important}.menu-item-card{align-items:stretch!important;flex-direction:row!important;padding:0!important;display:flex!important;opacity:1!important;width:100%!important}.menu-item-card img.menu-item-image{border-radius:0!important;border-right:1px solid #eee;object-fit:cover;width:180px!important}.menu-item-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:20px}.menu-item-content h3{font-size:1.2rem;margin-bottom:5px}.menu-item-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto}.menu-item-footer{margin-top:10px;padding-top:10px}.he-body{flex-direction:row}.he-preview-pane{flex:2;height:100%}#he-preview-container{height:100%;max-height:none}.he-controls-pane{border-left:1px solid #eee;flex:1;padding-left:20px}#main-header.logo-desktop-left{align-items:center!important;flex-direction:row!important;justify-content:space-between!important;min-height:var(--header-height-desktop, 80px)!important}#main-header.logo-desktop-left nav{flex:0 0 auto!important;justify-content:flex-end!important}#main-header:not(.logo-desktop-left){align-items:center!important;flex-direction:column!important;height:auto!important;justify-content:center!important;min-height:var(--header-height-desktop, 80px)!important;padding-bottom:10px!important;padding-top:10px!important}#main-header:not(.logo-desktop-left) h1{flex:0 0 auto!important;height:var(--header-height-desktop, 80px)!important;justify-content:center!important;position:relative!important;width:100%!important}#main-header:not(.logo-desktop-left) h1 svg{height:100%!important}#main-header:not(.logo-desktop-left) nav{gap:15px!important;justify-content:center!important;margin-top:10px!important;width:100%!important}#hamburger-btn,.hamburger-button{display:none!important}}#auth-status-container,#main-header nav>*,#main-header nav a,#main-header nav button{pointer-events:auto}.menu-item-image.loaded{filter:blur(0);opacity:1;transform:scale(1)}.menu-item-card.fade-in-up{animation:fadeInUp .5s ease forwards;opacity:0}#app{display:flex;flex-direction:column;min-height:100vh}#app-loader-overlay{background-color:var(--background-color, #fff);transition:opacity .5s ease,visibility .5s;width:100%;align-items:center;display:flex;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;z-index:9999}@media (max-width: 899px){#main-header h1{max-width:100%!important;padding-left:0!important;bottom:0!important;justify-content:center!important;left:0!important;position:absolute!important;right:0!important;top:0!important;width:100vw!important;z-index:1!important}#main-header h1 svg{max-width:85%;height:85%!important}.menu-item-image.loaded{height:auto;margin:-20px 0 -30px;object-fit:contain;transform:scale(.6)}.menu-item-name{z-index:100}.menu-item-footer{align-items:center}#main-header{align-items:center!important;justify-content:flex-end!important;padding-left:var(--global-padding, 20px)!important;padding-right:var(--global-padding, 20px)!important}#hamburger-btn,.hamburger-button{display:flex!important}#desktop-nav-links,.desktop-nav-group{display:none!important}}.mobile-order-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:none;margin-bottom:15px;padding:15px}.desktop-row{display:table-row}.admin-orders-table{border-collapse:collapse;width:100%}.badge{border-radius:4px;font-size:.75rem;font-weight:700;padding:4px 8px}.badge.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge.warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.badge.neutral{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}@media (max-width: 900px){.modal-content,.modal-form-container{background:var(--background-color);border-radius:var(--border-radius);box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}#mobile-emulator-wrapper{display:none!important}}#main-header,#main-header h1{align-items:center;display:flex;width:100%}body.btn-theme-pill .button-primary,body.btn-theme-pill .button-secondary,body.btn-theme-pill button{border-radius:50px!important}body.btn-theme-sharp .button-primary,body.btn-theme-sharp .button-secondary,body.btn-theme-sharp button{border:2px solid #000;border-radius:0!important;box-shadow:4px 4px #000;transition:transform .1s}body.btn-theme-sharp button:active{box-shadow:2px 2px #000;transform:translate(2px,2px)}body.btn-theme-gradient .button-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;border:none;box-shadow:0 4px 15px #0003}body.btn-theme-outline .button-primary{background:transparent!important;border:2px solid var(--primary-color)!important;font-weight:800}body.btn-theme-outline .button-primary:hover{background:var(--primary-color)!important;color:#fff!important}body.btn-theme-glass .button-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid rgba(255,255,255,.3);color:#333}body.btn-theme-neon .button-primary{border:1px solid white;box-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color)}.button-primary,body.btn-theme-gradient .button-primary,body.btn-theme-neon .button-primary,body.btn-theme-pill .button-primary,body.btn-theme-sharp .button-primary{color:var(--primary-btn-text-color)!important}.cart-item.out-of-stock{background-color:#f8d7da;opacity:.6;pointer-events:none}.cart-item.out-of-stock:after{color:#721c24;content:"OUT OF STOCK";display:block;font-size:.8rem;font-weight:700}.header-editor-modal{background:#fff;display:flex;flex-direction:column;height:85vh;max-width:1200px}.he-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:15px}.he-body{display:flex;gap:20px;overflow:hidden;padding-top:20px}.he-preview-pane{display:flex;flex:0 0 auto;flex-direction:column;gap:15px}#he-preview-container{align-items:center;background:#eee;border:2px dashed #ccc;border-radius:8px;display:flex;height:180px;justify-content:center;overflow:hidden}.he-quick-input{background:#f9f9f9;border-radius:8px;padding:10px}#he-main-input{border:1px solid #ddd;border-radius:4px;font-size:1.2rem;letter-spacing:1px;margin-top:5px;padding:8px;width:100%}.he-controls-pane{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding-right:5px}.he-control-group{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px}.he-control-group h4{color:#666;font-size:.8rem;margin:0 0 8px;text-transform:uppercase}.he-grid-2{display:grid;font-size:.8rem;gap:10px;grid-template-columns:1fr 1fr}.he-grid-2 label{display:flex;flex-direction:column}@media (min-width: 1100px){#admin-content{align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}#admin-content>.full-width,#admin-content>h2{grid-column:1 / -1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#he-letter-chips{flex-wrap:wrap;gap:8px;margin-top:10px}.he-letter-chip:hover{background:#e0e0e0;transform:translateY(-2px)}#app,body,html{height:100%!important}#main-header.header-constrained{padding-left:max(var(--global-padding, 20px),calc((100vw - var(--header-max-width, 1200px)) / 2))!important;padding-right:max(var(--global-padding, 20px),calc((100vw - var(--header-max-width, 1200px)) / 2))!important}@keyframes quickFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in{animation:quickFadeIn .4s ease forwards;opacity:0}#test-call-btn{margin-bottom:10px}.auth-modal-container{display:flex;flex-direction:column;gap:20px;padding:10px 15px}.auth-form-section{flex:1;display:flex;flex-direction:column}.auth-form-section h2{margin-top:0;margin-bottom:15px;color:var(--primary-color, #333);font-size:1.5rem}.auth-form-section input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.auth-form-section button{margin-top:auto}.auth-divider{background:#eee;height:1px;margin:10px 0;width:100%}@media (min-width: 768px){.auth-modal-container{flex-direction:row;gap:30px}.auth-divider{width:1px;height:auto;min-height:250px;margin:0}}body.static-mode{filter:grayscale(100%);background-color:#fff!important;background-image:none!important;color:#000!important;font-family:Courier New,Courier,monospace!important}body.static-mode .add-to-cart-btn,body.static-mode .edit-item-btn,body.static-mode .delete-item-btn,body.static-mode #cart-count,body.static-mode .nav-link[href="#cart"],body.static-mode .nav-link[href="#order-history"],body.static-mode .mobile-auth-section,body.static-mode #login-signup-btn,body.static-mode #auth-status-container{display:none!important}body.static-mode #main-header{border-bottom:2px solid #000;justify-content:center}body.static-mode #main-header nav{flex-grow:0}body.static-mode .menu-item-card{border:1px solid #000;box-shadow:none;border-radius:0}body.static-mode .menu-item-image{filter:contrast(1.2)}body.static-mode .static-notice{text-align:center;padding:10px;background:#000;color:#fff;font-weight:700;text-transform:uppercase;font-size:.8rem}