@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-brown:#4a2c11;--color-brown-light:#6b4423;--color-latte:#f5ebe1;--color-latte-dark:#e6d5c3;--color-gold:#cfa459;--color-gold-hover:#b88e44;--color-white:#fff;--color-text:#2c221c;--color-text-muted:#7a695c;--color-border:#e8dccb;--color-success:#4caf50;--shadow-sm:0 2px 8px #4a2c110d;--shadow-md:0 4px 16px #4a2c1114;--shadow-lg:0 8px 24px #4a2c111f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--root-bg:#e0d4c8;--card-bg:#fffc;--card-bg-hover:#fffffff2;--card-border:#fffc;--favorite-bg:#ffffffe6;--overlay-bg:#ffffffb3}:root.dark-mode{--color-brown:#f5ebe1;--color-brown-light:#e6d5c3;--color-latte:#1a120b;--color-latte-dark:#2c221c;--color-gold:#cfa459;--color-gold-hover:#e8dccb;--color-white:#2c221c;--color-text:#f5ebe1;--color-text-muted:#a39182;--color-border:#3a2d24;--root-bg:#0d0905;--card-bg:#ffffffd9;--card-bg-hover:#fffffff2;--card-border:#ffffff80;--favorite-bg:#ffffffe6;--overlay-bg:#fffc;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-latte);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}#root{background-color:var(--root-bg);justify-content:center;height:100dvh;display:flex;overflow:hidden}.app-container{background-color:var(--color-latte);width:100%;max-width:480px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.page-content{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:90px;transition:all .3s;overflow-y:auto}@media (width>=768px){body{overflow-x:hidden}#root{height:auto;min-height:100vh;overflow:visible}.app-container{max-width:1200px;height:auto;min-height:100vh;margin:0 auto;overflow:visible;box-shadow:0 0 40px #0000000d}.app-container:has(.admin-layout-container){max-width:100%;height:100vh;overflow:hidden}.page-content{height:auto;margin-left:0;padding-top:72px;padding-bottom:0;overflow:visible}:is(.page-content:has(.admin-layout-container),.page-content:has(.onboarding-container),.page-content:has(.admin-login-container)){padding-top:0}.page-content:has(.admin-layout-container){flex-direction:column;height:100%;display:flex;overflow:hidden}}.btn-primary{background:linear-gradient(135deg, #dfb160 0%, var(--color-gold) 100%);color:var(--color-white);border-radius:var(--radius-full);border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #cfa4594d,inset 0 1px #fff3}.btn-primary:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;transition:all .7s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover:after{left:150%}.btn-primary:hover,.btn-primary:active{background:linear-gradient(135deg, #e6b968 0%, var(--color-gold-hover) 100%);transform:translateY(-2px);box-shadow:0 12px 24px #cfa45966,inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(1px);box-shadow:0 4px 10px #cfa4594d}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media print{html,body{background-color:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#root,.app-container,.admin-layout-container{height:auto!important;min-height:auto!important;box-shadow:none!important;background:#fff!important;display:block!important;position:static!important;overflow:visible!important}.page-content,.admin-page-content,.admin-dashboard{height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.admin-bottom-nav,.desktop-header,.mobile-header,button{display:none!important}}.bottom-nav{background-color:var(--color-white);border-top:1px solid var(--color-border);width:100%;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:100;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #4a2c1114}.nav-list{justify-content:space-around;align-items:center;width:100%;display:flex}.nav-item{flex:1}.nav-link{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.nav-link.active{color:var(--color-gold)}.nav-icon{transition:transform .2s}.nav-link.active .nav-icon{transform:scale(1.1)}.cart-badge{color:#fff;background-color:#e53935;border:2px solid #fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-8px}@media (width>=768px){.bottom-nav{display:none}}.desktop-header{display:none}@media (width>=768px){.desktop-header{background-color:var(--color-white);z-index:1000;width:100%;height:72px;display:block;position:fixed;top:0;left:0;box-shadow:0 4px 12px #0000000d}.dh-container{justify-content:space-between;align-items:center;gap:32px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.dh-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;display:flex}.dh-logo-img{object-fit:cover;border-radius:8px;width:36px;height:36px}.dh-logo-icon{font-size:28px}.dh-logo-text{color:var(--color-brown);letter-spacing:-.5px;font-size:22px;font-weight:800}.dh-search{background-color:var(--color-latte);border-radius:var(--radius-full);border:1px solid var(--color-border);flex:1;align-items:center;gap:12px;max-width:600px;padding:10px 20px;transition:all .2s;display:flex}.dh-search:focus-within{border-color:var(--color-gold);background-color:var(--color-white);box-shadow:0 0 0 3px #cfa4591a}.dh-search-icon{color:var(--color-text-muted)}.dh-search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.dh-actions{flex-shrink:0;align-items:center;gap:24px;display:flex}.dh-icon-btn{color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;transition:color .2s;display:flex}.dh-icon-btn:hover{color:var(--color-brown)}.dh-icon-btn.profile{border-left:1px solid var(--color-border);gap:10px;padding-left:24px}.dh-cart-badge{color:#fff;border:2px solid var(--color-white);background-color:#e53935;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-6px;right:-8px}.dh-avatar{object-fit:cover;border:1.5px solid var(--color-gold);border-radius:50%;width:32px;height:32px}.dh-user-name{color:var(--color-text);font-size:14px;font-weight:600}}.chatbot-wrapper{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:80px;right:20px}@media (width>=768px){.chatbot-wrapper{bottom:30px;right:30px}}.chatbot-toggle-btn{background:var(--color-brown);color:#fff;cursor:pointer;pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 12px #6b422666}.chatbot-toggle-btn:hover{background:#5a3620;transform:scale(1.1)}.chatbot-window{-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#fffffff2;border:1px solid #ffffff80;border-radius:20px;flex-direction:column;width:90vw;max-width:360px;height:500px;max-height:70vh;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;transform:translateY(20px)scale(.9);box-shadow:0 10px 30px #00000026}.chatbot-window.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.chatbot-header{background:var(--color-brown);color:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.chatbot-header-info{align-items:center;gap:12px;display:flex}.chatbot-header-info h3{margin:0;font-size:14px;font-weight:600}.chatbot-header-info span{color:#a0f0a0;font-size:11px}.chatbot-close-btn{color:#fffc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.chatbot-close-btn:hover{color:#fff}.chatbot-messages{background:#f8f9fa;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-bubble-wrapper{align-items:flex-end;gap:8px;max-width:85%;display:flex}.chat-bubble-wrapper.bot{align-self:flex-start}.chat-bubble-wrapper.user{flex-direction:row-reverse;align-self:flex-end}.chat-bubble-wrapper.error{align-self:flex-start}.chat-avatar{background:var(--color-gold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.chat-avatar.user{background:var(--color-brown)}.chat-avatar.error{background:#ff4d4f}.chat-bubble{color:#333;border-radius:16px;padding:10px 14px;font-size:13px;line-height:1.4}.chat-bubble-wrapper.bot .chat-bubble{background:#fff;border:1px solid #eee;border-bottom-left-radius:4px;box-shadow:0 2px 5px #0000000d}.chat-bubble-wrapper.user .chat-bubble{background:var(--color-brown);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 5px #6b422633}.chat-bubble-wrapper.error .chat-bubble{color:#cf1322;background:#fff1f0;border:1px solid #ffa39e;border-bottom-left-radius:4px}.chat-bubble.loading{align-items:center;gap:4px;padding:14px 16px;display:flex}.dot{background-color:#bbb;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-input-area{background:#fff;border-top:1px solid #eee;gap:8px;padding:12px;display:flex}.chatbot-input-area input{border:1px solid #ddd;border-radius:20px;outline:none;flex:1;padding:10px 14px;font-size:13px;transition:border-color .2s}.chatbot-input-area input:focus{border-color:var(--color-gold)}.chatbot-input-area input:disabled{background:#f5f5f5}.chatbot-input-area button{background:var(--color-gold);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chatbot-input-area button:disabled{cursor:not-allowed;background:#ccc}.chatbot-input-area button:not(:disabled):hover{background:#a87e34}.header{z-index:50;background-color:var(--color-latte);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header-logo{color:var(--color-brown);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.logo-text{letter-spacing:-.5px}.header-actions{align-items:center;gap:16px;display:flex}.header-icon{color:var(--color-text);cursor:pointer}.user-icon{color:var(--color-brown)}@media (width>=768px){.header{display:none}}.order-status-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:24px;padding:16px}.status-title{color:var(--color-brown);margin-bottom:4px;font-size:18px;font-weight:700}.order-number{color:var(--color-text-muted);font-size:12px}.status-timeline-mini{justify-content:space-between;align-items:center;margin:20px 0;padding:0 8px;display:flex}.timeline-step{flex-direction:column;align-items:center;gap:6px;display:flex}.step-icon{background-color:var(--color-latte);width:28px;height:28px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.timeline-step.completed .step-icon{background-color:var(--color-gold);color:var(--color-white)}.timeline-step.active .step-icon{background-color:var(--color-gold);color:var(--color-white);box-shadow:0 0 0 3px #cfa45933}.step-label{color:var(--color-text-muted);font-size:10px;font-weight:500}.timeline-step.active .step-label,.timeline-step.completed .step-label{color:var(--color-brown)}.timeline-line{background-color:var(--color-latte-dark);flex:1;height:2px;margin:0 4px;transform:translateY(-8px)}.timeline-line.completed{background-color:var(--color-gold)}.status-eta{background-color:var(--color-latte);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;display:flex}.eta-icon{font-size:24px}.eta-text{color:var(--color-text);font-size:12px;font-weight:500}.eta-time{color:var(--color-text-muted);font-size:11px}.farah-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.farah-toast{color:#fff;opacity:0;pointer-events:auto;background-color:#3e2723;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-down;display:flex;box-shadow:0 8px 24px #3e272333}.farah-toast.toast-success{border-left:4px solid #d4af37}.farah-toast.toast-error{color:#333;background-color:#fff;border-left:4px solid #ff5252}.farah-toast.toast-fade-out{animation:.3s forwards toast-fade-out}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.product-card{background:var(--card-bg,#fffc);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border,#fffc);cursor:pointer;border-radius:24px;flex-direction:column;min-width:0;padding:8px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 10px 30px #4a2c110d}.product-card:hover{background:var(--card-bg-hover,#fffffff2);transform:translateY(-8px);box-shadow:0 16px 40px #4a2c111a}.product-image-container{background-color:var(--color-latte);border-radius:16px;height:140px;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.product-card:hover .product-image{transform:scale(1.08)}.product-info{flex-direction:column;flex:1;padding:16px 8px 8px;display:flex}.product-name{color:#4a2c11;letter-spacing:-.3px;margin-bottom:4px;font-size:15px;font-weight:700}.product-desc{color:#7a6859;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;margin-bottom:14px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{color:#4a2c11;font-size:15px;font-weight:800}.add-btn{background:linear-gradient(135deg, var(--color-gold), #d4af37);color:var(--color-white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 12px #cfa45940}.add-btn:hover{background:linear-gradient(135deg, #dfb160, var(--color-gold));transform:scale(1.08)translateY(-2px);box-shadow:0 8px 16px #cfa45966}.add-btn:active{transform:scale(.95)}.add-btn.disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#f0f0f0}.product-title-row{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:4px;display:flex}.product-title-row .product-name{white-space:normal;text-overflow:unset;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:0;line-height:1.3;display:-webkit-box;overflow:hidden}.status-badge-mini{border-radius:4px;flex-shrink:0;align-self:flex-start;margin-top:2px;margin-left:4px;padding:2px 6px;font-size:9px;font-weight:700}.status-badge-mini.available{color:#2e7d32;background-color:#e8f5e9}.status-badge-mini.empty{color:#c62828;background-color:#ffebee}.product-overlay-empty{background-color:var(--overlay-bg,#ffffffb3);color:#c62828;letter-spacing:1px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.favorite-toggle-btn{background-color:var(--favorite-bg,#ffffffe6);width:28px;height:28px;box-shadow:var(--shadow-sm);z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:8px;right:8px}.favorite-toggle-btn:active{transform:scale(.9)}.home-page{padding-bottom:20px}.home-content-padded{padding:0 20px}.promotions-section{margin-bottom:24px}.promo-slider{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.promo-slider::-webkit-scrollbar{display:none}.promo-banner{scroll-snap-align:center;border-radius:24px;flex:0 0 100%;align-items:flex-end;height:200px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 32px #4a2c1126}.promo-bg{object-fit:cover;filter:brightness(.9);width:100%;height:100%;transition:transform 6s;position:absolute;top:0;left:0}.promo-banner:hover .promo-bg{transform:scale(1.08)}.promo-banner:after{content:"";z-index:1;background:linear-gradient(#0000 0%,#0006 100%);position:absolute;inset:0}.promo-content{z-index:2;color:var(--color-text);-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:20px;width:90%;max-width:400px;margin-left:0;padding:20px;transition:transform .3s,box-shadow .3s;position:relative;transform:translateY(0);box-shadow:0 8px 32px #0000001a}.promo-banner:hover .promo-content{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.promo-title{color:var(--color-brown);letter-spacing:-.5px;margin-bottom:4px;font-size:20px;font-weight:800}.promo-desc{color:var(--color-text-muted);margin-bottom:12px;font-size:13px;line-height:1.4}.promo-link{color:var(--color-white);background:var(--color-gold);border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-block;box-shadow:0 4px 12px #cfa4594d}.promo-link:hover{background:var(--color-gold-hover);transform:translateY(-2px);box-shadow:0 6px 16px #cfa45966}.promo-indicators{justify-content:center;gap:8px;margin-top:14px;display:flex}.indicator{background-color:#e5e5e5;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator.active{background-color:var(--color-gold);border-radius:10px;width:20px}.section-title{color:var(--color-brown);margin-bottom:16px;font-size:18px;font-weight:700}.categories-section{margin-bottom:24px}.home-categories-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding-bottom:8px;display:grid}.home-category-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#fff9;border:1px solid #fffc;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 16px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #4a2c110d}.home-category-card:before{content:"";z-index:0;background:linear-gradient(135deg,#fff6 0%,#fff0 100%);position:absolute;inset:0}.home-category-card>*{z-index:1;position:relative}.home-category-card:hover{background:#ffffffe6;transform:translateY(-6px);box-shadow:0 16px 40px #4a2c111a}.category-icon-wrapper{width:60px;height:60px;color:var(--color-brown);background:linear-gradient(135deg,#fff,#fdf6e3);border:1px solid #fffc;border-radius:20px;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 20px #cfa45926}.home-category-card:hover .category-icon-wrapper{transform:scale(1.15)rotate(-5deg)}.category-icon-wrapper svg{width:28px;height:28px}.home-category-card span{color:var(--color-brown);white-space:nowrap;letter-spacing:-.2px;font-size:14px;font-weight:700}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width>=768px){.home-page{padding:32px}.home-content-padded{padding:0}.promo-banner{border-radius:32px;height:320px}.promo-content{border-radius:24px;max-width:500px;padding:32px}.promo-title{margin-bottom:8px;font-size:36px}.promo-desc{margin-bottom:20px;font-size:16px}.promo-link{padding:12px 24px;font-size:15px}.home-categories-grid{gap:24px}.home-category-card{min-width:120px;padding:24px 16px}.category-icon-wrapper{width:64px;height:64px}.category-icon-wrapper svg{width:32px;height:32px}.home-category-card span{font-size:15px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}.home-footer{border-top:1px solid var(--color-border,#eee);background-color:#fff;margin:40px -20px -20px;padding:40px 20px;position:relative}@media (width>=768px){.home-footer{box-sizing:border-box;width:100vw;margin-bottom:-32px;margin-left:calc(50% - 50vw);padding:40px calc(50vw - 50% + 32px)}}.footer-container{grid-template-columns:1fr;gap:24px;max-width:1200px;margin:0 auto;display:grid}@media (width>=768px){.footer-container{grid-template-columns:repeat(3,1fr);gap:20px}}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-bottom{text-align:center;border-top:1px solid var(--color-border,#eee);margin-top:32px;padding-top:24px}.footer-credit{color:#888;font-size:13px}.footer-title{color:var(--color-brown,#5c4033);margin-bottom:8px;font-size:16px;font-weight:600}.footer-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#666;font-size:14px;text-decoration:none;transition:color .2s}.footer-links li a:hover{color:var(--color-brown,#5c4033)}.footer-socials{gap:12px;display:flex}.social-icon{color:#666;background-color:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.social-icon:hover{background-color:var(--color-brown,#5c4033);color:#fff}.product-detail-page{-webkit-overflow-scrolling:touch;background-color:var(--color-brown);z-index:200;width:100%;height:100%;padding-bottom:90px;position:absolute;top:0;left:0;overflow-y:auto}.detail-header-actions{z-index:210;justify-content:space-between;height:40px;margin-top:20px;margin-bottom:-60px;padding:0 20px;display:flex;position:sticky;top:20px}.back-btn,.cart-btn{-webkit-backdrop-filter:blur(8px);width:40px;height:40px;color:var(--color-brown);box-shadow:var(--shadow-md);background-color:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.back-btn:hover,.cart-btn:hover{background-color:var(--color-white);color:var(--color-gold);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.back-btn:active,.cart-btn:active{transform:translateY(0)scale(.95)}.product-image-large{width:100%;height:350px}.product-image-large img{object-fit:cover;width:100%;height:100%}.detail-content{background-color:var(--color-latte);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);min-height:calc(100vh - 320px);margin-top:-30px;padding:24px 20px;position:relative}.detail-title{color:var(--color-brown);margin-bottom:8px;font-size:24px;font-weight:700}.detail-desc{color:var(--color-text-muted);margin-bottom:12px;font-size:13px;line-height:1.6}.detail-price{color:var(--color-text);margin-bottom:24px;font-size:24px;font-weight:700}.section-subtitle{color:var(--color-brown);margin-bottom:16px;font-size:16px;font-weight:700}.custom-group{margin-bottom:20px}.custom-label{color:var(--color-text);margin-bottom:10px;font-size:14px;font-weight:600}.options-row{gap:12px;display:flex}.option-btn{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.option-btn.selected{border-color:var(--color-gold);background-color:#cfa4591a}.option-text{color:var(--color-text);text-align:left;font-size:12px;font-weight:500}.option-icon{font-size:20px}.option-pill{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);flex:1;padding:10px 0;font-size:13px;font-weight:500;transition:all .2s}.option-pill.selected{background-color:var(--color-gold);border-color:var(--color-gold);color:var(--color-white)}.detail-bottom-bar{background-color:var(--color-white);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:210;align-items:center;gap:16px;width:100%;max-width:480px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #4a2c1114}.qty-selector{background-color:var(--color-latte);border-radius:var(--radius-full);align-items:center;padding:4px;display:flex}.qty-btn{background-color:var(--color-white);width:36px;height:36px;color:var(--color-text);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.qty-text{text-align:center;width:32px;font-size:16px;font-weight:600}.flex-1{flex:1}.carousel-wrapper{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:start;flex:0 0 100%;width:100%;height:100%}.carousel-slide img{object-fit:cover;width:100%;height:100%}.carousel-indicators{z-index:5;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);background-color:#4a2c1166;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.carousel-dot{background-color:#ffffff80;border-radius:50%;width:8px;height:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.carousel-dot.active{background-color:var(--color-white);border-radius:4px;width:16px}@media (width>=768px){.product-detail-page{z-index:1;border-radius:var(--radius-lg);background-color:#0000;height:auto;min-height:auto;padding:80px 32px 32px calc(50% + 16px);display:block;position:relative;top:auto;left:auto;overflow-y:visible}.detail-header-actions{z-index:100;background-color:var(--color-latte);width:100%;max-width:1200px;margin:0;padding:16px 32px;position:fixed;top:72px;left:50%;transform:translate(-50%)}.product-image-large{aspect-ratio:1;border-radius:var(--radius-lg);width:calc(50% - 48px);max-width:540px;box-shadow:var(--shadow-lg);z-index:5;margin-top:0;position:fixed;top:calc(50vh + 72px);left:50%;overflow:hidden;transform:translate(calc(-100% - 16px),-50%)}.product-image-large img,.product-image-large .carousel-slide img{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0}.detail-content{border-radius:var(--radius-lg);background-color:#0000;min-height:auto;margin-top:0;padding:0}.detail-bottom-bar{border-radius:var(--radius-lg);background-color:var(--color-white);z-index:110;width:100%;max-width:none;margin-top:32px;padding:20px;position:sticky;bottom:32px;transform:none;box-shadow:0 -4px 20px #4a2c1114}}.reviews-section{border-top:1px dashed var(--color-border);margin-top:32px;padding-top:24px;padding-bottom:24px}.review-card{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.review-header{justify-content:space-between;margin-bottom:8px;display:flex}.review-name{color:var(--color-brown);font-size:14px;font-weight:600}.review-date{color:var(--color-text-muted);font-size:11px}.review-text{color:var(--color-text);margin-top:8px;font-size:13px;line-height:1.5}.star-rating{gap:2px;display:flex}.review-form{border-radius:var(--radius-md);background:#ffffff80;border:1px solid #cfa4594d;margin-bottom:24px;padding:16px}.review-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;width:100%;min-height:80px;margin-top:12px;margin-bottom:12px;padding:12px;font-family:inherit;font-size:13px}.btn-submit-review{background:var(--color-gold);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-block}.btn-submit-review:hover:not(:disabled){background:#b58c42}.btn-submit-review:disabled{opacity:.5;cursor:not-allowed}.cart-page{background-color:var(--color-latte);min-height:100vh;padding-bottom:90px}.cart-header{background-color:var(--color-white);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex}.icon-btn{color:var(--color-brown)}.cart-content{padding:0 20px}.order-type-toggle{background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:4px;display:flex}.toggle-btn{color:var(--color-text-muted);border-radius:var(--radius-full);flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.toggle-btn.active{background-color:var(--color-brown);color:var(--color-white)}.cart-section{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.section-label{color:var(--color-brown);margin-bottom:16px;font-size:14px;font-weight:700}.cart-item{border-bottom:1px solid var(--color-border);gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.item-img{border-radius:var(--radius-sm);object-fit:cover;width:64px;height:64px}.item-info{flex:1}.item-top{justify-content:space-between;align-items:flex-start;display:flex}.item-name{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:600}.remove-btn{color:var(--color-text-muted);background-color:var(--color-latte);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.item-custom{color:var(--color-text-muted);margin-bottom:8px;font-size:11px}.item-bottom{justify-content:space-between;align-items:center;display:flex}.qty-selector.small{gap:16px;padding:4px 6px}.qty-selector.small .qty-btn{width:32px;height:32px}.qty-selector.small .qty-text{width:24px;font-size:16px;font-weight:700}.item-price{color:var(--color-text);font-weight:700}.address-text{color:var(--color-text);font-size:13px;line-height:1.5}.btn-secondary{background-color:var(--color-gold);color:var(--color-white);border-radius:var(--radius-md);opacity:.8;width:100%;padding:10px 16px;font-size:13px;font-weight:600}.btn-secondary.small{width:auto;padding:6px 12px;font-size:12px}.mt-12{margin-top:12px}.payment-card{justify-content:space-between;align-items:center;display:flex}.payment-active{align-items:center;gap:12px;display:flex}.payment-icon{border-radius:var(--radius-sm);background-color:#00aedb;width:32px;height:32px}.payment-name{color:var(--color-text);font-size:14px;font-weight:600}.payment-number{color:var(--color-text-muted);font-size:11px}.cost-row{color:var(--color-text-muted);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.cost-row.total{border-top:1px dashed var(--color-border);color:var(--color-text);margin-top:12px;margin-bottom:0;padding-top:12px;font-size:16px;font-weight:700}.checkout-bottom-bar{background-color:var(--color-white);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:210;width:100%;max-width:480px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #4a2c1114}.cart-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.cart-modal-content{background-color:var(--color-white);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-width:480px;padding:24px;animation:.3s slideUp;box-shadow:0 -4px 20px #0000001a}.cart-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cart-modal-header h3{color:var(--color-brown);font-size:16px;font-weight:700}.payment-option{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.payment-option:hover{background-color:var(--color-latte)}.payment-option.selected{border-color:var(--color-gold);background-color:var(--color-latte)}.payment-option .payment-info{flex:1}.payment-option .payment-info h4{color:var(--color-text);font-size:14px;font-weight:600}.payment-option .payment-info p{color:var(--color-text-muted);font-size:11px}.radio-circle{border:2px solid var(--color-border);border-radius:50%;width:20px;height:20px;position:relative}.payment-option.selected .radio-circle{border-color:var(--color-gold)}.payment-option.selected .radio-circle:after{content:"";background-color:var(--color-gold);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=768px){.cart-page{background-color:#0000;padding:32px 32px 0}.cart-header{border-radius:var(--radius-lg);margin-bottom:32px}.cart-content{padding:0}.cart-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:32px;display:grid}.checkout-bottom-bar{border-radius:var(--radius-lg);width:100%;max-width:none;box-shadow:var(--shadow-sm);margin-top:24px;padding:20px;position:static;transform:none}}.tracking-page{background-color:var(--color-latte);min-height:100vh;padding-bottom:140px}.tracking-header{background-color:var(--color-white);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tracking-content{padding:20px}.map-container{border-radius:var(--radius-md);height:180px;box-shadow:var(--shadow-sm);margin-bottom:24px;position:relative;overflow:hidden}.map-img{object-fit:cover;filter:sepia(.3)hue-rotate(340deg)saturate(.8);width:100%;height:100%}.map-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.map-marker{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.store-marker{top:40%;left:20%}.delivery-marker{top:45%;left:50%}.home-marker{top:60%;right:20%}.marker-icon{background-color:var(--color-brown);width:32px;height:32px;color:var(--color-white);box-shadow:var(--shadow-md);border:2px solid var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.delivery-marker .marker-icon{background-color:var(--color-gold);animation:2s infinite pulse}.marker-label{background-color:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-brown);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.timeline-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px}.timeline-item{align-items:flex-start;gap:16px;display:flex}.timeline-icon{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.completed .timeline-icon{background-color:var(--color-gold);color:var(--color-white)}.active .timeline-icon{background-color:var(--color-white);color:var(--color-gold);border:2px solid var(--color-gold);box-shadow:0 0 0 3px #cfa45933}.pending .timeline-icon{background-color:var(--color-latte-dark);color:var(--color-white)}.timeline-info{flex:1}.timeline-title{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:600}.completed .timeline-title,.active .timeline-title{color:var(--color-brown)}.timeline-desc{color:var(--color-text-muted);font-size:12px}.timeline-time{color:var(--color-text);font-size:11px;font-weight:500}.timeline-connector{background-color:var(--color-latte-dark);z-index:1;width:2px;height:24px;margin-top:-4px;margin-bottom:-4px;margin-left:11px}.timeline-connector.completed{background-color:var(--color-gold)}.timeline-connector.active-pulse{background:linear-gradient(to bottom, var(--color-gold) 50%, var(--color-latte-dark) 50%);background-size:100% 8px}.order-summary-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.summary-title{color:var(--color-brown);justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.item-count{color:var(--color-text-muted);font-weight:500}.summary-list{border-bottom:1px dashed var(--color-border);margin-bottom:12px;padding-bottom:12px}.summary-item{color:var(--color-text);margin-bottom:4px;font-size:13px}.summary-item:last-child{margin-bottom:0}.summary-footer{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.summary-total strong{color:var(--color-text);font-size:14px}.summary-payment strong{color:var(--color-text)}.tracking-bottom-bar{background-color:var(--color-brown);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:210;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.eta-banner{color:var(--color-gold);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.btn-outline{color:var(--color-white);border:1px solid var(--color-white);background-color:#0000}@keyframes pulse{0%{box-shadow:0 0 #cfa45966}70%{box-shadow:0 0 0 10px #cfa45900}to{box-shadow:0 0 #cfa45900}}.detail-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.detail-modal-content{background-color:var(--color-white);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-width:480px;max-height:85vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.detail-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.detail-modal-title{color:var(--color-brown);font-size:18px;font-weight:700}.modal-icon-brown{color:var(--color-brown)}.modal-close-btn{background:var(--color-latte);width:32px;height:32px;color:var(--color-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.receipt-info-row{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.receipt-label{color:var(--color-text-muted)}.receipt-value{color:var(--color-text);font-weight:600}.receipt-divider{background-color:var(--color-border);border-style:dashed;height:1px;margin:16px 0}.receipt-section-title{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:700}.receipt-items-text{color:var(--color-text-muted);white-space:pre-wrap;font-size:14px;line-height:1.5}.receipt-cost-row{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.receipt-cost-label{color:var(--color-text-muted)}.receipt-cost-value{color:var(--color-text);font-weight:500}.receipt-total-row{border-top:1px dashed var(--color-border);justify-content:space-between;margin-top:16px;padding-top:16px;display:flex}.receipt-total-label{color:var(--color-brown);font-size:16px;font-weight:700}.receipt-total-value{color:var(--color-gold);font-size:18px;font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.confirm-modal-content{text-align:center;background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;width:90%;max-width:340px;padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideUpFade;display:flex;box-shadow:0 10px 30px #00000026}.confirm-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.confirm-icon-wrapper.delete,.confirm-icon-wrapper.danger{color:#ff4d4f;background-color:#ff4d4f1a}.confirm-icon-wrapper.logout{color:#faad14;background-color:#faad141a}.confirm-title{color:var(--color-text);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.confirm-message{color:var(--color-text-muted);margin-bottom:24px;font-size:14px;line-height:1.5}.confirm-actions{gap:12px;width:100%;display:flex}.confirm-btn-cancel,.confirm-btn-action{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 0;font-size:14px;font-weight:600;transition:all .2s}.confirm-btn-cancel{color:var(--color-text);background-color:#f0f0f0}.confirm-btn-cancel:active{background-color:#e0e0e0}.confirm-btn-action.delete,.confirm-btn-action.danger{color:#fff;background-color:#ff4d4f}.confirm-btn-action.delete:active,.confirm-btn-action.danger:active{background-color:#d9363e}.confirm-btn-action.logout{color:#fff;background-color:#faad14}.confirm-btn-action.logout:active{background-color:#d48806}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-page{background-color:var(--color-latte);min-height:100vh;padding-bottom:90px}.profile-header{background-color:var(--color-white);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;margin-bottom:20px;padding:20px}.header-title{color:var(--color-brown);font-size:18px;font-weight:700}.profile-content{padding:0 20px}.user-info-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex}.user-avatar{background-color:var(--color-brown);width:64px;height:64px;color:var(--color-white);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.user-details{flex:1}.user-name{color:var(--color-text);margin-bottom:4px;font-size:18px;font-weight:700}.user-email,.user-phone{color:var(--color-text-muted);margin-bottom:2px;font-size:13px}.loyalty-card{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-hover));border-radius:var(--radius-lg);color:var(--color-white);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.loyalty-title{opacity:.9;margin-bottom:4px;font-size:14px;font-weight:600}.loyalty-points{font-size:28px;font-weight:700}.loyalty-points span{opacity:.9;font-size:14px;font-weight:500}.loyalty-icon{background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.menu-list{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.menu-item{border-bottom:1px solid var(--color-border);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background-color:var(--color-latte)}.menu-item-left{color:var(--color-text);align-items:center;gap:16px;font-size:15px;font-weight:500;display:flex}.menu-icon{color:var(--color-gold)}.menu-chevron{color:var(--color-text-muted)}.logout-btn{background-color:var(--color-white);color:#e53935;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:12px;padding:16px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{background-color:#ffebee}.profile-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.profile-modal-content{background-color:var(--color-white);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:480px;padding:24px;animation:.3s ease-out slideUp;display:flex}@media (width>=768px){.profile-modal-overlay{align-items:center}.profile-modal-content{border-radius:24px}}.profile-modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.profile-modal-title{color:var(--color-brown);font-size:18px;font-weight:700}.profile-modal-body{max-height:70vh;padding-bottom:24px;overflow-y:auto}.settings-form .form-group{margin-bottom:16px}.settings-form label{color:var(--color-text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.settings-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background-color:#fafafa;outline:none;padding:12px 16px;font-size:14px}.settings-form input:focus{border-color:var(--color-gold);background-color:var(--color-white)}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.empty-state p{color:var(--color-text);font-size:16px;font-weight:600}.history-order-card{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background-color:#fafafa;margin-bottom:12px;padding:16px;transition:all .2s}.history-order-card:hover{border-color:var(--color-gold);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.history-order-header{justify-content:space-between;margin-bottom:8px;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:4px 10px;font-size:11px;font-weight:700}.status-badge.completed{color:#2e7d32;background-color:#e8f5e9}.status-badge.preparing{color:#e65100;background-color:#fff3e0}.status-badge.delivering{color:#1565c0;background-color:#e3f2fd}.avatar-edit-group{flex-direction:column;align-items:center;display:flex;margin-bottom:24px!important}.avatar-edit-preview{background-color:var(--color-brown);width:80px;height:80px;color:var(--color-white);box-shadow:var(--shadow-md);border:2px solid var(--color-gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:28px;font-weight:700;display:flex;position:relative}.camera-btn{background-color:var(--color-white);color:var(--color-brown);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 8px #00000026}.camera-btn:active{transform:scale(.95)}.avatar-help-text{color:var(--color-text-muted);font-size:12px}.customer-menu-page{background-color:var(--color-latte);min-height:100vh;padding-bottom:100px}.menu-header-top{background-color:var(--color-white);padding:24px 20px 16px}.menu-title{color:var(--color-brown);margin-bottom:4px;font-size:24px;font-weight:700}.menu-subtitle{color:var(--color-text-muted);font-size:14px}.menu-search-container{background-color:var(--color-white);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);margin-bottom:20px;padding:16px 20px;box-shadow:0 4px 10px #00000008}.menu-search-bar{border-radius:var(--radius-full);background-color:#f5f5f5;align-items:center;gap:12px;padding:12px 16px;display:flex}.menu-search-bar .search-icon{color:var(--color-brown)}.menu-search-bar input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.menu-categories{scrollbar-width:none;gap:12px;margin-bottom:20px;padding:0 20px;display:flex;overflow-x:auto}.menu-categories::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;border-radius:var(--radius-full);color:var(--color-brown);background-color:var(--color-white);border:1px solid var(--color-border);padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.category-pill.active{background-color:var(--color-brown);color:var(--color-white);border-color:var(--color-brown)}.menu-products-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px;display:grid}@media (width>=768px){.customer-menu-page{padding:32px}.menu-header-top,.menu-search-container,.menu-categories,.menu-products-grid{padding-left:0;padding-right:0}.menu-header-top{background-color:#0000;padding-top:8px;padding-bottom:24px}.menu-categories{flex-wrap:wrap;margin-bottom:32px;overflow-x:visible}.menu-search-container{display:none}.menu-products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}.no-products-msg{text-align:center;color:var(--color-text-muted);grid-column:1/-1;padding:40px 0;font-size:14px}.onboarding-container{background-color:var(--color-latte);opacity:0;flex-direction:column;justify-content:flex-end;min-height:100dvh;transition:opacity .8s;display:flex;position:relative;overflow:hidden}.onboarding-container.visible{opacity:1}.onboarding-background{z-index:1;background-position:50%;background-size:cover;height:60vh;position:absolute;top:0;left:0;right:0}.onboarding-overlay{background:linear-gradient(to bottom, #0000001a 0%, var(--color-latte) 90%);position:absolute;inset:0}.onboarding-content{z-index:2;background-color:var(--color-white);border-top-left-radius:32px;border-top-right-radius:32px;padding:32px 24px 48px;transition:transform .8s cubic-bezier(.16,1,.3,1) .2s;position:relative;transform:translateY(20px);box-shadow:0 -10px 40px #00000014}.onboarding-container.visible .onboarding-content{transform:translateY(0)}.onboarding-header{text-align:center;margin-bottom:32px}.onboarding-logo-wrapper{background-color:var(--color-brown);width:72px;height:72px;color:var(--color-gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto -36px;display:flex;transform:translateY(-56px);box-shadow:0 8px 24px #3e272333}.onboarding-title{color:var(--color-brown);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:800}.onboarding-subtitle{color:var(--color-text-muted);padding:0 16px;font-size:14px;line-height:1.5}.onboarding-form{flex-direction:column;gap:20px;display:flex}.onboarding-form .form-group{flex-direction:column;gap:8px;display:flex}.onboarding-form label{color:var(--color-brown);margin-left:4px;font-size:13px;font-weight:700}.onboarding-form input{background-color:#f8f9fa;border:1px solid #00000014;border-radius:16px;padding:16px;font-family:inherit;font-size:15px;transition:all .3s}.onboarding-form input:focus{border-color:var(--color-gold);background-color:var(--color-white);outline:none;box-shadow:0 0 0 4px #d4af371a}.onboarding-btn{background-color:var(--color-brown);color:var(--color-white);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:18px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 24px #3e272333}.onboarding-btn:hover{background-color:#2d1b16;transform:translateY(-2px)}.onboarding-footer-text{text-align:center;color:var(--color-text-muted);margin-top:24px;font-size:13px;line-height:1.5}.onboarding-footer-text b{color:var(--color-gold)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-tabs{background-color:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.auth-tab.active{color:var(--color-brown);background-color:#fff;box-shadow:0 2px 8px #0000000d}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:48px}.password-toggle-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:16px}@media (width>=768px){.onboarding-container{flex-direction:row;justify-content:flex-end;align-items:stretch}.onboarding-background{width:55%;height:100%;right:auto}.onboarding-overlay{background:linear-gradient(90deg,#0000001a 0%,#4a2c118c 100%)}.onboarding-content{border-radius:0;flex-direction:column;justify-content:center;width:45%;min-height:100vh;padding:64px 56px;transition:transform .8s cubic-bezier(.16,1,.3,1) .2s;display:flex;transform:translate(40px);box-shadow:-20px 0 60px #00000024}.onboarding-container.visible .onboarding-content{transform:translate(0)}.onboarding-logo-wrapper{margin-bottom:20px;transform:none}.onboarding-title{font-size:28px}.onboarding-subtitle{padding:0}}.about-page{background-color:var(--color-latte);min-height:100vh;padding-bottom:40px}.about-hero{width:100%;height:250px;position:relative}.about-hero-img{object-fit:cover;width:100%;height:100%}.about-hero-overlay{background:linear-gradient(#0003,#000000b3);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.about-hero-logo{object-fit:cover;border:3px solid var(--color-white);border-radius:50%;width:80px;height:80px;margin-top:40px;margin-bottom:12px;box-shadow:0 4px 12px #0000004d}.about-hero-title{color:var(--color-white);text-align:center;text-shadow:0 2px 4px #00000080;margin-top:0;font-size:28px;font-weight:700}.about-content{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:10;margin:-40px 20px 20px;padding:32px 24px;position:relative}.about-section{margin-bottom:32px}.about-section:last-child{margin-bottom:0}.about-section-title{color:var(--color-brown);align-items:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.about-section-text{color:var(--color-text);text-align:justify;font-size:14px;line-height:1.7}.contact-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.contact-item{align-items:flex-start;gap:12px;display:flex}.contact-icon{color:var(--color-gold);margin-top:2px}.contact-text{color:var(--color-text);flex:1;font-size:14px;line-height:1.5}@media (width>=768px){.about-hero{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:350px;overflow:hidden}.about-content{border-radius:var(--radius-lg);margin:-60px 40px 40px;padding:40px}}.faq-page-container{background-color:var(--color-latte);min-height:100vh;padding-bottom:80px}.faq-header-hero{background:var(--color-brown);color:#fff;text-align:center;border-radius:0 0 24px 24px;margin-bottom:-30px;padding:80px 20px 40px}.faq-header-hero h1{margin-bottom:12px;font-size:28px;font-weight:700}.faq-header-hero p{opacity:.9;max-width:400px;margin:0 auto;font-size:14px;line-height:1.5}.faq-content-wrapper{z-index:10;max-width:800px;margin:0 auto;padding:0 20px;position:relative}.faq-accordion-item{background:var(--color-white);border-radius:16px;margin-bottom:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.faq-accordion-item:hover{box-shadow:0 6px 16px #00000014}.faq-accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px;display:flex}.faq-question-text{color:var(--color-brown);flex:1;font-size:16px;font-weight:600}.faq-icon-wrapper{background-color:var(--color-latte);min-width:24px;height:24px;color:var(--color-gold);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.faq-accordion-item.active .faq-icon-wrapper{background-color:var(--color-gold);color:#fff;transform:rotate(180deg)}.faq-accordion-body{background-color:var(--color-white);max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-accordion-item.active .faq-accordion-body{max-height:500px}.faq-answer-content{color:var(--color-text);padding:0 20px 20px;font-size:14px;line-height:1.6}.faq-contact-box{background:var(--color-white);text-align:center;border-radius:16px;margin-top:32px;padding:24px;box-shadow:0 4px 12px #0000000d}.faq-contact-box h3{color:var(--color-brown);margin-bottom:8px;font-size:18px}.faq-contact-box p{color:var(--color-text);margin-bottom:16px;font-size:14px}.faq-contact-btn{background:var(--color-gold);color:#fff;cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.faq-contact-btn:hover{opacity:.9}html.dark-mode .faq-accordion-item,html.dark-mode .faq-contact-box{background:var(--color-dark-surface);box-shadow:0 4px 12px #0003}html.dark-mode .faq-question-text{color:var(--color-white)}html.dark-mode .faq-answer-content,html.dark-mode .faq-contact-box p{color:#bbb}html.dark-mode .faq-contact-box h3{color:var(--color-gold)}html.dark-mode .faq-icon-wrapper{background-color:#ffffff1a}.terms-page-container{background-color:var(--color-latte);min-height:100vh;padding-bottom:80px}.terms-header-hero{background:var(--color-brown);color:#fff;text-align:center;border-radius:0 0 24px 24px;margin-bottom:-30px;padding:80px 20px 40px}.terms-header-hero h1{margin-bottom:12px;font-size:28px;font-weight:700}.terms-header-hero p{opacity:.9;max-width:400px;margin:0 auto;font-size:14px;line-height:1.5}.terms-content-wrapper{z-index:10;max-width:800px;margin:0 auto;padding:0 20px;position:relative}.terms-intro-card{background:var(--color-white);text-align:center;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #0000000d}.terms-intro-card p{color:var(--color-text);font-size:14px;line-height:1.6}.terms-section-card{background:var(--color-white);border-radius:16px;gap:16px;margin-bottom:16px;padding:24px;display:flex;box-shadow:0 4px 12px #0000000d}.terms-icon-wrapper{background-color:var(--color-latte);width:40px;height:40px;color:var(--color-gold);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.terms-section-content h3{color:var(--color-brown);margin-bottom:8px;font-size:16px;font-weight:700}.terms-section-content p{color:var(--color-text);font-size:14px;line-height:1.6}html.dark-mode .terms-intro-card,html.dark-mode .terms-section-card{background:var(--color-dark-surface);box-shadow:0 4px 12px #0003}html.dark-mode .terms-intro-card p,html.dark-mode .terms-section-content p{color:#bbb}html.dark-mode .terms-section-content h3{color:var(--color-white)}html.dark-mode .terms-icon-wrapper{background-color:#ffffff1a}.notifications-page{background-color:var(--color-background);min-height:100vh;padding-bottom:80px}.notifications-header{background-color:var(--color-surface);z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000004d}.notifications-header h2{color:var(--color-gold);margin:0;font-size:1.2rem}.back-icon{color:var(--color-text);cursor:pointer}.notifications-list{flex-direction:column;gap:12px;padding:16px;display:flex}.notification-card{background-color:var(--color-surface);border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;display:flex;position:relative;box-shadow:0 4px 6px #0000001a}.notification-card.unread{border-left:3px solid var(--color-gold);background-color:#d4af370d}.notification-icon{background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex}.notification-card.unread .notification-icon{background-color:#d4af3726}.notification-content{flex:1}.notification-content h3{color:var(--color-text);margin:0 0 6px;font-size:1rem}.notification-content p{color:#aaa;margin:0 0 8px;font-size:.85rem;line-height:1.4}.notification-date{color:#777;font-size:.75rem}.unread-dot{background-color:var(--color-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:16px}.empty-notifications{text-align:center;color:#888;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-notifications p{margin-top:16px;font-size:.9rem}.admin-bottom-nav{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:100;background:linear-gradient(#2c1810 0%,#1a0f09 100%);border-top:1px solid #c1913c26;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 32px #00000059}.admin-nav-list{justify-content:space-around;align-items:center;width:100%;margin:0;padding:0;list-style:none;display:flex}.admin-nav-item{flex:1}.admin-nav-link{color:#ffffff73;letter-spacing:.02em;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:10px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.admin-nav-link:hover{color:#ffffffbf}.admin-nav-link.active{color:#c1913c}.admin-nav-link.active:before{content:"";background:linear-gradient(90deg,#c1913c,#e8b96a);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.admin-nav-icon{flex-shrink:0;transition:transform .2s}.admin-nav-link.active .admin-nav-icon{transform:translateY(-1px)}.nav-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1.5px solid #1a0f09;border-radius:10px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 5px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-4px;right:-8px;box-shadow:0 2px 8px #ef444480}.admin-sidebar-header.desktop-only{display:none}.mobile-only-item{display:block}.desktop-only-item{display:none!important}.mobile-side-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.mobile-side-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-side-menu{z-index:1000;background:linear-gradient(#2c1810 0%,#1a0f09 100%);border-left:1px solid #c1913c1a;flex-direction:column;width:270px;height:100%;padding:24px 0 40px;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-290px;box-shadow:-8px 0 40px #0006}.mobile-side-menu.open{right:0}.mobile-side-menu-header{color:#c1913c;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 20px 20px;display:flex}.mobile-side-menu-header h3{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:15px;font-weight:700}.close-menu-btn{color:#fff9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-menu-btn:hover{color:#fff;background:#ffffff1f}.mobile-side-menu .admin-nav-item{flex:none;width:100%;padding:0 12px}.mobile-side-menu .admin-nav-link{border-radius:10px;flex-direction:row;justify-content:flex-start;gap:14px;padding:12px 16px;font-size:14px}.mobile-side-menu .admin-nav-link:before{display:none}.mobile-side-menu .admin-nav-link.active{color:#c1913c;background:#c1913c26}.mobile-side-menu .admin-nav-link.active .admin-nav-icon{transform:none}.mobile-side-menu .logout-btn{color:#f87171!important}@media (width>=1024px){.admin-bottom-nav{border-top:none;border-right:1px solid #c1913c1f;border-radius:0;flex-direction:column;justify-content:flex-start;width:240px;height:100vh;padding-top:28px;padding-bottom:0;position:fixed;top:0;left:0;overflow:hidden auto;transform:none;box-shadow:4px 0 32px #0006}.admin-sidebar-header.desktop-only{border-bottom:1px solid #ffffff0f;width:100%;margin-bottom:8px;padding:0 20px 28px;display:flex}.admin-sidebar-logo-link{color:#c1913c;align-items:center;gap:12px;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar-logo-link:hover{opacity:.85}.admin-sidebar-logo-img{object-fit:cover;border:1.5px solid #c1913c66;border-radius:10px;width:36px;height:36px;box-shadow:0 0 12px #c1913c33}.admin-sidebar-logo-icon{filter:drop-shadow(0 0 8px #c1913c80);font-size:28px}.admin-sidebar-logo-text{color:#fff;letter-spacing:.01em;font-size:15px;font-weight:700;line-height:1.2}.admin-nav-list{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:2px;width:100%;padding:8px 12px 24px}.admin-nav-item{flex:none;width:100%}.admin-nav-link{letter-spacing:.01em;border-radius:10px;flex-direction:row;justify-content:flex-start;gap:13px;padding:11px 16px;font-size:13.5px;font-weight:500}.admin-nav-link:before{display:none}.admin-nav-link.active{color:#c1913c;background:#c1913c21;box-shadow:inset 3px 0 #c1913c}.admin-nav-link:hover:not(.active){color:#ffffffbf;background:#ffffff0d}.admin-nav-link.active .admin-nav-icon{transform:none}.logout-btn{margin-top:4px;color:#f87171!important}.logout-btn:hover{color:#fca5a5!important;background:#f871711a!important}.logout-btn .admin-nav-icon{color:#f87171}.mobile-only-item{display:none!important}.desktop-only-item{display:block!important}.mobile-side-menu-overlay,.mobile-side-menu{display:none!important}}.admin-layout-container{background-color:#f8f9fa;flex-direction:column;width:100%;height:100%;display:flex}.admin-page-content{flex:1;padding-bottom:90px;transition:all .3s;overflow-y:auto}@media (width>=1024px){.admin-layout-container{flex-direction:row}.admin-page-content{flex:1;margin-left:240px;padding-top:0;padding-bottom:32px}}.admin-dashboard{background:#f5f3ef;min-height:100vh;padding:20px 16px 28px}.admin-header{margin-bottom:20px}.admin-title{color:#2c1810;letter-spacing:-.3px;margin:0 0 2px;font-size:22px;font-weight:800}.admin-subtitle{color:#9e8b7a;margin:0;font-size:13px;font-weight:500}.report-controls{background:#fff;border-radius:14px;flex-wrap:wrap;padding:12px 14px;box-shadow:0 2px 12px #2c181012;gap:10px!important;margin-bottom:20px!important}.report-controls input[type=date]{transition:border-color .2s;color:#2c1810!important;background-color:#faf8f5!important;border:1.5px solid #e8e2d9!important;border-radius:10px!important;outline:none!important;padding:8px 12px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important}.report-controls input[type=date]:focus{border-color:#c1913c!important}.download-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#c1913c,#d4a84f);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 10px #c1913c4d}.download-btn:active{box-shadow:none;transform:scale(.95)}.admin-metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}@media (width>=768px){.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}}.metric-card{border-radius:16px;flex-direction:column;justify-content:space-between;min-height:100px;padding:14px 12px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.metric-card:active{transform:scale(.97)}.metric-card.white{color:#2c1810;background:#fff;border:1.5px solid #0000;box-shadow:0 2px 12px #2c181012}.metric-card.white .metric-label{color:#9e8b7a;font-weight:600}.metric-card.white .metric-value{color:#1a0f09}.metric-card.white[style*=border]{background:linear-gradient(145deg,#fffdf7,#fff8ea)!important;border-color:#c1913c!important;box-shadow:0 4px 20px #c1913c2e!important}.metric-icon-wrapper{flex-shrink:0;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:0!important;display:flex!important}.metric-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.metric-card.brown{color:#fff;background:linear-gradient(145deg,#4a2c11,#2c1810);box-shadow:0 6px 20px #2c181059}.metric-card.green{color:#fff;background:linear-gradient(145deg,#2a7a3b,#1a5228);box-shadow:0 6px 20px #1a522859}.metric-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;display:flex}.metric-label{opacity:.88;margin:0 0 5px;font-size:11px;font-weight:600;line-height:1.3}.metric-value{word-break:break-word;letter-spacing:-.3px;margin:0 0 4px;font-size:18px;font-weight:800;line-height:1.2}.metric-trend{opacity:.8;font-size:10px;font-weight:500;line-height:1.3}.metric-card.white>div:last-child{color:#9e8b7a;border-top:1px dashed #ede8e0;justify-content:space-between;margin-top:6px;padding-top:8px;font-size:10px;display:flex}.report-section,.recent-orders-section{background:#fff;border-radius:16px;margin-bottom:16px;padding:18px 16px;box-shadow:0 2px 12px #2c181012}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:#2c1810;letter-spacing:-.2px;margin:0 0 14px;font-size:15px;font-weight:800}.view-all-btn{color:#c1913c;cursor:pointer;background:#c1913c1a;border:1.5px solid #c1913c40;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;transition:all .2s}.view-all-btn:active{background:#c1913c33;transform:scale(.96)}.order-list-mini{border:1.5px solid #f0ebe0;border-radius:12px;flex-direction:column;gap:0;display:flex;overflow:hidden}.order-item-mini{background:#fff;border-bottom:1px solid #f5f0e8;align-items:center;padding:13px 14px;transition:background .15s;display:flex}.order-item-mini:last-child{border-bottom:none}.order-item-mini:active{background:#faf7f2}.order-item-left{flex-direction:column;flex-shrink:0;width:72px;display:flex}.order-id{color:#2c1810;font-family:Courier New,monospace;font-size:12px;font-weight:800}.order-time{color:#b0a090;margin-top:2px;font-size:10px}.order-item-mid{flex:1;padding:0 10px}.order-customer{color:#2c1810;margin:0 0 2px;font-size:13px;font-weight:700}.order-items{color:#9e8b7a;margin:0;font-size:12px;font-weight:600}.order-item-right{flex-shrink:0;align-items:center;display:flex}.badge{letter-spacing:.02em;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}@media print{.no-print,.admin-bottom-nav,.view-all-btn,.admin-metrics-grid,.report-section,.recent-orders-section,.admin-header{display:none!important}body,html{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#fff!important}.print-only-report *{color:#000!important;visibility:visible!important;background:0 0!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}body.print-thermal,html.print-thermal{width:58mm!important;margin:0!important;padding:0!important;font-family:Courier New,Courier,monospace!important;font-size:10px!important}body.print-thermal .admin-dashboard{width:58mm!important;margin:0!important;padding:0!important}body.print-thermal .print-only-report{box-sizing:border-box!important;z-index:99999!important;background-color:#fff!important;width:58mm!important;margin:0!important;padding:4px!important;display:block!important}body.print-thermal .print-report-header{text-align:center!important;margin-bottom:8px!important}body.print-thermal .print-report-title{text-transform:uppercase!important;margin:0 0 4px!important;font-size:12px!important;font-weight:700!important}body.print-thermal .print-report-subtitle{color:#000!important;margin:0!important;font-size:9px!important}body.print-thermal .print-report-table{border-collapse:collapse!important;width:100%!important;margin-top:8px!important;font-size:9px!important}body.print-thermal .print-report-table th{border-bottom:1px dashed #000!important;padding:4px 0!important;font-weight:700!important}body.print-thermal .print-report-table td{vertical-align:top!important;word-break:break-word!important;padding:4px 0!important}body.print-thermal .print-table-row{border-bottom:1px dashed #ddd!important}body.print-thermal .print-table-total{border-top:1px dashed #000!important;border-bottom:1px dashed #000!important;font-weight:700!important}body.print-a4,html.print-a4{width:100%!important;margin:0!important;padding:0!important;font-family:Arial,sans-serif!important;font-size:12pt!important}body.print-a4 .admin-dashboard{width:100%!important;margin:0!important;padding:0!important}body.print-a4 .print-only-report{box-sizing:border-box!important;z-index:99999!important;background-color:#fff!important;width:100%!important;padding:20px!important;display:block!important}body.print-a4 .print-report-header{text-align:center!important;margin-bottom:32px!important}body.print-a4 .print-report-title{margin:0 0 8px!important;font-size:24pt!important;font-weight:700!important}body.print-a4 .print-report-subtitle{color:#666!important;margin:0!important;font-size:12pt!important}body.print-a4 .print-report-table{border-collapse:collapse!important;width:100%!important;margin-top:24px!important;font-size:12pt!important}body.print-a4 .print-report-table th{border-bottom:2px solid #6b4226!important;padding:12px 8px!important;font-weight:700!important}body.print-a4 .print-report-table td{vertical-align:middle!important;padding:12px 8px!important}body.print-a4 .print-table-row{border-bottom:1px solid #ddd!important}body.print-a4 .print-table-total{background-color:#f9f9f9!important;border-top:2px solid #6b4226!important;font-weight:700!important}}.admin-orders{background:#f5f3ef;min-height:100vh;padding:20px 16px 28px}.admin-header .admin-title{color:#2c1810;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.admin-header button{background:linear-gradient(135deg,#2c1810,#4a2c11)!important;border-radius:12px!important;padding:9px 16px!important;font-size:13px!important;font-weight:700!important;box-shadow:0 3px 12px #2c18104d!important}.orders-search-bar{background:#fff;border:1.5px solid #f0ede8;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 16px;display:flex;box-shadow:0 2px 12px #2c181012}.search-input{color:#2c1810;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.search-input::placeholder{color:#c5b8a8}.filter-btn{color:#c1913c;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.orders-tabs{-ms-overflow-style:none;scrollbar-width:none;gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.orders-tabs::-webkit-scrollbar{display:none}.tab-btn{color:#9e8b7a;white-space:nowrap;cursor:pointer;background:#fff;border:1.5px solid #e8e3db;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s}.tab-btn.active{color:#fff;background:#2c1810;border-color:#2c1810;box-shadow:0 4px 12px #2c18104d}.modern-date-filter-container{background:#fff;border:1.5px solid #f0ede8;border-radius:14px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex;box-shadow:0 2px 10px #2c18100a}@media (width>=600px){.modern-date-filter-container{flex-direction:row;justify-content:space-between;align-items:center}}.date-quick-filters{-ms-overflow-style:none;scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.date-quick-filters::-webkit-scrollbar{height:0}.quick-filter-btn{color:#9e8b7a;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e8e3db;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s}.quick-filter-btn:hover{background:#faf7f3}.quick-filter-btn.active{color:#fff;background:#2c1810;border-color:#2c1810;box-shadow:0 3px 10px #2c181040}.modern-date-input-wrapper{background:#faf8f5;border:1.5px solid #e8e3db;border-radius:12px;flex:1;align-items:center;gap:8px;max-width:300px;padding:7px 14px;transition:all .2s;display:flex;position:relative}.modern-date-input-wrapper:focus-within{border-color:#c1913c;box-shadow:0 0 0 3px #c1913c1a}.date-icon{color:#c1913c;flex-shrink:0}.modern-date-input{color:#2c1810;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:13px;font-weight:700}.modern-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;top:0;right:0}.clear-date-btn{color:#2c1810;cursor:pointer;z-index:2;background:#eee8df;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background .2s;display:flex}.clear-date-btn:hover{background:#ddd4c5}.orders-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=768px){.orders-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}}.order-card{cursor:pointer;background:#fff;border:1px solid #dcd2c866;border-radius:16px;flex-direction:column;gap:10px;height:100%;padding:12px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #2c18100a,0 1px 3px #2c181005}.order-card:active{transform:scale(.97);box-shadow:0 1px 4px #2c18100d}.order-card:before{content:"";background:var(--card-accent,#e8e3db);height:4px;position:absolute;top:0;left:0;right:0}.order-card-header{flex-direction:column;gap:6px;margin-top:2px;display:flex}.order-card-header-top{justify-content:space-between;align-items:center;display:flex}.order-card-header-badges{flex-wrap:wrap;gap:4px;display:flex}.order-id{color:#2c1810;letter-spacing:-.2px;background:0 0;padding:0;font-size:11px;font-weight:800}.order-time{color:#9e8b7a;background:#f8f6f2;border-radius:6px;padding:3px 6px;font-size:9px;font-weight:700}.badge{letter-spacing:.02em;border-radius:6px;align-items:center;padding:3px 6px;font-size:9px;font-weight:700;display:inline-flex}.badge.warning{color:#d84315;background:#fff3e0}.badge.info{color:#1565c0;background:#e3f2fd}.badge.success{color:#2e7d32;background:#e8f5e9}.badge-type{color:#6b4226;background:#f4f0ea;border-radius:6px;align-items:center;gap:2px;padding:3px 6px;font-size:9px;font-weight:600;display:inline-flex}.order-card-body{flex-direction:column;flex:1;gap:3px;display:flex}.customer-name{color:#2c1810;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:800;overflow:hidden}.order-detail-text{color:#8c7b6c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.order-card-footer{border-top:1px dashed #0000000f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-top:auto;padding-top:10px;display:flex}.order-total{color:#2c1810;font-size:13px;font-weight:900}.order-actions{flex-wrap:wrap;gap:4px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .15s}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#c1913c,#d4a84f);box-shadow:0 2px 6px #c1913c4d}.action-btn.primary:active{box-shadow:none;transform:scale(.96)}.action-btn.secondary{color:#6b4226;background:#f5f0ea}.admin-products{padding:20px}.admin-header.space-between{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.add-product-btn{background-color:var(--color-brown);color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.product-list{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.product-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.modal-overlay{align-items:center}.modal-content{border-radius:24px}}.admin-product-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:12px;display:flex}.admin-product-card.inactive{opacity:.6}.product-thumb{border-radius:var(--radius-sm);object-fit:cover;width:60px;height:60px}.product-info-admin{flex:1}.product-info-admin .product-name{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:600}.product-info-admin .product-price{color:var(--color-text-muted);margin-bottom:6px;font-size:12px}.product-status{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.product-status.available{color:#2e7d32;background-color:#e8f5e9}.product-status.empty{color:#c62828;background-color:#ffebee}.product-actions{gap:8px;display:flex}.icon-action-btn{background-color:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-action-btn.edit{color:var(--color-brown)}.icon-action-btn.delete{color:#e53935}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-end;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-white);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-width:480px;max-height:90vh;padding:24px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 -4px 20px #0000001a}.modal-header h2{color:var(--color-brown);font-size:18px;font-weight:700}.close-btn{color:var(--color-text-muted);background:0 0}.product-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text);font-size:13px;font-weight:600}.form-group input,.form-group select{border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--color-gold)}.admin-images-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px;display:grid}.admin-image-preview-wrapper{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:#fafafa;position:relative;overflow:hidden}.admin-image-preview-thumb{object-fit:cover;width:100%;height:100%}.admin-image-remove-btn{color:var(--color-white);cursor:pointer;background-color:#e53935e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0003}.admin-image-remove-btn:hover{background-color:#e53935;transform:scale(1.1)}.admin-image-upload-card{aspect-ratio:1;border:2px dashed var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);background-color:#fafafa;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.admin-image-upload-card:hover{border-color:var(--color-gold);color:var(--color-gold);background-color:#cfa4590d}.admin-inventory{background:#f5f3ef;min-height:100vh;padding:20px 16px 28px}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.inventory-title{color:#2c1810;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.add-inventory-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c1913c,#d4a84f);border:none;border-radius:12px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 12px #c1913c4d}.add-inventory-btn:active{box-shadow:none;transform:scale(.96)}.inventory-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.inventory-table-container{display:none}@media (width>=768px){.inventory-cards-grid{display:none}.inventory-table-container{background:#fff;border:1px solid #dcd2c866;border-radius:16px;margin-bottom:24px;display:block;overflow:hidden;box-shadow:0 4px 20px #2c18100d}.inventory-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.inventory-table th{color:#2c1810;background-color:#f8f6f2;border-bottom:1.5px solid #dcd2c880;padding:16px 20px;font-weight:800}.inventory-table td{color:#4a3320;vertical-align:middle;border-bottom:1px solid #dcd2c84d;padding:14px 20px}.inventory-table tbody tr{transition:background-color .2s}.inventory-table tbody tr:hover{background-color:#faf8f5}.inventory-table tbody tr.row-warning{background-color:#fffdfb}.inventory-table tbody tr.row-warning:hover{background-color:#fff9f4}.item-name-cell{color:#2c1810;font-weight:700}.item-stock-cell strong{color:#2c1810;font-size:15px;font-weight:900}.table-actions{justify-content:flex-end;gap:8px;display:flex}}.inventory-card{background:#fff;border:1px solid #dcd2c866;border-radius:16px;flex-direction:column;gap:8px;height:100%;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #2c18100a,0 1px 3px #2c181005}.inventory-card:before{content:"";background:var(--card-accent,#e8e3db);height:4px;position:absolute;top:0;left:0;right:0}.inventory-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-top:2px;display:flex}.inventory-name{color:#2c1810;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.inventory-status{white-space:nowrap;border-radius:6px;align-items:center;padding:3px 6px;font-size:9px;font-weight:700;display:inline-flex}.inventory-status.good{color:#2e7d32;background-color:#e8f5e9}.inventory-status.warning{color:#d84315;background-color:#fff3e0}.inventory-body{flex-direction:column;flex:1;gap:2px;display:flex}.inventory-quantity{color:#9e8b7a;margin:0;font-size:11px}.inventory-quantity strong{color:#2c1810;font-size:14px;font-weight:900}.inventory-price{color:#a09080;margin:0;font-size:10px}.inventory-footer{border-top:1px dashed #0000000f;justify-content:flex-end;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}.icon-action-btn{cursor:pointer;color:#6b4226;background:#f5f0ea;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.icon-action-btn.add-stock{color:#2e7d32;background:#e8f5e9}.inventory-form .form-group{margin-bottom:16px}.inventory-form label{color:#2c1810;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.inventory-form input,.inventory-form select{background:#faf8f5;border:1.5px solid #e8e3db;border-radius:12px;width:100%;padding:12px;font-size:14px;transition:all .2s}.inventory-form input:focus,.inventory-form select:focus{background:#fff;border-color:#c1913c;outline:none;box-shadow:0 0 0 3px #c1913c1a}.inventory-search-bar{background:#fff;border:1.5px solid #f0ede8;border-radius:14px;align-items:center;gap:10px;max-width:400px;margin-bottom:20px;padding:11px 16px;display:flex;position:relative;box-shadow:0 2px 12px #2c181012}.inventory-search-bar .search-icon{color:#b0a090;flex-shrink:0}.inventory-search-bar input{flex:1;color:#2c1810!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;font-size:14px!important;font-weight:500!important}.inventory-search-bar input::placeholder{color:#c5b8a8}.clear-search-btn{color:#2c1810;cursor:pointer;background:#eee8df;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s;display:flex}.clear-search-btn:hover{background:#ddd4c5}.alphabet-filter-container{-ms-overflow-style:none;scrollbar-width:none;gap:6px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.alphabet-filter-container::-webkit-scrollbar{display:none}.alphabet-btn{color:#9e8b7a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e8e3db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #2c18100a}.alphabet-btn:first-child,.alphabet-btn:last-child{border-radius:17px;padding:0 12px}.alphabet-btn:hover{color:#c1913c;background:#faf8f5;border-color:#c1913c}.alphabet-btn.active{color:#fff;background:#2c1810;border-color:#2c1810;box-shadow:0 3px 10px #2c181040}.alphabet-btn.disabled{opacity:.35;cursor:not-allowed;color:#c5b8a8;box-shadow:none;background:#f5f0ea;border-color:#e8e3db}.alphabet-btn.disabled:hover{color:#c5b8a8;background:#f5f0ea;border-color:#e8e3db}.admin-customers{padding-bottom:80px}.customers-search-bar{background-color:#fff;border:1px solid #cfa4591a;border-radius:16px;align-items:center;margin-bottom:24px;padding:14px 20px;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000008}.customers-search-bar:focus-within{border-color:#cfa45966;box-shadow:0 6px 20px #cfa4591a}.customers-search-bar .search-icon{color:var(--color-gold);margin-right:12px}.customers-search-bar .search-input{color:var(--color-brown);background:0 0;border:none;outline:none;flex:1;font-size:14px}.customers-list{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=1024px){.customers-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}.customer-card-wrapper{background:linear-gradient(145deg,#fff,#faf8f5);border:1px solid #cfa45926;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #4a2c110a,0 1px 3px #00000005}.customer-card-wrapper:hover{border-color:#cfa45966;transform:translateY(-4px);box-shadow:0 12px 25px #4a2c1114,0 4px 10px #00000008}.customer-card-wrapper:after{content:"";pointer-events:none;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}.customer-card-admin{cursor:pointer;z-index:1;align-items:center;gap:16px;padding:20px;display:flex;position:relative}.customer-avatar{width:50px;height:50px;color:var(--color-brown);background:linear-gradient(135deg,#fdf6e3,#ebd4ab);border:2px solid #fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex;box-shadow:0 4px 10px #cfa45933}.customer-info-admin{flex:1;overflow:hidden}.customer-name{color:var(--color-brown);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:800;overflow:hidden}.customer-contact{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.contact-item{color:#7a6859;background-color:#cfa45914;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.customer-address{color:#888;align-items:flex-start;gap:4px;font-size:11px;display:flex}.customer-actions{align-items:center;gap:10px;display:flex}.customer-points-badge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ea580c);border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 8px #ea580c40}.customer-points-badge:hover{transform:scale(1.05);box-shadow:0 6px 12px #ea580c59}.icon-action-btn.delete{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #fee2e2;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-action-btn.delete:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;transform:rotate(5deg)}.detail-item{color:#555;background:#fff;border:1px solid #00000008;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;box-shadow:0 2px 4px #00000003}.detail-icon{color:var(--color-gold)}.detail-item span{flex:1}.detail-item strong{color:var(--color-brown);margin-right:4px;font-weight:700}.empty-text{color:#9ca3af;font-size:12px;font-style:italic}.points-edit-info{color:#555;background-color:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.points-form .form-group{margin-bottom:0}.admin-expenses{background:#f5f3ef;min-height:100vh;padding-bottom:80px}.expenses-search-bar{background-color:#fff;border:1px solid #dcd2c866;border-radius:16px;align-items:center;padding:12px 16px;display:flex;box-shadow:0 4px 16px #2c18100a,0 1px 3px #2c181005}.expenses-search-bar .search-icon{color:#c1913c;margin-right:12px}.expenses-search-bar .search-input{color:#2c1810;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.expenses-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.expenses-table-container{display:none}@media (width>=768px){.expenses-cards-grid{display:none}.expenses-table-container{background:#fff;border:1px solid #dcd2c866;border-radius:16px;margin-bottom:24px;display:block;overflow:hidden;box-shadow:0 4px 20px #2c18100d}.expenses-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.expenses-table th{color:#2c1810;background-color:#f8f6f2;border-bottom:1.5px solid #dcd2c880;padding:16px 20px;font-weight:800}.expenses-table td{color:#4a3320;vertical-align:middle;border-bottom:1px solid #dcd2c84d;padding:14px 20px}.expenses-table tbody tr{transition:background-color .2s}.expenses-table tbody tr:hover{background-color:#faf8f5}.expense-date-cell{color:#8c7b6c;font-weight:600}.expense-desc-cell{color:#2c1810;font-weight:700}.expense-amount-cell{color:#d84315;font-size:15px;font-weight:900}.table-actions{justify-content:flex-end;gap:8px;display:flex}}.expense-card{background:#fff;border:1px solid #dcd2c866;border-radius:16px;flex-direction:column;gap:8px;height:100%;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #2c18100a,0 1px 3px #2c181005}.expense-card:before{content:"";background:#d84315;height:4px;position:absolute;top:0;left:0;right:0}.expense-card-header{justify-content:space-between;align-items:flex-start;margin-top:2px;display:flex}.expense-icon-wrapper{color:#d84315;background-color:#fff3e0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.expense-date{color:#9e8b7a;background:#f8f6f2;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:9px;font-weight:700;display:inline-flex}.expense-desc{color:#2c1810;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.expense-amount{color:#d84315;margin:2px 0 0;font-size:15px;font-weight:900}.expense-footer{border-top:1px dashed #0000000f;justify-content:flex-end;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}.icon-action-btn{cursor:pointer;background:#f5f0ea;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.icon-action-btn:active{transform:scale(.9)}.icon-action-btn.edit{color:#c1913c;background:#c1913c1a}.icon-action-btn.delete{color:#d84315;background:#fff3e0}.expense-form .form-group{margin-bottom:16px}.expense-form label{color:#555;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.expense-form input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px;transition:border-color .2s}.expense-form input:focus{border-color:var(--color-brown)}.print-only-report{display:none}@media print{.no-print,.admin-header,.admin-bottom-nav,.expenses-search-bar,.expenses-summary,.expenses-content-wrapper,.modal-overlay{display:none!important}body,html{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#fff!important}.print-only-report *{color:#000!important;visibility:visible!important;background:0 0!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}body.print-thermal,html.print-thermal{width:58mm!important;margin:0!important;padding:0!important;font-family:Courier New,Courier,monospace!important;font-size:10px!important}body.print-thermal .admin-expenses{width:58mm!important;margin:0!important;padding:0!important}body.print-thermal .print-only-report{box-sizing:border-box!important;z-index:99999!important;background-color:#fff!important;width:58mm!important;margin:0!important;padding:4px!important;display:block!important}body.print-thermal .print-report-header{text-align:center!important;margin-bottom:8px!important}body.print-thermal .print-report-title{text-transform:uppercase!important;margin:0 0 4px!important;font-size:12px!important;font-weight:700!important}body.print-thermal .print-report-subtitle{margin:0!important;font-size:9px!important}body.print-thermal .print-report-table{border-collapse:collapse!important;width:100%!important;margin-top:8px!important;font-size:9px!important}body.print-thermal .print-report-table th{border-bottom:1px dashed #000!important;padding:4px 0!important;font-weight:700!important}body.print-thermal .print-report-table td{vertical-align:top!important;word-break:break-word!important;padding:4px 0!important}body.print-thermal .print-table-row{border-bottom:1px dashed #ddd!important}body.print-thermal .print-table-total{border-top:1px dashed #000!important;border-bottom:1px dashed #000!important;font-weight:700!important}body.print-a4,html.print-a4{width:100%!important;margin:0!important;padding:0!important;font-family:Arial,sans-serif!important;font-size:12pt!important}body.print-a4 .admin-expenses{width:100%!important;margin:0!important;padding:0!important}body.print-a4 .print-only-report{box-sizing:border-box!important;z-index:99999!important;background-color:#fff!important;width:100%!important;padding:20px!important;display:block!important}body.print-a4 .print-report-header{text-align:center!important;margin-bottom:32px!important}body.print-a4 .print-report-title{color:var(--color-brown,#8b5a2b)!important;margin:0 0 8px!important;font-size:24pt!important;font-weight:700!important}body.print-a4 .print-report-subtitle{color:#666!important;margin:0!important;font-size:12pt!important}body.print-a4 .print-report-table{border-collapse:collapse!important;width:100%!important;margin-top:24px!important;font-size:12pt!important}body.print-a4 .print-report-table th{border-bottom:2px solid var(--color-brown,#8b5a2b)!important;color:var(--color-brown,#8b5a2b)!important;padding:12px 8px!important;font-weight:700!important}body.print-a4 .print-report-table td{vertical-align:middle!important;padding:12px 8px!important}body.print-a4 .print-table-row{border-bottom:1px solid #ddd!important}body.print-a4 .print-table-total{border-top:2px solid var(--color-brown,#8b5a2b)!important;background-color:#f9f9f9!important;font-weight:700!important}}.admin-settings{padding:20px}.settings-section{margin-bottom:24px}.settings-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px}.store-status-card{justify-content:space-between;align-items:center;display:flex}.setting-label{color:var(--color-text);margin-bottom:2px;font-size:15px;font-weight:700}.setting-desc{color:var(--color-text-muted);font-size:12px}.toggle-switch{width:50px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--color-gold)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.settings-list{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.setting-item{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:center;gap:16px;padding:16px;transition:background-color .2s;display:flex}.setting-item:last-child{border-bottom:none}.setting-item:hover{background-color:#f8f9fa}.setting-icon{color:var(--color-brown)}.setting-text h4{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:600}.setting-text p{color:var(--color-text-muted);font-size:11px}.mt-24{margin-top:24px}.admin-login-container{background-color:var(--color-brown);justify-content:center;align-items:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.admin-login-container:before{content:"";filter:brightness(.35);z-index:0;background-image:url(https://images.unsplash.com/photo-1507133750040-4a8f57021571?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80);background-position:50%;background-size:cover;position:absolute;inset:0}.admin-login-container:after{content:"";z-index:1;background:linear-gradient(#0000 30%,#1e0f05d9 100%);position:absolute;inset:0}.admin-login-card{z-index:2;background:#fffffff7;border-top-left-radius:32px;border-top-right-radius:32px;width:100%;padding:40px 28px 56px;animation:.7s cubic-bezier(.16,1,.3,1) both slideUp;position:relative;box-shadow:0 -20px 60px #0000004d}.admin-login-header{text-align:center;margin-bottom:36px}.admin-login-icon{background:linear-gradient(135deg, var(--color-brown) 0%, #2d1b16 100%);width:72px;height:72px;color:var(--color-gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex;box-shadow:0 8px 24px #3e272359}.admin-login-header h1{color:var(--color-brown);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:800}.admin-login-header p{color:var(--color-text-muted);padding:0 12px;font-size:13px;line-height:1.5}.admin-login-form{flex-direction:column;gap:16px;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:16px}.input-with-icon input{width:100%;color:var(--color-text);background-color:#f8f9fa;border:1.5px solid #00000014;border-radius:16px;outline:none;padding:16px 16px 16px 48px;font-family:Outfit,sans-serif;font-size:15px;transition:all .3s}.input-with-icon input:focus{border-color:var(--color-gold);background-color:var(--color-white);box-shadow:0 0 0 4px #cfa4591f}.admin-login-error{color:#e53935;text-align:center;background-color:#ffebee;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.admin-login-btn{background:linear-gradient(135deg, #6b4423 0%, var(--color-brown) 100%);color:var(--color-white);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:18px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 24px #3e27234d}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #3e272366}.admin-login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@media (width>=768px){.admin-login-container{flex-direction:row;justify-content:flex-end;align-items:stretch}.admin-login-container:before{filter:brightness(.45);width:58%}.admin-login-container:after{background:linear-gradient(90deg,#0000 30%,#140a03bf 100%)}.admin-login-card{border-radius:0;flex-direction:column;justify-content:center;width:42%;min-height:100vh;padding:0 64px;animation:.7s cubic-bezier(.16,1,.3,1) both slideRight;display:flex;box-shadow:-20px 0 60px #00000040}@keyframes slideRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.admin-login-header h1{font-size:30px}.admin-login-header p{padding:0}}.admin-pos-page{background-color:#f5f6f8;height:100vh;display:flex;overflow:hidden}.admin-pos-page:fullscreen{background-color:#f5f6f8;width:100vw;height:100vh}.pos-left-panel{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.pos-right-panel{z-index:10;background-color:#fff;border-left:1px solid #eee;flex-direction:column;width:400px;display:flex;box-shadow:-4px 0 20px #00000008}.pos-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pos-header h2{color:var(--color-brown);font-size:24px}.pos-search-bar{background:#fff;border:1px solid #ddd;border-radius:20px;align-items:center;width:300px;padding:8px 16px;display:flex}.pos-search-bar input{border:none;outline:none;width:100%;margin-left:8px;font-size:14px}.search-icon{color:#888}.pos-active-tables{margin:16px 24px 0}.tables-title{color:var(--color-brown);margin-bottom:12px;font-size:14px;font-weight:700}.tables-scroll{gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.tables-scroll::-webkit-scrollbar{height:6px}.tables-scroll::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:4px}.table-card{border:1px solid var(--color-gold);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-width:140px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 4px 12px #c8960a1a}.table-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c8960a33}.table-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-number{color:var(--color-brown);font-size:14px;font-weight:700}.table-total{color:#10b981;font-size:12px;font-weight:600}.pos-categories{scrollbar-width:none;flex-shrink:0;align-items:center;gap:12px;margin-bottom:24px;margin-left:-24px;margin-right:-24px;padding:16px 24px;display:flex;overflow-x:auto}.pos-categories::-webkit-scrollbar{display:none}.pos-cat-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #eee;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:flex}.pos-cat-btn.active{background:var(--color-gold);color:#fff;border-color:var(--color-gold)}.pos-cat-btn .cat-icon{font-size:18px}.pos-cat-btn .cat-name{font-size:14px;font-weight:600}.pos-product-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:100px;display:grid}@media (width>=768px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}}.pos-product-card{cursor:pointer;background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #0000000a}.pos-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.product-img-wrapper{width:100%;height:120px;position:relative}@media (width>=768px){.product-img-wrapper{height:140px}}.product-img-wrapper img{object-fit:cover;width:100%;height:100%}.add-overlay{opacity:0;background:#c1913c66;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.pos-product-card:hover .add-overlay{opacity:1}.pos-product-card .product-info{padding:10px 12px}@media (width>=768px){.pos-product-card .product-info{padding:12px 16px}}.pos-product-card h4{color:var(--color-brown);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;overflow:hidden}@media (width>=768px){.pos-product-card h4{font-size:14px}}.pos-product-card p{color:var(--color-gold);font-size:13px;font-weight:700}@media (width>=768px){.pos-product-card p{font-size:14px}}.cart-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.cart-header h3{color:var(--color-brown);font-size:16px}.mobile-close-cart{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.order-type-toggle{gap:8px;padding:8px 20px 0;display:flex}.type-btn{color:var(--color-text-muted);cursor:pointer;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.type-btn.active{background:var(--color-brown);border-color:var(--color-brown);color:#fff}.customer-name-input{padding:8px 20px 0}.customer-name-input input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.table-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:4px;display:grid}.table-btn{color:var(--color-text-muted);cursor:pointer;text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 0;font-size:14px;font-weight:600;transition:all .2s}.table-btn:hover{background:#f9f9f9}.table-btn.active{background:var(--color-brown);border-color:var(--color-brown);color:#fff}.pos-cart-items{flex:1;padding:8px 20px;overflow-y:auto}.empty-cart{text-align:center;color:#888;margin-top:20px;font-size:13px}.pos-cart-item{border-bottom:1px dashed #eee;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.pos-cart-item .item-details h4{color:var(--color-brown);margin-bottom:2px;font-size:13px}.pos-cart-item .item-details p{color:var(--color-text-muted);font-size:12px;font-weight:600}.item-actions{align-items:center;gap:12px;display:flex}.qty-controls{background:#f5f5f5;border-radius:24px;align-items:center;gap:20px;padding:6px 8px;display:flex}.qty-controls button{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #0000000d}.qty-controls span{text-align:center;min-width:24px;font-size:16px;font-weight:700}.remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px}.pos-summary{background:#fafafa;border-top:1px solid #eee;padding:10px 20px 8px}.summary-row{color:var(--color-text-muted);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.pos-total-payment-row{background:#fafafa;border-top:1px dashed #ddd;align-items:center;gap:16px;padding:8px 20px 12px;display:flex}.total-col{flex:1}.total-col .total-label{color:var(--color-brown);margin-bottom:4px;font-size:16px;font-weight:700;display:block}.total-col .total-value{color:var(--color-brown);font-size:20px;font-weight:800;display:block}.payment-method-col{flex:1}.payment-method-col .payment-active{margin:0;padding:6px 10px}.payment-logo{object-fit:contain;mix-blend-mode:multiply;border-radius:4px;max-width:40px;max-height:24px}.payment-active{background:var(--color-latte);border:2px solid var(--color-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #4a2c110d}.payment-active:hover{border-color:var(--color-gold);background:#fff;box-shadow:0 4px 12px #4a2c111a}.payment-active .label{color:var(--color-text-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.payment-active .value{color:var(--color-brown);font-size:14px;font-weight:800}.cash-payment-section{background:#fafafa;border-top:1px dashed #ddd;margin-top:-8px;padding:16px 20px}.cash-input-group{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;margin-bottom:20px;padding:8px 12px;display:flex;box-shadow:inset 0 1px 3px #00000005}.currency-label{color:var(--color-brown);margin-right:8px;font-size:14px;font-weight:700}.cash-input{color:var(--color-brown);background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:700}.quick-cash-buttons{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.quick-cash-buttons button{color:var(--color-brown);cursor:pointer;text-align:center;background:#f8f5f0;border:1px solid #e8dec8;border-radius:8px;flex:1;min-width:60px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.quick-cash-buttons button:hover{background:var(--color-gold);border-color:var(--color-gold);color:#fff;transform:translateY(-1px)}.cash-payment-section .change-display{background:#fff;border:1px solid #eee;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex}.cash-payment-section .change-display span:first-child{color:var(--color-text-muted);font-size:12px}.cash-payment-section .change-amount{font-size:14px;font-weight:700}.cash-payment-section .change-amount.valid{color:#10b981}.cash-payment-section .change-amount.invalid{color:#ef4444}.change-btn{color:var(--color-gold);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.pos-checkout-btn{background:var(--color-gold);color:#fff;cursor:pointer;border:none;margin-top:16px;padding:16px;font-size:15px;font-weight:700;transition:background .2s}.pos-checkout-btn:disabled{cursor:not-allowed;background:#ccc}.pos-checkout-btn:not(:disabled):hover{background:#b68536}.pos-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.pos-modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;margin:auto;padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:var(--color-brown);font-size:18px}.payment-options{flex-direction:column;gap:12px;display:flex}.payment-option{cursor:pointer;border:1px solid #eee;border-radius:12px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.payment-option.selected{border-color:var(--color-gold);background:#cfa4590d}.method-img{object-fit:contain;background:#f5f5f5;border-radius:8px;width:40px;height:40px;padding:4px}.method-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.method-info h4{color:var(--color-brown);margin-bottom:2px;font-size:14px}.method-info p{color:#888;font-size:12px}.payment-instruction-modal .instruction-body p{color:var(--color-text);text-align:center;margin-bottom:16px;font-size:14px}.account-details-box{text-align:center;background:#fafafa;border:1px solid #eee;border-radius:12px;margin-bottom:24px;padding:20px}.qr-code-wrapper{background:#fff;border-radius:12px;margin-bottom:16px;padding:10px;display:inline-block;box-shadow:0 4px 12px #0000000d}.qr-code-img{width:120px;height:120px;display:block}.method-logo-wrapper{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.account-details-box .instruction-img{object-fit:contain;height:24px}.account-details-box h4{color:var(--color-brown);letter-spacing:.5px;margin:0;font-size:16px}.account-details-box p{color:var(--color-gold);margin:0;font-size:14px}.instruction-actions{gap:12px;display:flex}.instruction-actions .btn-cancel,.instruction-actions .btn-confirm{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.instruction-actions .btn-cancel{color:var(--color-text-muted);background:#f5f5f5;border:1px solid #ddd}.instruction-actions .btn-cancel:hover{background:#eee}.instruction-actions .btn-confirm{background:var(--color-gold);border:1px solid var(--color-gold);color:#fff}.instruction-actions .btn-confirm:hover{background:#b68536}.instruction-actions button:disabled{opacity:.7;cursor:not-allowed}.receipt-modal-content{box-shadow:none;background:0 0;width:100%;max-width:400px;margin:auto;padding:0}.receipt-paper{color:#000;background:#fff;border-radius:8px;margin-bottom:20px;padding:24px;font-family:Courier New,Courier,monospace;position:relative;box-shadow:0 4px 20px #00000026}.receipt-paper:before,.receipt-paper:after{content:"";background-image:radial-gradient(circle,#f5f6f8 3px,#0000 3.5px);background-size:12px 100%;height:6px;position:absolute;left:0;right:0}.receipt-paper:before{background-position:top;top:-6px}.receipt-paper:after{background-position:bottom;bottom:-6px}.receipt-header{text-align:center;margin-bottom:16px}.receipt-header h2{margin:0 0 6px;font-size:24px}.receipt-header p{color:#333;margin:0;font-size:14px}.receipt-divider{border-bottom:2px solid #000;margin:16px 0}.receipt-divider.dashed{border-bottom:2px dashed #000}.receipt-info p{justify-content:space-between;margin:6px 0;font-size:14px;display:flex}.receipt-items{margin:16px 0}.receipt-item{margin-bottom:12px}.receipt-item-name{font-size:16px;font-weight:700}.receipt-item-details{justify-content:space-between;font-size:14px;display:flex}.receipt-row{justify-content:space-between;margin:6px 0;font-size:15px;display:flex}.receipt-row.bold{margin-top:12px;font-size:18px;font-weight:700}.receipt-footer{text-align:center;margin-top:24px;font-size:14px}.receipt-footer p{margin:4px 0}.receipt-actions{gap:12px;display:flex}.receipt-actions button{cursor:pointer;color:#fff;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600}.btn-print{background:var(--color-brown)}.btn-close{background:#ef4444}@media print{body *{visibility:hidden}.receipt-paper,.receipt-paper *{visibility:visible}.receipt-paper{box-shadow:none;color:#000;width:100%;max-width:58mm;margin:0;padding:0;position:absolute;top:0;left:0}.no-print,.orders-list,.orders-grid,.pos-left-panel,.pos-right-panel,.admin-sidebar,.admin-bottom-nav{display:none!important}@page{margin:0}}.pos-mobile-cart-btn,.pos-mobile-overlay{display:none}@media (width<=1023px){.admin-pos-page{flex-direction:column;height:calc(100vh - 60px);padding-bottom:60px}.pos-left-panel{padding:16px 16px 80px}.pos-right-panel{z-index:1000;border-top:1px solid #eee;border-left:none;border-radius:24px 24px 0 0;width:100%;height:85vh;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:60px;left:0;transform:translateY(120%)}.pos-right-panel.mobile-open{transform:translateY(0)}.mobile-close-cart{display:flex}.pos-mobile-cart-btn{background:var(--color-gold);color:#fff;z-index:900;cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:fixed;bottom:76px;left:16px;right:16px;box-shadow:0 4px 16px #c1913c66}.cart-btn-info{flex-direction:column;display:flex}.cart-count{opacity:.9;font-size:11px}.cart-total{font-size:16px;font-weight:700}.cart-btn-text{font-size:14px;font-weight:600}.pos-mobile-overlay{z-index:950;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;position:fixed;inset:0 0 60px}}.pos-left-panel .alphabet-filter-container{-ms-overflow-style:none;scrollbar-width:none;flex-shrink:0;gap:6px;margin:-12px -24px 20px;padding:10px 24px;display:flex;overflow:auto hidden}.pos-left-panel .alphabet-filter-container::-webkit-scrollbar{display:none}.pos-left-panel .alphabet-btn{color:#9e8b7a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e8e3db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #2c18100a}.pos-left-panel .alphabet-btn:first-child,.pos-left-panel .alphabet-btn:last-child{border-radius:17px;padding:0 12px}.pos-left-panel .alphabet-btn:hover{color:#c1913c;background:#faf8f5;border-color:#c1913c}.pos-left-panel .alphabet-btn.active{background:var(--color-brown,#2c1810);color:#fff;border-color:var(--color-brown,#2c1810);box-shadow:0 3px 10px #2c181040}.pos-left-panel .alphabet-btn.disabled{opacity:.35;cursor:not-allowed;color:#c5b8a8;box-shadow:none;background:#f5f0ea;border-color:#e8e3db}.pos-left-panel .alphabet-btn.disabled:hover{color:#c5b8a8;background:#f5f0ea;border-color:#e8e3db}.staff-management{padding:24px}.staff-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px;display:grid}.staff-card{background:#fff;border:1px solid #eee;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 4px 12px #00000008}.staff-info{align-items:center;gap:16px;display:flex}.staff-avatar{background:var(--color-latte);width:48px;height:48px;color:var(--color-brown);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.staff-info h3{color:var(--color-brown);margin-bottom:4px;font-size:16px}.staff-role{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.staff-role.admin{color:var(--color-gold);background:#c1913c1a}.staff-role.kasir{color:#666;background:#0000000d}.staff-actions{gap:8px;display:flex}.btn-icon{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-password{color:#555;background:#f5f5f5}.btn-password:hover{background:#e0e0e0}.btn-delete{color:#ef4444;background:#ef44441a}.btn-delete:hover{background:#ef444433}.modal-subtitle{color:#666;margin-bottom:20px;font-size:14px}