@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;600;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f8f9fa;color:#333;line-height:1.6}.navbar{background:#ff6b6b;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.navbar h1{font-size:1.5rem}.navbar .cart{background:#fff;color:#ff6b6b;padding:.4rem .8rem;border-radius:20px;font-weight:700;cursor:pointer}.promo-slider{width:100%;overflow:hidden;margin:1rem 0;text-align:center}.promo-slider img{max-width:100%;border-radius:10px;box-shadow:0 2px 5px #0000001a}button{background:#ff6b6b;color:#fff;border:none;padding:.7rem 1.2rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:.3s ease}button:hover{background:#ff4b4b}.menu-section{padding:1rem;text-align:center}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.menu-card{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.menu-card img{max-width:100%;border-radius:10px;margin-bottom:.5rem}.menu-card h3{font-size:1.1rem;margin-bottom:.3rem}footer{margin-top:2rem;padding:1rem;background:#343a40;color:#fff;text-align:center;border-radius:12px 12px 0 0}.promo{display:flex;align-items:center;justify-content:center;gap:10px}.promo-img{width:250px;max-width:80%;border-radius:12px;box-shadow:0 4px 10px #0003}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.popup-content{background:#fff;padding:20px;border-radius:12px;max-width:400px;width:90%;box-shadow:0 4px 10px #0003;text-align:center;overflow-y:auto;max-height:90vh}.addon-group{text-align:left;margin:15px 0}.addon-group h4{margin-bottom:5px;color:#ff6b6b}.addon-group label{display:block;margin-bottom:4px}.popup-buttons{margin-top:15px;display:flex;justify-content:space-around}.addon-list{font-size:.9rem;color:#555;margin-top:5px;list-style:none;padding-left:10px}.popup-content textarea{width:100%;height:100px;padding:10px;font-size:1rem;border-radius:8px;border:1px solid #ccc;resize:none;box-sizing:border-box;margin-top:8px;transition:border-color .2s ease}.popup-content textarea:focus{outline:none;border-color:#ff6b6b}.order-success{text-align:center;padding:30px}.success-icon{background-color:#ff6b6b;color:#fff;font-size:2.5rem;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.order-success h2{color:#ff6b6b;font-size:1.5rem;margin-bottom:8px}.order-success p{color:#555;font-size:.95rem;margin-bottom:15px}.add-more-btn{background-color:#ff3b3b;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:.3s ease}.add-more-btn:hover{background-color:#e22b2b}:root{--footer-h: 60px}main,.page-content,.cart-container{padding-bottom:var(--footer-h)}:root{--nb-bg: #1f1f1f;--red-l: #ffd6d6;--red-m: #ff3e3e;--red-r: #ff7e7e;--tab-green: #b7ff3a;--tab-blue: #59c2ff;--tab-text: #111}.container{max-width:1050px;margin:0 auto;padding:0 16px}.nb{background:var(--nb-bg);color:#fff}.nb-topbar{background:linear-gradient(90deg,var(--red-l) 0%,var(--red-m) 55%,var(--red-r) 100%);border-top:3px solid #111;border-bottom:3px solid #111;margin:0;box-shadow:none!important}.nb-topbar .container{max-width:none;padding:0}.nb-top{display:grid;grid-template-columns:72px 1fr 56px;align-items:center;padding:10px 0}.left-logo{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:#fff;border:3px solid #111;border-radius:8px;text-decoration:none}.brand-logo{width:90%;height:90%;object-fit:contain}.brand-center{justify-self:center;font-weight:800;font-size:28px;letter-spacing:.5px;text-transform:uppercase;padding:4px 12px;background:#111;border:3px solid #fff;border-radius:8px;text-shadow:0 2px 0 rgba(0,0,0,.35)}.cart-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#111;color:#fff;border:3px solid #fff;text-decoration:none;position:relative}.cart .badge{position:absolute;top:-6px;right:-6px;background:#e53935;color:#fff;border-radius:999px;font-size:12px;padding:2px 6px}.nb-tabs{background:#fff;padding:0;margin:0;border:none!important;box-shadow:none!important}.nb-tabs .container{max-width:none;padding:0}.tabs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}.nb .nb-tab{position:relative;display:block;text-align:center;padding:12px 0;background:var(--tab-green);color:var(--tab-text);font-weight:700;font-size:16px;text-decoration:none;border-top:2px solid #111;border-bottom:2px solid #111;transition:background .2s ease;-webkit-user-select:none;user-select:none}.nb .nb-tab:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:#111}.tabs-grid .nb-tab:last-child:after{display:none}.tabs-grid .nb-tab:first-child{border-left:2px solid #111}.tabs-grid .nb-tab:last-child{border-right:2px solid #111}.nb .nb-tab:hover,.nb .nb-tab.is-current{background:var(--tab-blue);color:#111}.split-parent{contain:layout paint}.split-char,.split-word{display:inline-block;will-change:transform,opacity}@media (max-width: 900px){.nb-top{grid-template-columns:56px 1fr 44px}.brand-center{font-size:22px;padding:2px 10px}.left-logo{width:52px;height:52px}}@media (max-width: 520px){.brand-center{font-size:18px;padding:2px 8px;border-width:2px}.left-logo{width:46px;height:46px;border-width:2px}.cart-btn{width:40px;height:40px;border-width:2px}.nb .nb-tab{padding:10px 0;font-size:14px}}.tabs-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.footer-wrap{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#fff;padding:0;margin:0;width:100%;box-sizing:border-box;border-top:2px solid #222;box-shadow:0 -2px 6px #0000001a}.footer-wrap .container{max-width:100%;padding:0;margin:0 auto}.footer-strip{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 14px;background:linear-gradient(90deg,var(--red-l, #ff9999) 0%,var(--red-m, #ff6666) 55%,var(--red-r, #ff3333) 100%);color:#111;border-top:3px solid #111;box-shadow:0 -2px 6px #00000026;flex-wrap:nowrap;white-space:nowrap;min-width:0}.footer-strip span,.footer-strip strong,.foot-item{font-size:clamp(13px,2.6vw,18px);display:flex;align-items:center}.foot-item{display:flex;align-items:center;gap:8px}.open-time{margin-left:6px}.foot-divider{width:1px;height:22px;background:#00000059;flex-shrink:0}.foot-tel{text-decoration:none;color:#111;font-weight:600}@media (max-width: 400px){.footer-strip{gap:12px;padding:8px}.foot-item{gap:5px;font-size:clamp(11px,3.5vw,16px)}.open-time{margin-left:4px}}.page{font-family:Arial,sans-serif;background-color:#f8f8f8;color:#333}.page h1,.page h2,.page h3,.page h4,.page p{text-align:center;margin-left:auto;margin-right:auto}.promo-title{color:#ff1e1e;font-weight:900;text-transform:uppercase;letter-spacing:.4px;margin:18px 0 10px;text-align:center;line-height:1.15;font-size:clamp(18px,2.4vw,28px)}.section-promo{display:flex;justify-content:center;text-align:center;margin-top:0!important;padding-inline:8px}.promo-banner{position:relative;max-width:600px;width:92%;margin:0 auto 6px!important;display:inline-block}.promo-img{display:block;width:100%;height:auto;object-fit:contain;margin:0;border:2px solid #000;border-radius:14px}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ff5c5c;color:#fff;border:none;border-radius:14px;width:46px;height:34px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:18px;box-shadow:0 2px 8px #0000002e}.slider-btn.left{left:-18px}.slider-btn.right{right:-18px}.section-menu{padding-inline:clamp(12px,4vw,24px);margin-top:10px}.menu-cards{display:grid;grid-template-columns:repeat(3,clamp(90px,28vw,220px));justify-content:center;gap:clamp(8px,2vw,16px);align-items:stretch;overflow:visible}.menu-card{width:100%}.menu-image{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#f2f2f2;display:block;margin:0 auto}.menu-title{font-size:1.1rem;margin:10px 0}.menu-btn{display:flex;align-items:center;justify-content:center;background-color:#ff5c5c;color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none;margin-top:10px;font-weight:700;line-height:1}.menu-btn:hover{background-color:#ff3b3b;transition:background-color .2s}.menu-card.is-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;cursor:pointer}.menu-card.is-link:hover{transform:scale(1.03);box-shadow:0 8px 16px #0000002e}.menu-card.is-link:focus-visible{outline:3px solid #59c2ff;outline-offset:3px}.menu-card.is-link .menu-btn{pointer-events:none}@media (max-width: 680px){.section-promo{padding-inline:10px;margin-top:12px}.promo-banner{width:min(520px,96%)}.slider-btn{width:40px;height:30px;font-size:16px;border-radius:12px}.slider-btn.left{left:-14px}.slider-btn.right{right:-14px}}@media (max-width: 520px){.section-promo{padding-inline:6px;margin-top:10px;display:flex;justify-content:center}.promo-banner{width:96%;max-width:360px;margin:0 auto}.promo-slider,.promo-banner{padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}.swiper,.swiper-wrapper,.swiper-slide{padding:0!important;margin:0!important;background:transparent!important}.swiper-slide{display:flex!important;justify-content:center!important;align-items:center!important}.promo-img,.promo-slider img{display:block!important;width:70%!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;border:2px solid #000!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;vertical-align:middle!important}.slider-btn{width:36px;height:28px;font-size:15px;border-radius:12px}.slider-btn.left{left:-12px}.slider-btn.right{right:-12px}.menu-title{font-size:.95rem;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.menu-btn{display:flex;align-items:center;justify-content:center;padding:6px 8px;font-size:.85rem;line-height:1}}.menu-grid{display:grid;gap:16px;padding-bottom:16px;margin-bottom:100px}.menu-card{border:1px solid #ccc;padding:12px;border-radius:8px;text-align:center}.menu-card img{width:140px;height:140px;object-fit:cover;margin-right:16px;border-radius:8px;border:2px solid black}.menu-card .menu-details{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.menu-card h3{font-weight:700;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(14px,4vw,18px)}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-overlay--alert{z-index:1100}.popup-content{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:420px;box-shadow:0 4px 10px #0000004d;animation:fadeIn .3s ease}.popup-content--alert{text-align:center;width:85%;max-width:360px}.selected-price{font-weight:700;font-size:18px;color:#444}.addon-group{margin-top:12px}.addon-group .required{color:red}.addon-group label{display:block;margin:4px 0}.addon-group textarea{width:100%;resize:none}.popup-buttons{margin-top:16px;display:flex;justify-content:space-between;gap:12px}.btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.btn-confirm{background:#b6ff5c;color:#000}.btn-cancel{background:#ff7575;color:#fff}.btn-ok{margin-top:12px;padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.alert-message,.popup-content--alert p{white-space:pre-line}.menu-section{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:calc(100vh - 100px);overflow-y:auto}.menu-section h2{font-size:24px;text-align:center;color:#111;margin-bottom:20px}.menu-grid{display:flex;flex-direction:column;overflow-y:auto;gap:16px;padding-bottom:16px;margin-bottom:100px}.menu-card{display:flex;background-color:#f9f9f9;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;align-items:center;width:100%;flex-shrink:0}.menu-card img{width:120px;height:120px;object-fit:cover;margin-right:16px;border-radius:8px}.menu-card .menu-details{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.menu-card h3{font-size:16px;font-weight:700;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(14px,4vw,18px)}.menu-card p{font-size:16px;color:#666;margin-bottom:12px}.menu-card button{background-color:#ff5c5c;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease;max-width:100%}.menu-card button:hover{background-color:#ff3b3b}.cart-section{padding:20px;padding-bottom:calc(var(--footer-h, 80px) + 20px)}.empty-cart{text-align:center;margin-top:20px}.cart-item{border:1px solid #ddd;border-radius:10px;padding:12px;margin-bottom:10px}.addons-detail p{font-size:14px;color:#444;margin:2px 0}.quantity-row{display:flex;justify-content:space-between;align-items:center}.quantity-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.quantity-controls button{background:#ff7575;border:none;border-radius:6px;color:#fff;padding:4px 8px;cursor:pointer;font-size:18px}.quantity-controls button:last-child{background:#b6ff5c;color:#000}.remove-btn{background:#b6ff5c;color:#000;border:none;border-radius:6px;padding:5px 12px;cursor:pointer;transition:background .2s}.remove-btn:hover{background:#a0e650}.confirm-btn{background:#4caf50;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:.2s}.confirm-btn:hover{background:#3d8b40}.cancel-btn{background:#ff7575;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:.2s}.cancel-btn:hover{background:#e05f5f}.cart-summary{margin-top:20px;text-align:center;border-top:1px solid #ddd;padding-top:10px}.order-btn{margin-top:10px;background:#4caf50;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer}.popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200}.popup-content{background:#fff;padding:24px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 10px #0000004d}.addmore-btn{margin-top:16px;background:#ffc107;color:#000;border:none;border-radius:8px;padding:8px 16px;cursor:pointer}.admin-navbar{background:#222;color:#fff;display:flex;flex-direction:column;align-items:flex-start;padding:30px 20px;height:100vh;width:220px;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000004d;font-family:Prompt,sans-serif}.admin-navbar h2{margin-bottom:30px;color:#fff;font-size:20px;font-weight:600}.admin-navbar ul{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0;margin:0;width:100%}.admin-navbar a{color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;transition:all .25s ease;display:block;font-weight:500;border:2px solid transparent}.admin-navbar a:hover{background:#ffffff26}.admin-navbar a.active{background:#fff;color:#000;border:2px solid #fff;font-weight:600;box-shadow:0 2px 6px #ffffff4d;transform:translate(5px);transition:all .25s ease}.logout-btn{background-color:#ff5252;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.logout-btn:hover{background-color:#e04848}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-box{background:#fff;padding:25px 30px;border-radius:10px;text-align:center;box-shadow:0 4px 20px #0003;animation:fadeIn .2s ease-in-out}.popup-box h3{margin-bottom:10px;font-size:1.2rem}.popup-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px}.popup-buttons .confirm{background-color:#4caf50;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.popup-buttons .cancel{background-color:#000;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.popup-buttons .confirm:hover{background-color:#fb1010}.popup-buttons .cancel:hover{background-color:#b3b3b3}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.admin-layout{display:flex;flex-direction:row;min-height:100vh;background:#fafafa;font-family:Prompt,sans-serif}.admin-navbar{width:220px;height:100vh;background:#222;color:#fff;display:flex;flex-direction:column;padding:30px 20px;position:fixed;top:0;left:0}.admin-content{margin-left:220px;padding:30px;flex:1}.dashboard-container{padding:32px 48px;background-color:#f7f8fa;font-family:Prompt,sans-serif;color:#333;min-height:100vh}.dashboard-container h1{margin:0;font-size:30px;font-weight:600;color:#1d1d1f}.subtitle{margin:8px 0 28px;color:#6b7280;font-size:16px}.summary{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:40px}.card{flex:1 1 220px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px #0000000d;text-align:center;transition:all .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000014}.card h2{margin:0;font-weight:500;color:#4b5563;font-size:18px}.card p{margin-top:10px;font-size:28px;font-weight:700}.card:nth-child(1) p{color:#f59e0b}.card:nth-child(2) p{color:#3b82f6}.card:nth-child(3) p{color:#22c55e}.card.total p{color:#111827}.order-columns{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.order-column{flex:1}.order-column h2{text-align:left;margin-bottom:10px;font-size:18px;font-weight:500;color:#333}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:13px;transition:all .2s ease}.order-card:hover{transform:none;box-shadow:0 3px 8px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#222}.order-header-left{display:flex;align-items:center;gap:10px}.order-header-right{font-weight:700;font-size:14px;color:#111}.status{padding:2px 8px;border-radius:6px;font-size:.85rem;color:#fff}.status.รอทำ{background-color:#f59e0b}.status.กำลังทำ{background-color:#3b82f6}.status.พร้อมเสิร์ฟ{background-color:#22c55e}.order-time{color:#6b7280;font-size:12.5px}.order-items{display:flex;flex-direction:column;gap:4px}.order-item{display:flex;justify-content:space-between;align-items:flex-start;font-size:13px;color:#333}.order-item-left{display:flex;flex-direction:column;align-items:flex-start}.order-item small{display:block;color:red;margin-top:2px;font-size:.85em}.price{font-weight:400}.black-btn{align-self:flex-end;margin-top:6px;padding:6px 12px;font-size:13px;background:#1f2937;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.black-btn:hover{background:#111827;transform:translateY(-2px)}.card.active{border:2px solid #2563eb;box-shadow:0 0 8px #2563eb33;transform:translateY(-3px)}.dashboard-container.filtered .order-columns{display:block}.dashboard-container.filtered .order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.dashboard-container.filtered .order-card{font-size:12.5px;padding:10px 12px}.card-content{display:flex;justify-content:space-between;align-items:center}.card-left{text-align:left}.card-right{font-size:28px;color:inherit}.card:nth-child(1) .card-right{color:#f59e0b}.card:nth-child(2) .card-right{color:#3b82f6}.card:nth-child(3) .card-right{color:#22c55e}.card.total .card-right{color:#111827}.status-icon{margin-right:5px;vertical-align:middle}.order-id{color:#e53935;font-weight:400;font-size:1.2em}.item-note{margin-top:4px;font-size:.9rem;color:#555;line-height:1.4}.item-note strong{color:red;display:block;margin-bottom:2px}.tables-container{padding:30px;background-color:#fafafa;color:#333}h1{margin-bottom:5px}.section{margin-bottom:30px}h2{margin-bottom:10px;font-size:18px;color:#000}.table-grid{display:flex;flex-wrap:wrap;gap:15px}.table-card{flex:1 1 160px;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:15px;text-align:center;transition:.2s}.table-card h3{margin:0;font-size:18px}.table-card p{margin-top:5px;color:#555}.table-card.ordered{border:2px solid #000;cursor:pointer}.table-card.ordered:hover{background:#f0f0f0}.table-card.empty{border:1px solid #ccc;color:#888}.table-detail{animation:fadeIn .3s ease-in}.back-btn{background:none;border:none;color:#000;font-weight:500;cursor:pointer;font-size:15px;margin-bottom:15px}.back-btn:hover{text-decoration:underline}.order-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;padding:15px}.order-header{display:flex;justify-content:space-between;font-weight:700}.order-time{margin-top:5px;font-size:14px;color:#777}.order-total{font-weight:700;margin-top:5px;font-size:16px}.order-item{display:flex;justify-content:space-between;margin-top:3px;font-size:15px}.note{display:block;color:#999;font-size:13px}.back-btn{display:inline-flex;align-items:center;gap:5px;background-color:#fff;border:2px solid #000;color:#000;font-weight:600;font-size:15px;border-radius:8px;padding:8px 14px;cursor:pointer;box-shadow:0 2px 4px #00000026;transition:all .2s ease-in-out}.back-btn:hover{background-color:#ff5252;color:#fff;transform:translateY(-1px)}.back-btn:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-container{padding:30px;background-color:#fff;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{font-size:26px;margin-bottom:8px;font-weight:600}.subtitle{color:#666;margin-bottom:25px;font-size:15px}.summary-cards{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:30px}.card{background:#fff;border-radius:14px;box-shadow:0 3px 10px #00000014;padding:20px;flex:1;min-width:200px;text-align:center;transition:all .25s ease}.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.card p{color:#666;margin-bottom:6px;font-size:14px}.card h2{margin:0;font-size:24px;color:#111;font-weight:700}.date-selector{margin-bottom:25px}.date-selector label{display:block;font-weight:600;margin-bottom:8px;color:#222}.date-selector input[type=date],.date-range input[type=date]{background:#fff url("data:image/svg+xml,%3Csvg xmlns='[http://www.w3.org/2000/svg](http://www.w3.org/2000/svg)' width='16' height='16' fill='%23666'%3E%3Cpath d='M4 1a1 1 0 0 0-1 1v1H2a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1h-1V2a1 1 0 0 0-1-1H4zm11 6H1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7z'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:18px;border:1px solid #ccc;border-radius:10px;padding:10px 40px 10px 15px;font-size:15px;color:#333;cursor:pointer;transition:all .2s;width:100%;max-width:280px}.date-selector input[type=date]:hover,.date-range input[type=date]:hover{border-color:#999;background-color:#fafafa}.date-selector input[type=date]:focus,.date-range input[type=date]:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}.date-range{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.date-range label{display:block;font-weight:600;margin-bottom:6px}.order-summary{margin-bottom:20px}.order-summary h3{margin:0;font-size:18px;color:#000;font-weight:600}.order-summary p{color:#666;margin:4px 0 0;font-size:14px}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:15px 18px;transition:all .25s ease}.order-card:hover{background:#fdfdfd;box-shadow:0 4px 12px #0000001f}.order-header{display:flex;justify-content:space-between;align-items:center;font-weight:500;flex-wrap:wrap;gap:5px;margin-bottom:6px}.status{color:#0a8f00;font-weight:600}.time{color:#777;font-size:14px}.order-total{font-weight:700;margin-top:5px;font-size:16px;color:#000}.order-items{margin-top:10px}.order-item{display:flex;justify-content:space-between;margin-top:4px;font-size:15px;color:#444}.summary-cards h2{color:#4000d4}.settings-container{padding:30px;background:#fafafa;color:#333}.subtitle{color:#666;margin-bottom:20px}.section{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:20px;margin-bottom:25px}.section h2{margin-bottom:10px;font-size:18px}.label{color:#888;font-size:14px}.current-date{font-weight:700;font-size:16px;margin:5px 0 10px}.desc{color:#777;font-size:14px;margin-bottom:15px}.desc.small{font-size:13px;margin-top:5px}.black-btn{width:100%;background:#000;color:#fff;border:none;border-radius:8px;padding:10px;font-weight:700;cursor:pointer;transition:.2s}.black-btn:hover{opacity:.85}.toggle-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0 5px;font-size:15px}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;background-color:#ccc;border-radius:34px;inset:0;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background-color:#000}input:checked+.slider:before{transform:translate(20px)}.gray-btn{width:100%;background:#f3f3f3;color:#333;border:1px solid #ccc;border-radius:8px;padding:10px;margin-top:10px;font-weight:700;cursor:pointer;transition:.2s}.gray-btn:hover{background:#e6e6e6}.logout-btn{width:100%;background:#f44336;color:#fff;border:none;border-radius:8px;padding:10px;margin-top:10px;font-weight:700;cursor:pointer;transition:.2s}.logout-btn:hover{opacity:.85}.popup-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center}.popup{background:#fff;border-radius:12px;padding:25px;max-width:400px;width:90%;text-align:center}.popup h3{margin-bottom:10px}.popup p{color:#666;font-size:14px;margin-bottom:20px}.popup-actions{display:flex;justify-content:space-between;gap:10px}.cancel-btn,.confirm-btn{flex:1;padding:10px;border-radius:8px;font-weight:700;cursor:pointer;border:none}.cancel-btn{background:#000}.cancel-btn:hover{background:#9c9c9c}.confirm-btn{background:#cc4545;color:#fff}.confirm-btn:hover{opacity:.85}.checkmark{width:100px;height:100px;display:inline-block;position:relative}.checkmark-check{width:100px;height:100px;stroke:#28a745;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:80;stroke-dashoffset:80;animation:drawCheck .6s ease forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.login-page{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:#f6f7f9;font-family:Prompt,sans-serif;padding-top:80px}.login-box{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 15px #0000001a;width:320px;text-align:center}.login-box h2{margin-bottom:20px;color:#333}.login-box input{width:100%;padding:10px;margin:8px 0;border-radius:8px;border:1px solid #ccc}.login-box button{width:100%;padding:10px;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:10px}.login-box button:hover{background:#333}.error{color:red;margin-top:10px}.login-box h2{margin-bottom:20px;color:#333;font-size:20px;line-height:1.4}.login-box h2 span{display:block;font-size:14px;color:#666;margin-top:4px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Prompt,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}@media (min-width: 1280px){.container{padding:0 24px}}:root{--footer-h: 0px;--footer-gap: 20px}html,body,#root{height:100%}body{margin:0}body,.page{padding-bottom:calc(var(--footer-h) + var(--footer-gap))}@supports (padding: max(0px)){body,.page{padding-bottom:max(calc(var(--footer-h) + var(--footer-gap)),calc(env(safe-area-inset-bottom) + var(--footer-gap)))}}