:root{--bg: #f4f5f6;--surface: #ffffff;--surface-strong: #ffffff;--ink: #171a1f;--muted: #68717d;--line: #e8eaed;--line-strong: #d7dbe0;--primary: #ffbf1f;--primary-dark: #3a2a00;--primary-soft: #fff6d8;--accent: #e64b3c;--accent-soft: #fff0ed;--gold: #ffbf1f;--success: #237a4d;--shadow: 0 12px 34px rgba(25, 31, 40, .08);color:var(--ink);background:var(--bg);font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,191,31,.38);outline-offset:2px}.app-shell{width:min(1280px,calc(100% - 28px));margin:0 auto;padding:12px 0 48px}.app-header{align-items:center;background:#fffffff0;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #191f280f;display:grid;justify-content:center;margin-bottom:12px;padding:6px;position:sticky;top:8px;z-index:30}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,5vw,48px);line-height:1.2}h2{font-size:22px;line-height:1.25}h3{font-size:18px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;margin-bottom:4px;text-transform:uppercase}.header-copy{color:var(--muted);font-size:16px;line-height:1.6;max-width:560px}.tab-nav{background:#f1f2f4;border:0;border-radius:8px;display:flex;gap:4px;padding:3px;box-shadow:none}.tab-nav button,.primary-button,.ghost-button,.danger-button,.submit-button{align-items:center;border:0;border-radius:7px;display:inline-flex;gap:8px;justify-content:center;min-height:44px;padding:0 16px;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.tab-nav button{background:transparent;color:#3f4650;font-weight:800;min-width:128px}.tab-nav button.active,.primary-button,.submit-button{background:var(--primary);color:var(--primary-dark)}.tab-nav button:hover,.primary-button:hover,.submit-button:hover{background:#e9aa00}.tab-nav button:active,.primary-button:active,.ghost-button:active,.danger-button:active,.submit-button:active{transform:translateY(1px)}.ghost-button{background:#f2f3f5;color:var(--primary-dark)}.danger-button{background:var(--accent-soft);color:#8c341c}.danger-button:hover{background:#f8d8cb}.submit-button{box-shadow:0 10px 24px #0b6b5d38;width:100%}.summary-strip{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));margin-bottom:18px}.summary-card{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #1720260d;color:var(--ink);display:grid;gap:2px 10px;grid-template-columns:36px 1fr;justify-content:start;min-height:72px;padding:14px;text-align:left}.summary-card:hover,.summary-card.active{border-color:#0b6b5d6b;box-shadow:0 12px 30px #0b6b5d1f}.summary-card.active{background:#f1f8f4}.summary-card svg{align-self:center;background:var(--primary-soft);border-radius:8px;color:var(--primary);grid-row:span 2;height:36px;padding:8px;width:36px}.summary-card span{color:var(--muted);font-size:13px}.summary-card strong{font-size:17px}.workspace-grid,.manager-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 372px}.takeout-shell{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-template-columns:118px minmax(0,1fr);min-height:calc(100vh - 128px);overflow:visible}.category-rail{background:#f2f3f5;border-right:1px solid var(--line);display:grid;align-content:start;max-height:calc(100vh - 128px);overflow-y:auto;position:sticky;top:86px}.category-rail button{background:transparent;border:0;border-left:4px solid transparent;color:#555e69;display:grid;gap:5px;justify-items:start;min-height:64px;padding:10px 12px;text-align:left}.category-rail button.active{background:#fff;border-left-color:var(--gold);color:var(--ink)}.category-rail button span{font-size:15px;font-weight:800}.category-rail button strong{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.takeout-menu{display:grid;grid-template-rows:auto 1fr;min-width:0}.takeout-menu-heading{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:76px;padding:14px 16px;position:relative;z-index:1}.search-pill{align-items:center;background:#f4f5f6;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:flex;gap:8px;min-height:44px;padding:0 14px;width:min(280px,52vw)}.search-pill input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}.takeout-menu-list{display:grid;gap:0}.takeout-dish-card{background:#fff;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:14px 16px}.takeout-dish-open{align-items:start;background:transparent;border:0;color:inherit;display:grid;gap:12px;grid-template-columns:104px minmax(0,1fr);min-width:0;padding:0;text-align:left}.takeout-dish-image{aspect-ratio:1;background:#eef0f2;border-radius:8px;object-fit:cover;width:104px}.image-placeholder{align-items:center;color:#9aa3ad;display:inline-flex;justify-content:center}.takeout-dish-copy{display:grid;gap:7px;min-width:0}.dish-card-title{color:var(--ink);font-size:18px;font-weight:900;line-height:1.25}.dish-card-description{color:var(--muted);font-size:14px;line-height:1.45}.takeout-card-actions{align-items:end;display:grid;gap:8px;justify-items:end;min-width:108px}.takeout-card-actions>div{align-items:end;display:grid;gap:6px;justify-items:end}.takeout-card-actions strong,.detail-action-row strong{color:var(--accent);font-size:22px;font-variant-numeric:tabular-nums;font-weight:900}.round-add-button{align-items:center;background:var(--primary);border:0;border-radius:999px;color:var(--primary-dark);display:inline-flex;height:44px;justify-content:center;width:44px}.round-add-button:hover{background:#e9aa00}.dish-detail-page{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:14px;padding:16px}.detail-back-button{align-items:center;background:#f2f3f5;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;gap:8px;justify-self:start;min-height:44px;padding:0 14px}.detail-hero{display:grid;gap:16px;grid-template-columns:minmax(220px,42%) minmax(0,1fr)}.detail-hero-image{aspect-ratio:4 / 3;background:#eef0f2;border-radius:8px;object-fit:cover;width:100%}.detail-hero-content{align-content:center;display:grid;gap:14px}.detail-hero-content h2{font-size:28px}.detail-hero-content p{color:var(--muted);line-height:1.65}.detail-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.add-cart-button{min-width:148px}.recipe-section{background:#fafafa;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:14px}.section-heading{align-items:end;display:flex;justify-content:space-between;gap:12px}.section-heading span{color:var(--muted);font-size:13px;font-weight:700}.panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.panel-heading{align-items:start;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.dish-count,.tag,.selected-badge,.status-pill{border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;line-height:1;padding:7px 10px}.dish-count,.tag{background:var(--accent-soft);color:var(--accent)}.selected-badge{background:var(--primary-soft);color:var(--primary-dark)}.toolbar,.form-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 180px;margin-bottom:16px}.field{display:grid;gap:7px}.field>span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea,.input-with-icon{background:#fbfcfa;border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);min-height:44px;width:100%}.field input,.field select,.field textarea{padding:10px 12px}.field textarea{min-height:82px;resize:vertical}.input-with-icon{align-items:center;display:flex;gap:8px;padding:0 10px}.input-with-icon input{background:transparent;border:0;min-height:40px;outline:0;padding:0}.dish-list,.cart-list,.compact-list,.order-list{display:grid;gap:12px}.dish-item,.compact-row,.order-row{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.dish-item:hover,.compact-row:hover,.order-row:hover{border-color:var(--line-strong);box-shadow:0 8px 22px #17202612}.dish-main,.dish-title-row,.dish-title-actions,.actions-row,.cart-row,.compact-row,.order-topline,.order-footer{align-items:center;display:flex;justify-content:space-between;gap:12px}.dish-title-actions{flex-wrap:wrap;justify-content:flex-end}.favorite-button{align-items:center;background:#fbfcfa;border:1px solid var(--line-strong);border-radius:7px;color:var(--muted);display:inline-flex;height:36px;justify-content:center;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:36px}.favorite-button:hover,.favorite-button.active{background:var(--accent-soft);border-color:#efbda8;color:var(--accent)}.favorite-button:active{transform:translateY(1px)}.dish-main p,.empty-text,.compact-row span,.cart-row span,.order-topline span{color:var(--muted)}.dish-main{align-items:flex-start}.dish-main>strong,.cart-panel .panel-heading>strong{color:var(--accent);font-size:22px;font-variant-numeric:tabular-nums}.meta-row{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.meta-row span{align-items:center;background:#f2f3f5;border-radius:999px;display:inline-flex;gap:5px;min-height:28px;padding:0 10px}.actions-row{justify-content:flex-end;margin-top:12px}.recipe-box{background:#f2f7f4;border:1px dashed var(--line-strong);border-radius:8px;display:grid;gap:12px;margin-top:12px;padding:12px}.recipe-cover,.recipe-step-image{background:#e7eee8;border-radius:8px;object-fit:cover;width:100%}.recipe-cover{aspect-ratio:16 / 9;max-height:260px}.recipe-meta-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-meta-grid p{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;line-height:1.55;padding:12px}.recipe-meta-grid strong{color:var(--ink)}.embedded-video-card,.video-preview{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;overflow:hidden;padding:10px}.embedded-video-player{aspect-ratio:16 / 9;background:#111827;border:0;border-radius:8px;display:block;width:100%}.video-unsupported{align-items:center;aspect-ratio:16 / 9;background:#f3f5f1;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);display:grid;gap:8px;justify-items:center;padding:18px;text-align:center}.video-unsupported p{margin:0}.video-link{align-items:center;color:#8a6200;display:inline-flex;font-weight:700;gap:7px;justify-self:start;text-decoration:none}.video-link:hover{color:var(--primary);text-decoration:underline}.recipe-steps{display:grid;gap:10px}.recipe-step{align-items:start;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;grid-template-columns:112px minmax(0,1fr);padding:10px}.recipe-step-image{aspect-ratio:4 / 3}.recipe-step span{color:var(--accent);display:inline-flex;font-size:13px;font-weight:800;margin-bottom:4px}.recipe-step p{color:var(--ink);line-height:1.6}.cart-panel{position:sticky;top:86px}.mobile-cart-bar{align-items:center;background:#1d232b;border:1px solid rgba(255,255,255,.12);border-radius:8px;bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 16px 38px #122b2d47;color:#fff;display:flex;gap:12px;justify-content:space-between;left:10px;min-height:72px;padding:10px 10px 10px 16px;position:fixed;right:10px;z-index:40}.mobile-cart-bar>div,.mobile-cart-drawer-heading>div{display:grid;gap:3px}.mobile-cart-bar span{color:#ffffffb8;font-size:13px;font-weight:700}.mobile-cart-bar strong{font-size:22px;font-variant-numeric:tabular-nums}.mobile-cart-bar .primary-button{background:var(--primary);color:var(--primary-dark);flex:0 0 auto}.mobile-cart-backdrop{background:#0f17187a;border:0;border-radius:0;top:0;right:0;bottom:0;left:0;min-height:0;padding:0;position:fixed;width:100%;z-index:50}.mobile-cart-drawer{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -18px 42px #1720262e;display:grid;gap:14px;left:0;max-height:min(78vh,680px);overflow-y:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:60}.mobile-cart-drawer-heading{align-items:center;display:flex;justify-content:space-between;gap:12px}.meal-ticket{background:#1d232b;border-radius:8px;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin-bottom:14px;padding:12px 14px}.cart-row{border-bottom:1px solid var(--line);padding-bottom:10px}.cart-row>div:first-child{display:grid;gap:4px}.stepper,.diners-control,.icon-actions{align-items:center;display:flex;gap:8px}.stepper button,.diners-control button,.icon-actions button{align-items:center;background:#fbfcfa;border:1px solid var(--line-strong);border-radius:7px;display:inline-flex;height:32px;justify-content:center;width:32px}.diners-control input{flex:1 1 auto;min-width:0;text-align:center}.diners-control button{flex:0 0 44px;height:44px;width:44px}.form-message,.global-message,.loading-text{background:var(--accent-soft);border:1px solid #f2c7b7;border-radius:8px;color:#8c341c;margin:12px 0;padding:12px}.checkbox-field{align-content:center;display:flex;gap:9px;min-height:68px}.checkbox-field input{min-height:auto;width:auto}.recipe-editor{background:#f6faf7;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;margin-top:14px;padding:14px}.recipe-editor-heading,.step-editor-topline{align-items:center;display:flex;justify-content:space-between;gap:12px}.upload-field input{background:#fff;padding:8px 10px}.upload-preview{align-items:center;background:#ffffffb3;border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;padding:10px}.upload-preview img{aspect-ratio:4 / 3;border-radius:8px;object-fit:cover;width:112px}.icon-text-button{align-items:center;background:#fbfcfa;border:1px solid var(--line-strong);border-radius:7px;color:var(--primary-dark);display:inline-flex;gap:7px;min-height:36px;padding:0 11px}.step-editor-list{display:grid;gap:12px}.step-editor-row{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:12px}.order-items{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;gap:8px;margin:12px 0;padding:12px 0}.order-items>div{display:flex;justify-content:space-between;gap:12px}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.stat-card{background:#f6faf7;border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;min-height:92px;padding:14px}.stat-card span,.stat-card small{color:var(--muted)}.stat-card span{font-size:13px;font-weight:700}.stat-card strong{color:var(--accent);font-size:24px;font-variant-numeric:tabular-nums}.custom-stats-bar{align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;margin-bottom:14px;padding:12px}.order-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-pill.pending{background:#fff4d6;color:#7a4b00}.status-pill.completed{background:#dff1e4;color:var(--success)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:821px){.mobile-cart-bar,.mobile-cart-backdrop,.mobile-cart-drawer{display:none}}@media(max-width:820px){.app-shell{padding-bottom:104px}.app-header,.manager-layout,.toolbar,.form-grid,.custom-stats-bar,.stats-grid,.summary-strip{grid-template-columns:1fr}.app-header{align-items:stretch;display:grid}.tab-nav{overflow-x:auto}.tab-nav button{flex:1 0 auto}.cart-panel{display:none}.workspace-grid{grid-template-columns:1fr}.takeout-shell{grid-template-columns:88px minmax(0,1fr);min-height:calc(100dvh - 118px)}.category-rail,.takeout-menu-heading{top:72px}.category-rail{max-height:calc(100dvh - 118px)}.category-rail button{min-height:58px;padding:9px 8px}.category-rail button span{font-size:14px}.takeout-menu-heading{align-items:stretch;display:grid;min-height:auto;padding:10px;top:auto}.search-pill{width:100%}.takeout-dish-card{gap:8px;grid-template-columns:minmax(0,1fr);padding:12px 10px}.takeout-dish-open{gap:10px;grid-template-columns:86px minmax(0,1fr)}.takeout-dish-image{width:86px}.takeout-card-actions{align-items:center;display:flex;justify-content:space-between;min-width:0}.takeout-card-actions>div{align-items:center;display:flex;flex-wrap:wrap;justify-items:start}.dish-card-title{font-size:16px}.dish-card-description{font-size:13px}.detail-hero{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{width:min(100% - 12px,1180px);padding-top:8px}h1{font-size:26px}.cart-row,.compact-row,.order-topline,.order-footer,.actions-row{align-items:stretch;flex-direction:column}.tab-nav{width:100%}.tab-nav button{min-width:0;padding:0 8px}.takeout-shell{grid-template-columns:78px minmax(0,1fr)}.category-rail button{min-height:54px}.takeout-dish-open{grid-template-columns:74px minmax(0,1fr)}.takeout-dish-image{width:74px}.meta-row{gap:5px}.meta-row span{font-size:12px;min-height:24px;padding:0 7px}.takeout-card-actions strong,.detail-action-row strong{font-size:20px}.order-actions{justify-content:stretch}.order-actions button{width:100%}.recipe-meta-grid,.recipe-step{grid-template-columns:1fr}.recipe-editor-heading,.step-editor-topline,.upload-preview{align-items:stretch;flex-direction:column}.detail-hero-content .dish-title-row{align-items:flex-start}.dish-title-actions{justify-content:flex-start}.upload-preview img{width:100%}}