:root{--paper:#fff8e9;--white:#fff;--ink:#38291f;--muted:#8f7a66;--line:#efe3cd;--brand:#563b27;--brand-pale:#fff0cc;--orange:#b64c2b;--orange-pale:#fff0dc;--radius:18px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-size:14px;line-height:1.6}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:0;background:none;color:inherit}
button:disabled{cursor:not-allowed;opacity:.42}
button:focus-visible,a:focus-visible{outline:3px solid #d8a56b;outline-offset:4px}
input:focus,select:focus,textarea:focus{border-color:#a8967f;outline:3px solid #f1e7db}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
img{display:block;max-width:100%}
.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;font-weight:700;gap:20px}
.boot span{font-size:14px;font-weight:400;color:var(--muted)}
.sidebar{width:218px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:34px 22px 22px;z-index:30;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:47px;white-space:nowrap}
.brand img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.brand>span{font-family:"STSong","SimSun",serif;font-weight:800;font-size:30px;line-height:1.3;letter-spacing:4px;text-shadow:1px 2px 0 #eeb36b}
.brand small{display:block;text-shadow:none;font:10px/1.6 "Microsoft YaHei",sans-serif;letter-spacing:1.2px;color:#a18d74;margin-top:3px}
.nav-label{font-size:10px;letter-spacing:1px;color:#b3a38f;padding-left:13px;margin-bottom:13px}
.nav-item{width:100%;display:flex;align-items:center;gap:13px;border-radius:9px;padding:14px 14px;text-align:left;color:#99856a;margin-bottom:9px;font-size:13px;transition:background .2s}
.nav-item:hover{background:#f9f5f0}
.nav-item.active{background:var(--brand);color:white;box-shadow:0 5px 12px #38291f12}
.nav-item .icon{width:18px;height:18px}
.nav-chevron{margin-left:auto;opacity:.65;width:13px!important}
.nav-item span{flex:1}
.nav-divider{height:1px;background:var(--line);margin:27px 10px 23px}
.sidebar-bottom{margin-top:auto;padding:22px 8px 0}
.little-skewers{display:flex;gap:9px;align-items:center;font-size:11px;color:#8e7a60}
.little-skewers .icon{color:#a18e75}
.sidebar-bottom p{color:#b6a794;font-size:10px;line-height:2;margin-top:11px}
.environment{margin-top:26px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:#ab9a83;display:flex;align-items:center;gap:7px}
.environment button{margin-left:auto;font-size:10px;color:#8e7a60}
.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#aa9881;flex-shrink:0}
.status-dot.muted{background:#c3b7a7}
.workspace{margin-left:218px}
.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#ffffffb3}
.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#a28f76}
.breadcrumb .icon{width:17px;height:17px}
.breadcrumb strong{font-weight:500;color:#594c3c}
.slash{color:#d0c7bb}
.topbar-right{display:flex;align-items:center;gap:28px}
.opening{display:flex;align-items:center;gap:7px;font-size:11px;color:#9e8a70}
.opening .icon{width:14px;height:14px}
.top-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;font-family:serif;font-size:17px;background:#f1e7db;color:#7c6b54}
main{max-width:1490px;margin:auto;padding:32px 42px 0}
.hero{position:relative;overflow:hidden;min-height:285px;border-radius:18px;background:#ffe2a0;isolation:isolate;display:flex;align-items:center;padding:33px 40px}
.hero:after{content:"";z-index:-1;position:absolute;right:0;top:0;width:58%;height:100%;background:radial-gradient(ellipse at 65% 50%,#f5c96b 0%,transparent 65%)}
.hero-copy{z-index:2;position:relative;max-width:65%}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;display:flex;align-items:center;gap:8px}
.hero .eyebrow{color:#816f58;letter-spacing:2.4px}
.eyebrow>span{width:5px;height:5px;background:var(--orange);border-radius:50%}
.hero h1{font-family:"STSong","SimSun",serif;font-size:38px;line-height:1.45;letter-spacing:2px;font-weight:600;margin:10px 0}
.hero h1 br{display:block}
.hero h1 span{color:var(--orange)}
.hero-copy>p{font-size:12px;line-height:1.9;color:#927e63;letter-spacing:.3px}
.hero-tags{display:flex;gap:19px;margin-top:22px}
.hero-tags>span{display:flex;align-items:center;gap:6px;color:#796852;font-size:10px}
.hero-tags .icon{width:14px;height:14px}
.hero-identity{position:absolute;right:7%;top:50%;width:29%;max-width:245px;transform:translateY(-50%);text-align:center;pointer-events:none}
.hero-identity img{width:100%;max-height:200px;object-fit:contain;filter:drop-shadow(0 6px 0 #c3863924);transform:rotate(-4deg)}
.hero-identity>span{display:block;margin-top:9px;color:#50351f;font-size:23px;font-weight:800;letter-spacing:5px}
.hero-identity small{display:block;font-size:8px;letter-spacing:3px;margin-top:3px;font-weight:500}
.hero-seal{position:absolute;right:18px;top:22px;writing-mode:vertical-rl;letter-spacing:3px;color:#73634f;border:1px solid #b9aa97;border-radius:5px;padding:8px 6px;font:11px/1.8 "STSong","SimSun",serif}
.hero-seal span{font-size:9px;opacity:.7;margin-top:5px}
.booking-options{display:grid;grid-template-columns:minmax(0,1fr) 204px;align-items:end;gap:28px;margin:22px 0 34px;padding:20px 22px;border:1px solid var(--line);background:#fff;border-radius:14px}
.booking-date{min-width:0}
.booking-date-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.booking-date-heading .field-caption{margin:0;font-size:12px;color:#6f5842}
.booking-date-hint{font-size:10px;color:#8f7a66}
.date-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.date-pill{position:relative;min-width:0;min-height:76px;padding:12px 8px;border:1px solid #eadcc5;border-radius:11px;background:#fffdf7;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#6f5842;transition:background .15s,border-color .15s}
.date-pill strong{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px}
.date-pill>span{font-size:11px;display:flex;align-items:center;gap:5px;color:#8f7a66;white-space:nowrap}
.date-pill:hover:not(:disabled){border-color:#b99b68;background:#fff6df}
.date-pill.selected{background:#fff0c5;border-color:#b39359;box-shadow:inset 0 0 0 1px #b3935930;color:#38291f}
.date-pill.selected>span{color:#76583e}
.date-pill:disabled{opacity:1;background:#faf8f3;border-color:#eee9df;color:#b5aa9b}
.date-pill:disabled>span,.date-pill:disabled>small{color:#aa9f90}
.date-pill>small{font-size:9px;line-height:1}
.date-more strong>.icon{width:14px;height:14px}
.date-more>span>.icon{width:10px;height:10px}
.date-check{position:absolute;right:0;bottom:0;width:17px;height:16px;display:grid;place-items:center;border-radius:7px 0 10px 0;background:#785b35;color:#fff}
.date-check .icon{width:11px;height:11px}
.booking-right{min-width:0}
.booking-right .field-caption{font-size:12px;color:#6f5842}
.dining-toggle{display:flex;padding:5px;background:#f8f2e7;border-radius:11px;height:76px}
.dining-toggle button{flex:1;display:flex;justify-content:center;align-items:center;gap:5px;padding:8px;border-radius:8px;font-size:12px;color:#8f7a66}
.modal.date-modal{width:450px;padding:26px;background:#fffdf8}
.modal.date-modal h2{font-size:23px;margin:10px 0 8px}
.date-modal .modal-close{height:44px;width:44px;right:14px;top:14px}
.calendar-range{font-size:11px;color:#8f7a66;line-height:1.8;padding-right:4px;margin-bottom:17px}
.date-sheet-handle{display:none}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.calendar-heading>strong{font-size:17px;font-weight:600;letter-spacing:1px}
.calendar-arrow{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;border:1px solid #eadcc5;background:#fff;color:#785b35}
.calendar-arrow:disabled{opacity:1;color:#c5b9a8;border-color:#f0e9dd;background:#faf7f1}
.calendar-prev .icon{transform:rotate(180deg)}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.calendar-weekdays{margin-bottom:8px;text-align:center;font-size:11px;color:#8f7a66}
.calendar-weekdays>span{padding:6px 0}
.calendar-day{min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;border-radius:12px;padding:5px 0;color:#563b27}
.calendar-day strong{font-size:16px;font-weight:500;line-height:1.4}
.calendar-day small{font-size:9px;min-height:14px;line-height:14px;color:#9b8060}
.calendar-day:hover:not(:disabled){background:#fff4d7}
.calendar-day[aria-current=date]:not(:disabled){border-color:#ddc7a2}
.calendar-day.selected,.calendar-day.selected:hover{background:#ffe2a0;border-color:#d8b476;color:#38291f}
.calendar-day.selected small{color:#73501f}
.calendar-day:disabled{opacity:1;color:#c6bdb0}
.calendar-day:disabled small{color:#bfb3a3}
.calendar-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#faf2e2;border-radius:10px;padding:13px 15px;margin:18px 0 14px;font-size:12px}
.calendar-summary>span{color:#8f7a66}
.calendar-summary>strong{font-size:13px;font-weight:600}
.calendar-cart-note{font-size:11px;color:#9a6f46;margin:-2px 0 12px;line-height:1.7}
.date-modal .calendar-confirm{min-height:48px;font-size:14px;border-radius:11px}
.field-caption{display:flex;align-items:center;gap:6px;font-size:11px;color:#927e64;margin-bottom:10px}
.field-caption .icon{width:13px;height:13px}
.dining-toggle button.selected{background:white;color:#665846;box-shadow:0 1px 4px #38291f0b}
.dining-toggle .icon{width:14px;height:14px}
.menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 287px;gap:27px;align-items:start}
.section-title{display:flex;align-items:center;justify-content:space-between}
.muted{color:#a5927a;font-size:9px;letter-spacing:2px}
.section-title h2{font-size:21px;font-weight:600;letter-spacing:1px;margin-top:4px}
.section-title h2>span{font-size:10px;color:#ac9b85;font-weight:400;letter-spacing:0;margin-left:14px}
.category-tabs{display:flex;gap:6px;margin:20px 0 21px;flex-wrap:wrap}
.category-tabs button{padding:7px 14px;font-size:11px;color:#a4927a;display:flex;align-items:center;gap:7px;border-radius:7px;border:1px solid transparent}
.category-tabs button.active{background:#fff;border-color:#efe4d5;color:#685946;box-shadow:0 2px 4px #38291f03}
.category-tabs button:hover{color:#473d30}
.category-tabs .icon{width:13px;height:13px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product-card{border:1px solid #f2e8dc;background:white;border-radius:13px;overflow:hidden;transition:box-shadow .2s,transform .2s;animation:appear .35s both;animation-delay:calc(var(--i)*25ms)}
.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #42392d09}
.product-image{position:relative;aspect-ratio:1.62;background:#f3eee4;margin:7px 7px 0;border-radius:8px;overflow:hidden}
.product-image>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.product-card:hover .product-image>img{transform:scale(1.04)}
.stock-tag{position:absolute;left:9px;top:9px;font-size:9px;border-radius:4px;padding:2px 7px;background:#fffaf0e8;color:#a6814c;letter-spacing:.5px}
.stock-tag.favorite{background:#fff9e5ed;color:#9d6a35}
.stock-tag.low{background:#fcf1e5ee;color:#b57849}
.stock-tag.zero{background:#f5eee4eb;color:#9f8c72}
.image-note{position:absolute;right:7px;bottom:4px;font-size:8px;letter-spacing:.5px;color:#9288726b}
.product-body{padding:14px 15px 15px}
.product-title{display:flex;align-items:center;justify-content:space-between}
.product-title h3{font-weight:600;font-size:14px;letter-spacing:.5px}
.product-title>span{font-size:10px;color:#b8aa97}
.product-body>p{font-size:9px;margin:5px 0 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#ab9a83}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px}
.stock-text{font-size:9px;color:#a5937b;display:flex;gap:5px;align-items:center;white-space:nowrap}
.stepper{display:flex;align-items:center;gap:9px}
.stepper button{height:27px;width:27px;border-radius:7px;display:grid;place-items:center;padding:0}
.stepper .plus{background:var(--brand);color:white}
.stepper .minus{background:#f7f2eb;color:#9d896e}
.stepper .icon{width:14px;height:14px}
.stepper>span{font-size:12px;min-width:10px;text-align:center}
.sold-out .product-image>img{filter:grayscale(.7);opacity:.65}
.menu-note{margin-top:25px;display:flex;align-items:center;gap:7px;font-size:10px;color:#af9f8a}
.menu-note .icon{width:13px;height:13px}
.cart-panel{border:1px solid var(--line);border-radius:14px;background:#fff;padding:21px;position:sticky;top:22px}
.cart-title{display:flex;justify-content:space-between;align-items:center;gap:6px}
.cart-title h2{font-size:13px;display:flex;gap:8px;align-items:center;font-weight:600}
.cart-title h2 .icon{width:17px;height:17px}
.count-badge{display:grid;place-items:center;border-radius:5px;background:#f5efe6;color:#958166;min-width:22px;height:22px;padding:1px 5px;font-size:10px}
.cart-date{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:19px;padding:11px 8px;background:#faf6f1;border-radius:7px;color:#9d896e;white-space:nowrap}
.cart-date>.icon{width:12px;height:12px}
.dining-badge{font-size:9px;line-height:1.6;border-left:1px solid #e9dac7;padding-left:7px;margin-left:auto}
.cart-empty{height:239px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.empty-circle{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#f8f3ed;color:#b1a18d;margin-bottom:16px}
.empty-circle .icon{width:31px;height:31px;stroke-width:1.1}
.cart-empty strong{font-size:12px;font-weight:500;color:#978266}
.cart-empty p{font-size:10px;text-align:center;margin-top:7px;line-height:1.9;color:#b4a591}
.cart-total{border-top:1px dashed #f0e5d7;padding-top:17px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;color:#a6947c;font-size:11px}
.cart-total strong{font-weight:500;color:#86745c}
.cart-total b{font-size:25px;font-weight:600;color:#443b2f;margin-right:2px}
.primary,.secondary,.danger{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:8px;padding:12px 19px;font-size:12px;line-height:1.5;transition:background .2s;min-height:42px}
.primary{background:var(--brand);color:#fff}
.primary:hover:not(:disabled){background:#594d3d}
.secondary{background:#fff;border:1px solid #ede0cf;color:#7a6953}
.secondary:hover:not(:disabled){background:#f6f0e9}
.danger{background:#b95c42;color:white}
.primary .icon,.secondary .icon,.danger .icon{width:16px;height:16px}
.reserve-button{width:100%;background:var(--orange);justify-content:space-between}
.reserve-button:hover:not(:disabled){background:#bd5934}
.reserve-button:disabled{opacity:1;background:#f4ede4;color:#b3a490}
.no-payment{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#ac9b85;margin-top:12px}
.no-payment .icon{width:12px;height:12px}
.cart-footnote{text-align:center;border-top:1px solid #f5efe6;margin-top:18px;padding-top:17px;font-size:9px;line-height:1.9;color:#b5a693}
.cart-items{padding:15px 0 5px;max-height:370px;overflow:auto}
.cart-item{display:flex;align-items:center;gap:8px;margin:5px 0 14px}
.cart-item>img{width:42px;height:39px;border-radius:7px;object-fit:cover}
.cart-item>div:nth-child(2){flex:1;min-width:0}
.cart-item strong{font-size:11px;font-weight:500;white-space:nowrap}
.cart-item small{font-size:9px;color:#b2a28d;display:block}
.small-stepper{display:flex;align-items:center;gap:5px}
.small-stepper button{border:1px solid #f0e7da;border-radius:5px;width:22px;height:22px;line-height:18px;padding:0;color:#968166}
.small-stepper>span{min-width:14px;text-align:center;font-size:11px}
.text-button{font-size:11px;color:#a28f76;text-decoration:underline;text-underline-offset:4px;padding:4px}
.clear-cart{display:block;margin:0 0 13px auto;font-size:10px}
.page-footer{max-width:1490px;margin:37px auto 0;padding:23px 42px 27px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#baac99}
.mobile-nav,.mobile-only,.mobile-cart,.admin-mobile-tabs{display:none}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:13px 0 29px}
.page-heading h1{font-size:28px;font-weight:600;letter-spacing:1px;margin:8px 0 7px}
.page-heading p{font-size:12px;color:#a08d74}
.heading-actions{display:flex;gap:10px}
.empty-state{background:#fff;border:1px solid var(--line);border-radius:16px;padding:64px 24px;text-align:center}
.empty-art{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#f7f1ea;color:#ae9e88;margin:0 auto 19px}
.empty-art .icon{width:33px;height:33px;stroke-width:1.3}
.empty-state h3{font-size:17px;font-weight:500;margin-bottom:9px}
.empty-state p{font-size:12px;color:#aa9983}
.empty-state .primary{margin-top:23px}
.orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.order-card{border:1px solid var(--line);border-radius:15px;background:white;overflow:hidden}
.order-card-head{display:flex;align-items:center;padding:20px 23px;gap:18px;border-bottom:1px solid #f6efe7}
.order-number{padding-right:20px;border-right:1px solid var(--line)}
.order-number>small{font-size:10px;color:#a6947c;display:block}
.order-number>strong{font-size:30px;line-height:1.35;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:1px}
.order-number>strong>span{color:#c0b3a2;font-size:19px;margin-right:2px}
.order-schedule{flex:1}
.order-schedule>strong{font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px}
.order-schedule>span{font-size:10px;color:#ab9a84;display:block;margin-top:4px}
.type-tag{font-size:9px;border-radius:4px;background:#f5eee5;color:#958065;padding:2px 6px;font-weight:400}
.type-tag.takeaway{background:#f8eee3;color:#b59870}
.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#ac9b85;background:#f6f0e9;border-radius:20px;padding:5px 9px;white-space:nowrap}
.status-pill i,.availability i{width:4px;height:4px;background:currentColor;border-radius:50%}
.status-pill.pending{color:#c08a45;background:#fdf4e5}
.status-pill.preparing{color:#7489a8;background:#ecf2fa}
.status-pill.ready{color:#927e64;background:#f5eee5}
.status-pill.cancelled{color:#aaa;background:#f9f4ee}
.order-items{display:grid;grid-template-columns:1fr 1fr;padding:20px 23px;gap:10px 24px}
.order-items>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7e6c55}
.order-items strong{font-size:12px;font-weight:500}
.order-items small{color:#b6a793;font-weight:400;font-size:9px}
.order-note{margin:0 23px 18px;font-size:10px;color:#b39b79;background:#faf7ef;border-radius:6px;padding:10px}
.order-note>span{color:#9f8c72;margin-left:10px}
.order-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed #f1e7db;margin:0 23px;padding:16px 0;font-size:10px;color:#a6947c}
.order-card-footer strong{font-size:14px;font-weight:500;color:#806e57}
.order-card-footer>div>span{font-size:9px;color:#b3a38f}
.order-actions{display:flex;align-items:center;gap:10px}
.compact{font-size:10px;min-height:33px;padding:8px 12px}
.compact .icon{width:12px;height:12px}
.admin-date-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}
.admin-date-row>span{font-size:11px;color:#a4927a}
.dot-separator{margin:0 10px;color:#c4b8a9}
.admin-date-control{display:flex;align-items:center;gap:9px}
.admin-date-control>button{border:1px solid #eee2d2;border-radius:7px;background:#fff;height:35px;min-width:34px;color:#947f64;font-size:22px;line-height:1}
.admin-date-control>label{display:flex;align-items:center;gap:7px;background:white;border:1px solid #eee2d2;border-radius:7px;padding:6px 10px}
.admin-date-control input{border:0;outline:0;color:#786852;font-size:11px;background:transparent}
.admin-date-control .icon{width:15px;height:15px;color:#a08c73}
.admin-date-control .today-btn{font-size:11px;padding:0 12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:0 0 32px}
.stat-card{background:#fff;border:1px solid var(--line);padding:21px 23px 18px;border-radius:13px}
.stat-card>div{display:flex;justify-content:space-between;align-items:center;color:#a18e76;font-size:11px}
.stat-card>div>.icon{width:17px;height:17px;color:#b3a38f}
.stat-card>strong{font-size:33px;display:block;font-weight:600;margin:9px 0 4px;font-variant-numeric:tabular-nums}
.stat-card>strong>small{font-size:10px;color:#b4a592;margin-left:7px;font-weight:400}
.stat-card>p{font-size:9px;color:#bbad9a}
.orders-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0e6d9;margin-bottom:23px;gap:8px}
.status-tabs{display:flex;gap:24px;overflow:auto}
.status-tabs>button{font-size:11px;color:#a5937c;white-space:nowrap;padding:0 0 14px;border-bottom:2px solid transparent}
.status-tabs>button.active{border-color:#73634f;color:#55493a}
.status-tabs>button>span{font-size:9px;margin-left:6px;background:#f5eee4;border-radius:5px;padding:1px 5px;color:#ac9b84}
.sort-hint{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#b4a592;font-size:9px;align-self:start}
.sort-hint .icon{width:12px;height:12px}
.admin-help{display:flex;align-items:center;justify-content:center;font-size:10px;color:#b4a591;gap:8px;margin-top:26px}
.admin-help .icon{width:13px;height:13px}
.login-wrap{min-height:calc(100vh - 223px);display:flex;align-items:center;justify-content:center}
.login-card{width:410px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:35px}
.login-logo{width:48px;height:48px;border-radius:13px;background:#f6efe7;color:#947f64;display:grid;place-items:center;margin-bottom:25px}
.login-card h1{font-size:29px;line-height:1.6;margin-top:8px;font-weight:500;letter-spacing:1px}
.login-card p{font-size:11px;color:#ad9c86;margin:14px 0 28px}
.login-card .primary,.login-card .secondary{width:100%}
.login-card small{font-size:9px;color:#bcae9c;display:block;line-height:1.9;margin-top:15px;text-align:center}
.login-or{display:flex;align-items:center;gap:10px;margin:22px 0;font-size:9px;color:#bfb2a0}
.login-or:before,.login-or:after{content:"";height:1px;background:var(--line);flex:1}
form label{display:flex;flex-direction:column;font-size:11px;color:#978266;gap:7px;margin-bottom:18px}
form input,form select,form textarea{width:100%;border:1px solid #ede1d1;border-radius:7px;min-height:41px;background:#fff;padding:9px 11px;color:#574b3c;font-size:12px}
form input::placeholder,form textarea::placeholder{color:#c8bdaf;font-size:11px}
form textarea{resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-row label{min-width:0}
.optional{display:inline;font-size:9px;color:#beb19f}
.inventory-info{display:flex;align-items:center;gap:8px;background:#f5eee4;border:1px solid #eee3d4;padding:14px 17px;border-radius:9px;font-size:11px;color:#9d896f;margin-bottom:20px}
.inventory-info .icon{width:16px;height:16px}
.inventory-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px}
.inventory-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
.inventory-table thead{background:#fcf9f6}
.inventory-table th{padding:17px 16px;color:#b09f8a;font-size:10px;font-weight:400;border-bottom:1px solid var(--line)}
.inventory-table td{padding:14px 16px;border-bottom:1px solid #f6efe7;font-size:11px;color:#a08d74}
.inventory-table tr:last-child td{border:0}
.inventory-table th:first-child,.inventory-table td:first-child{padding-left:22px}
.inventory-product{display:flex;align-items:center;gap:13px}
.inventory-product img{width:54px;height:46px;border-radius:8px;object-fit:cover}
.inventory-product strong{display:block;font-size:12px;color:#685946;font-weight:500}
.inventory-table small{font-size:9px;color:#beb19f;display:block;margin-top:3px}
.stock-form{display:flex;align-items:center;gap:6px}
.stock-form input{width:68px;height:32px;min-height:32px;padding:5px 6px;font-size:11px;border-color:#f0e6d9}
.stock-form button{font-size:10px;color:#ae9e88}
.stock-form button:hover{color:#574b3b}
.remaining{color:#958065;font-size:13px;font-weight:500}
.remaining.low{color:#bf955d}
.availability{display:flex;align-items:center;gap:5px;font-size:10px;color:#a5937c}
.availability.off{color:#c1b5a5}
.icon-button{width:31px;height:31px;display:grid;place-items:center;padding:5px;color:#b2a28e;border:1px solid transparent;border-radius:7px}
.icon-button:hover{background:#f7f2eb;border-color:#efe4d6}
.icon-button .icon{width:15px;height:15px}
.inactive-row{opacity:.65}
.error-inline{border:1px solid #efd5ca;background:#fff3ed;color:#b17556;padding:12px 16px;border-radius:9px;font-size:12px;margin:15px 0}
.error-inline button{margin-left:14px;text-decoration:underline}
.loading{opacity:.45;pointer-events:none}
.modal-open{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;background:rgba(47,41,32,.62);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:30px 20px;overflow-y:auto;visibility:visible;opacity:1}
.modal{position:relative;width:500px;max-width:100%;max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;background:#fff;border-radius:19px;padding:35px;box-shadow:0 25px 80px #2b251e30;animation:appear .22s ease-out}
.modal-close{position:absolute;right:16px;top:16px}
.modal h2{font-size:24px;font-weight:500;letter-spacing:.5px;margin:10px 0}
.modal-description{font-size:11px;line-height:1.9;color:#ac9c86;margin-bottom:23px}
.checkout-overview{display:flex;align-items:center;justify-content:space-between;background:#f6f0e8;padding:12px 14px;border-radius:8px;font-size:11px;color:#927e64}
.checkout-overview span{display:flex;align-items:center;gap:6px}
.checkout-overview .icon{width:14px;height:14px}
.checkout-items{display:flex;flex-wrap:wrap;gap:8px 13px;padding:16px 0 22px;font-size:10px;color:#ac9c86}
.checkout-items b{font-weight:400;margin-left:6px;color:#8e7b61}
.full{width:100%}
.form-hint{font-size:10px;text-align:center;margin-top:13px;color:#b7a894;line-height:1.9}
.form-error{font-size:11px;color:#b86645;margin:0 0 15px;line-height:1.7}
.form-error:empty{display:none}
.field-help{font-size:10px;color:#b5a693;line-height:1.9;margin:-6px 0 20px}
.success-modal{text-align:center}
.success-modal .eyebrow{justify-content:center}
.success-check{width:61px;height:61px;margin:0 auto 23px;background:#f4ede3;border-radius:50%;display:grid;place-items:center;color:#988368}
.success-check .icon{width:27px;height:27px}
.reservation-ticket{border:1px dashed #e6d5bf;border-radius:13px;background:#fbf9f6;padding:22px;margin:20px 0}
.reservation-ticket>span{font-size:11px;color:#a5937c;letter-spacing:2px}
.reservation-ticket>strong{display:block;font-size:66px;line-height:1.6;font-weight:600;letter-spacing:4px;color:#645644}
.reservation-ticket>strong small{font-size:26px;color:#baac99}
.reservation-ticket>p{font-size:11px;color:#ae9e89}
.success-modal .full{margin-top:22px}
.confirm-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f7f0e8;color:#b39467;margin-bottom:22px}
.modal-actions{display:flex;justify-content:flex-end;gap:12px}
.prep-list{margin:15px 0 27px}
.prep-list>div{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px dashed #efe5d7;font-size:13px;color:#988367}
.prep-list strong{font-weight:500;color:#635543;font-size:16px}
.prep-list small{font-size:10px;color:#b2a28d}
.prep-modal .empty-state{padding:30px 10px}
.prep-modal .empty-state .empty-art{width:60px;height:60px}
#toast{position:fixed;bottom:32px;left:calc(50% + 109px);transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:13px 22px;background:#40372bf2;backdrop-filter:blur(8px);color:#fff;border-radius:10px;font-size:12px;z-index:150;box-shadow:0 5px 20px #2d271f1a;transition:all .2s;max-width:90%;white-space:normal}
#toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes appear{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}

@media(min-width:1550px){.hero{min-height:300px}
.hero h1{font-size:42px}
.hero-identity{width:28%}
.product-image{aspect-ratio:1.55}
.product-body{padding:17px 18px}
.product-title h3{font-size:15px}
.product-body>p{font-size:10px}
.product-grid{gap:21px}
}

@media(max-width:1250px){.sidebar{width:190px;padding:28px 16px 20px}
.workspace{margin-left:190px}
.brand{gap:9px}
.brand>span{font-size:24px}
.brand img{width:40px;height:40px}
.brand small{font-size:9px}
.topbar{padding:0 28px}
main{padding:26px 28px 0}
.hero{padding:29px;min-height:239px}
.hero h1{font-size:30px}
.hero-identity{right:5%;width:29%}
.hero-identity img{max-height:165px}
.hero-seal{right:15px;top:19px}
.menu-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.booking-options{padding:20px;gap:20px}
.cart-panel{padding:18px}
.cart-title h2{font-size:12px}
.cart-title h2 .icon{width:15px}
.page-footer{padding-left:28px;padding-right:28px}
.stats-grid{gap:13px}
.stat-card{padding:18px}
.status-tabs{gap:17px}
.order-card-head{padding:18px 17px;gap:12px}
.order-number{padding-right:12px}
.order-number>strong{font-size:27px}
.order-items{padding:18px 17px;gap:10px 16px}
.order-items>div{font-size:11px}
.order-card-footer{margin:0 17px}
.order-schedule>span{font-size:9px}
.order-card-footer>div>span{display:block}
.order-actions{gap:6px}
.order-note{margin-left:17px;margin-right:17px}
.page-heading h1{font-size:25px}
#toast{left:calc(50% + 95px)}
}

@media(max-width:1040px){.sidebar{width:176px;padding:26px 13px 18px}
.workspace{margin-left:176px}
.brand{gap:8px}
.brand>span{font-size:23px}
.brand small{font-size:8px}
.brand img{width:36px;height:36px}
.nav-label{font-size:9px}
.nav-item{font-size:12px;gap:10px;padding:13px 12px}
.sidebar-bottom{padding-left:4px;padding-right:4px}
.little-skewers{font-size:10px;gap:6px}
main{padding:22px 24px 0}
.topbar{padding:0 24px}
.hero h1 br{display:block}
.hero{min-height:260px}
.hero-identity{right:3%;width:32%}
.hero h1{font-size:30px}
.hero-copy>p{font-size:11px}
.booking-options{grid-template-columns:1fr;gap:20px}
.dining-toggle{height:48px}
.menu-layout{grid-template-columns:minmax(0,1fr) 242px;gap:17px}
.section-title h2{font-size:18px}
.section-title h2>span{font-size:9px;margin-left:6px}
.category-tabs{gap:2px}
.category-tabs button{font-size:10px;padding:6px 9px}
.product-grid{gap:12px}
.product-body{padding:11px}
.product-title h3{font-size:12px}
.product-body>p{font-size:8px}
.product-image{margin:5px 5px 0;aspect-ratio:1.3}
.stock-tag{font-size:8px;left:5px;top:5px;padding:1px 5px}
.stock-text{font-size:8px}
.stepper{gap:5px}
.stepper button{height:22px;width:22px}
.stepper>span{font-size:10px}
.cart-title h2{font-size:11px;gap:6px}
.cart-panel{padding:16px}
.page-heading{flex-wrap:wrap;gap:20px}
.page-heading h1{font-size:24px}
.stats-grid{gap:10px}
.stat-card{padding:15px 14px}
.stat-card>p{font-size:8px}
.stat-card>div{font-size:10px}
.stat-card>strong{font-size:28px}
.orders-grid{grid-template-columns:1fr}
.status-tabs{gap:15px}
.status-tabs>button{font-size:10px}
.sort-hint{display:none}
#toast{left:calc(50% + 88px)}
}

@media(max-width:800px){.sidebar{width:157px;padding:22px 10px}
.workspace{margin-left:157px}
.brand{gap:6px}
.brand>span{font-size:22px}
.brand img{width:32px;height:32px}
.brand small{letter-spacing:.5px;font-size:8px}
.nav-label{font-size:8px;letter-spacing:.5px}
.nav-item{gap:9px;font-size:11px;padding:13px 10px}
.nav-item .icon{width:16px;height:16px}
.sidebar-bottom p{font-size:9px}
.little-skewers{font-size:9px}
.little-skewers .icon{width:15px}
.menu-layout{grid-template-columns:1fr}
.cart-panel{position:static;margin-top:5px}
.cart-empty{height:150px}
.cart-items{max-height:unset;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.cart-title h2{font-size:14px}
.cart-item>img{width:38px}
.cart-item strong{font-size:10px}
.cart-date{font-size:11px}
.cart-footnote{display:none}
.cart-total{padding-top:13px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.section-title h2{font-size:20px}
.product-image{aspect-ratio:1.25}
.product-title h3{font-size:11px}
.stock-text{font-size:7px}
.hero{padding:24px;min-height:243px}
.hero h1{font-size:27px}
.hero-identity{width:33%;right:3%}
.hero-seal{display:none}
.hero-tags{gap:11px}
.hero-tags>span{font-size:8px}
.topbar-right{gap:13px}
.opening{font-size:9px}
.topbar{height:66px;padding:0 20px}
.breadcrumb{font-size:11px;gap:10px}
main{padding:20px 20px 0}
.booking-options{margin-bottom:26px}
.page-footer{padding-left:20px;padding-right:20px;font-size:8px}
.page-footer>span:last-child{display:none}
.stats-grid{grid-template-columns:1fr 1fr;gap:13px}
.stat-card{padding:18px}
.stat-card>p{font-size:9px}
.stat-card>div{font-size:11px}
.admin-date-row{align-items:flex-start;flex-direction:column;gap:10px}
.admin-help{align-items:flex-start;font-size:9px}
.status-tabs{gap:14px}
.status-tabs>button{font-size:9px}
.status-tabs>button>span{font-size:8px;margin-left:4px}
#toast{left:calc(50% + 78px)}
}

@media(max-width:600px){.sidebar{display:none}
.workspace{margin:0}
.topbar{height:62px;padding:0 20px;background:#fff;border-color:#f5eee4}
.breadcrumb{font-size:12px;gap:10px}
.breadcrumb>.icon{display:none}
.breadcrumb>span:first-of-type{font-family:"STSong","SimSun",serif;font-size:16px;font-weight:700;letter-spacing:.5px;color:var(--ink)}
.breadcrumb strong{font-size:10px}
.topbar-right{gap:0}
.opening{display:none;font-size:8px;gap:4px}
.opening .icon{width:11px;height:11px}
.top-avatar{display:none}
main{padding:18px 17px 0}
.hero{border-radius:13px;min-height:239px;padding:23px}
.hero .eyebrow{font-size:8px;letter-spacing:1px}
.hero h1{font-size:28px;line-height:1.45;margin:12px 0 10px}
.hero-copy>p{font-size:10px;line-height:1.8}
.hero-identity{width:32%;right:4%;top:47%}
.hero-identity>span{font-size:13px;letter-spacing:3px}
.hero-identity small{font-size:6px;letter-spacing:1px}
.hero-copy{max-width:68%}
.hero-tags{margin-top:20px;gap:12px}
.hero-tags>span{font-size:8px}
.hero-tags .icon{width:11px;height:11px}
.mobile-only{display:block}
.booking-options{border-radius:12px;padding:16px;margin:16px 0 26px;gap:18px}
.booking-date-heading .field-caption,.booking-right .field-caption{font-size:11px}
.booking-date-hint{font-size:10px}
.date-options{gap:8px}
.date-pill{min-height:76px;padding:10px 4px}
.date-pill strong{font-size:13px;gap:4px}
.date-pill>span{font-size:10px;gap:2px}
.dining-toggle button{font-size:12px}
.modal-backdrop.date-backdrop{padding:0;align-items:flex-end}
.modal.date-modal{width:100%;max-width:100%;max-height:94vh;max-height:94dvh;border-radius:22px 22px 0 0;padding:12px 16px calc(20px + env(safe-area-inset-bottom))}
.date-modal h2{font-size:23px}
.date-modal .modal-close{top:25px;right:12px}
.date-sheet-handle{display:block;width:36px;height:4px;border-radius:8px;background:#ddcebb;margin:0 auto 18px}
.calendar-range{margin-bottom:12px}
.calendar-weekdays,.calendar-days{gap:0;margin-left:-10px;margin-right:-10px}
.calendar-day{min-height:54px}
.calendar-summary{margin-top:14px}

.field-caption{font-size:10px;margin-bottom:8px}
.dining-toggle .icon{width:12px;height:12px}
.menu-layout{gap:25px}
.section-title h2{font-size:20px}
.section-title h2>span{font-size:9px;margin-left:12px}
.eyebrow.muted{font-size:8px;letter-spacing:1.6px}
.category-tabs{margin:17px 0;gap:5px}
.category-tabs button{font-size:10px;padding:6px 10px}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.product-image{aspect-ratio:1.45;margin:6px 6px 0}
.product-body{padding:12px}
.product-title h3{font-size:13px}
.product-body>p{font-size:9px;margin:5px 0 14px}
.stock-text{font-size:8px}
.stepper{gap:6px}
.stepper button{width:24px;height:24px;border-radius:6px}
.stepper>span{font-size:11px}
.stock-tag{font-size:8px;top:7px;left:7px}
.image-note{font-size:7px}
.menu-note{font-size:9px;gap:6px;margin-top:19px}
.menu-note .icon{width:12px;height:12px}
.cart-panel{scroll-margin-top:15px;padding:21px}
.cart-title h2{font-size:14px}
.cart-date{margin-top:16px}
.cart-empty{height:180px}
.cart-items{display:block}
.cart-item>img{width:47px;height:41px}
.cart-item strong{font-size:12px}
.cart-item small{font-size:10px}
.small-stepper{gap:12px}
.small-stepper button{width:26px;height:26px}
.cart-footnote{display:block}
.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #f1e7da;height:64px;padding:4px 28px max(4px,env(safe-area-inset-bottom));z-index:40;display:flex;justify-content:space-around;box-shadow:0 -3px 15px #38291f04}
.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;color:#b2a28d;min-width:60px}
.mobile-nav button .icon{width:19px;height:19px}
.mobile-nav button.active{color:#564a3a}
.mobile-cart{display:flex;position:fixed;bottom:76px;left:17px;right:17px;border-radius:11px;align-items:center;gap:11px;background:#563b27f5;color:#fff;padding:13px 17px;z-index:35;box-shadow:0 7px 20px #342d2421;backdrop-filter:blur(10px);font-size:11px}
.mobile-cart>span{color:#cfc5b9}
.mobile-cart>span strong{font-size:15px;color:#fff;font-weight:500;margin:0 2px}
.mobile-cart>b{margin-left:auto;font-size:11px;font-weight:400;display:flex;align-items:center;gap:7px}
.mobile-cart .icon{width:17px;height:17px}
.mobile-cart>b>.icon{width:14px;height:14px}
.page-footer{margin-top:27px;padding:20px 17px 157px;justify-content:center;font-size:9px}
.page-heading{margin:10px 0 23px;gap:18px}
.page-heading h1{font-size:25px;margin:9px 0}
.page-heading p{font-size:10px;line-height:1.9}
.page-heading>.secondary{font-size:10px;min-height:35px;padding:9px 13px}
.heading-actions .primary,.heading-actions .secondary{font-size:10px;min-height:35px;padding:9px 13px}
.orders-grid{gap:16px}
.order-card-head{padding:17px;gap:12px}
.order-number>strong{font-size:28px}
.order-schedule>strong{font-size:14px}
.order-schedule>span{font-size:9px}
.order-items{padding:18px 17px;gap:10px 20px}
.order-items>div{font-size:11px}
.order-card-footer{padding:14px 0}
.order-card-footer>div>span{font-size:8px}
.order-actions .text-button{font-size:10px}
.status-pill{font-size:9px;padding:4px 8px}
.admin-mobile-tabs{display:flex;gap:8px;padding:4px;background:#f3ebe0;border-radius:9px;margin-bottom:25px}
.admin-mobile-tabs button{flex:1;padding:8px;border-radius:6px;color:#ac9c86;font-size:11px}
.admin-mobile-tabs button.active{background:#fff;color:#6e5f4b;box-shadow:0 1px 4px #38291f08}
.admin-date-row{margin-bottom:20px}
.admin-date-row>span{font-size:10px}
.stats-grid{margin-bottom:25px}
.stat-card{padding:16px 17px}
.stat-card>strong{font-size:30px}
.status-tabs{width:100%;gap:18px}
.status-tabs>button{font-size:10px;padding-bottom:12px}
.orders-toolbar{margin-bottom:19px}
.status-tabs>button>span{display:none}
.inventory-info{font-size:10px;line-height:1.8;padding:12px}
.inventory-table td{padding:12px}
.inventory-table th{padding:13px 12px}
.inventory-table td:first-child,.inventory-table th:first-child{padding-left:15px}
.inventory-product{gap:10px}
.inventory-product img{width:46px;height:41px}
.inventory-product strong{font-size:11px}
.login-wrap{min-height:auto;margin:15px 0 0}
.login-card{padding:26px;width:100%}
.login-card h1{font-size:28px}
.modal-backdrop{padding:16px}
.modal:not(.date-modal){padding:30px 24px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:15px}
.modal h2{font-size:22px}
.modal-description{font-size:10px}
.modal .eyebrow{font-size:8px}
.form-row{gap:11px}
form input,form select,form textarea{font-size:13px}
.success-modal .modal-description{font-size:11px}
.reservation-ticket>strong{font-size:61px}
.success-modal h2{font-size:22px}
.empty-state{padding:44px 20px}
.empty-state p{font-size:11px}
#toast{left:50%;bottom:143px;width:max-content;max-width:calc(100% - 36px);font-size:11px}
}

.admin-logout{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;font-size:10px;color:#8a775e;background:#fff}
.admin-logout .icon{width:14px;height:14px}
.admin-logout:hover{background:var(--brand-pale)}
@media(max-width:600px){.topbar-right.admin-active .opening{display:none}
.admin-logout{font-size:9px;padding:6px 8px}
}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media print{body{background:white}
.workspace,.sidebar,.mobile-nav,#toast{display:none!important}
.modal-backdrop{position:static;background:white;backdrop-filter:none;padding:0;display:block}
.modal{box-shadow:none;border:0;width:100%;max-height:none;overflow:visible;padding:25px}
.modal button{display:none}
.modal-description{color:#555}
.prep-list>div{color:#333}
.modal-open{overflow:visible}
.prep-list strong{color:#222}
}