:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#root{min-height:100vh}body{color:#202124;background:#f7f7f2;margin:0;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{color:#202124;cursor:pointer;background:#fff;border:1px solid #d9d9d2;border-radius:8px;padding:10px 14px}button:hover{border-color:#111}.danger{color:#b42318;background:#fff3f1;border-color:#e8b7b2}.danger:hover{border-color:#b42318}button:disabled{cursor:not-allowed;opacity:.48}button.active,.primary{color:#fff;background:#111;border-color:#111}input,select,textarea{box-sizing:border-box;color:#202124;background:#fff;border:1px solid #d8d8d0;border-radius:8px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:92px}img{object-fit:cover}.app-shell{box-sizing:border-box;width:100%;max-width:1880px;margin:0 auto;padding:18px 32px 48px}.topbar,.auth-actions,.section-title,.filters,.detail-actions{align-items:center;gap:12px;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7f2eb;justify-content:space-between;padding:12px 0;position:sticky;top:0}.brand{background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{color:#fff;background:#05a357;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}strong,small,label{display:block}small,.empty,.section-title span{color:#666b70}.no-vendor-message{background:#fff6df;border:1px solid #f0c36a;border-radius:8px;grid-column:1/-1;padding:14px 16px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;font-size:clamp(34px,5vw,60px);line-height:1.02}h2{margin-bottom:0;font-size:24px}h3{font-size:17px}.user-pill,.notice{background:#fff;border:1px solid #dadad2;border-radius:999px;padding:9px 13px}.notice{text-align:left;background:#fff6df;border-color:#f0c36a;width:100%;margin:8px 0 14px}.auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,420px);align-items:center;gap:42px;min-height:calc(100vh - 110px);display:grid}.auth-copy p{color:#4b4f54;max-width:620px;font-size:18px}.demo-list{gap:8px;margin-top:24px;display:grid}.demo-list span{background:#fff;border:1px solid #deded7;border-radius:999px;width:fit-content;padding:8px 12px}.auth-form,.content-section,.detail-panel,.store-drawer{background:#fff;border:1px solid #e1e1db;border-radius:8px}.auth-form{gap:13px;padding:24px;display:grid}.section-tabs{gap:8px;margin:14px 0 20px;display:flex;overflow-x:auto}.section-tabs button{white-space:nowrap}.customer-layout,.split-layout{gap:18px;display:grid}.filters{background:#fff;border:1px solid #e1e1db;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:end;padding:14px}.filters label{color:#555;min-width:210px;font-size:13px}.filters .search-field{flex:1;min-width:min(360px,100%)}.filters.inline{align-items:end}.content-section,.detail-panel{padding:20px}.content-section.narrow{max-width:860px}.content-section.report-management{max-width:none}.report-management .section-title{align-items:center}.report-management .filters.inline{grid-template-columns:minmax(180px,240px) minmax(280px,1fr) auto;align-items:center;gap:12px;display:grid}.report-management .filters.inline select{min-width:180px}.report-management .filters.inline button{width:fit-content}.report-management .report-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:16px 0 18px;display:grid}.report-management .report-list .order-row{min-height:78px}.report-management .report-grid{grid-template-columns:repeat(6,minmax(128px,1fr))}.report-management .report-panels{grid-template-columns:repeat(4,minmax(220px,1fr))}.section-title{justify-content:space-between;margin-bottom:16px}.horizontal-list{grid-auto-columns:minmax(210px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:4px;display:grid;overflow-x:auto}.recommend-card,.vendor-card{text-align:left;padding:0;overflow:hidden}.recommend-card img,.vendor-card img{width:100%;height:126px}.store-logo,.vendor-form-image{object-fit:cover;border:1px solid #e1e1db;border-radius:8px;width:120px;height:90px}.store-logo{flex:none}.vendor-form-image{grid-column:1/-1}.recommend-card strong,.recommend-card small,.recommend-card b{padding:0 12px}.recommend-card b{padding-bottom:12px;display:block}.vendor-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.vendor-card span{padding:13px}.matched-items{color:#087443;margin-top:8px;font-weight:700}.store-drawer{z-index:30;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:72px 24px 24px;box-shadow:0 24px 70px #00000038}.store-header{border-bottom:1px solid #eeeeea;justify-content:space-between;gap:16px;padding:20px;display:flex}.store-body{grid-template-columns:minmax(0,1fr) 330px;gap:18px;min-height:0;padding:20px;display:grid}.menu-list,.order-list,.snapshot-list,.menu-table,.vendor-list{gap:10px;display:grid}.menu-list{overflow:auto}.menu-card{border:1px solid #ededec;border-radius:8px;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.menu-card img{border-radius:8px;width:120px;height:96px}.price-actions{justify-items:end;gap:10px;display:grid}.cart-panel{border-left:1px solid #eeeeea;padding-left:18px;overflow:auto}.cart-row,.order-row,.snapshot-list article,.menu-table article,.vendor-list button{text-align:left;background:#fff;border:1px solid #ecece7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.cart-row div{gap:6px;display:flex}.cart-row button{width:auto;min-width:34px;height:34px;padding:0 10px}.plain-row{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;gap:12px;padding:0;display:flex}.inline-detail,.rating-list{margin-top:16px}.full{width:100%;margin-top:14px}.split-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start}.detail-panel{position:sticky;top:84px}.rating-box,.add-box{border-top:1px solid #eeeeea;gap:10px;margin-top:18px;padding-top:16px;display:grid}.pickup-label{border:1px solid #111;border-radius:8px;grid-template-columns:minmax(176px,220px) minmax(0,1fr) auto;align-items:center;gap:14px;margin:14px 0;padding:12px;display:grid}.pickup-badge{background:#f8fafc;border:1px solid #d7d8d2;border-radius:6px;align-content:center;gap:8px;min-height:112px;padding:16px;display:grid}.pickup-badge span{color:#58606f;font-size:13px}.pickup-badge strong{letter-spacing:0;word-break:break-word;font-size:28px}.pickup-copy{gap:6px;min-width:0;display:grid}.pickup-copy small{color:#58606f;word-break:break-all}.pickup-actions{justify-items:end;gap:8px;min-width:116px;display:grid}.print-status{color:#6b7280}.print-status.printing{color:#a15c00}.print-status.printed{color:#157347}.menu-field-guide{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.menu-field-guide span{color:#555;background:#fbfbf8;border:1px solid #e1e1db;border-radius:999px;padding:7px 10px;font-size:13px}.inline-edit{grid-template-columns:minmax(260px,1.1fr) minmax(320px,1.6fr);align-items:start;gap:12px 16px;width:100%;min-width:0;display:grid}.menu-edit-main,.menu-edit-fields,.menu-edit-footer{min-width:0}.menu-edit-main{gap:10px;display:grid}.menu-edit-fields{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;display:grid}.inline-edit label{color:#555;font-size:13px}.inline-edit input,.inline-edit textarea{min-width:0;margin-top:5px}.inline-edit textarea{min-height:80px}.menu-file-control,.menu-edit-footer{grid-column:1/-1}.menu-edit-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.menu-edit-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.menu-edit-thumb{border:1px solid #e1e1db;border-radius:8px;width:132px;height:96px}.menu-table article.is-inactive{background:#fbfbf8}.menu-table article.is-inactive .menu-edit-thumb,.menu-table article.is-inactive .inline-edit{opacity:.68}.nutrition-grid{grid-template-columns:repeat(4,minmax(68px,1fr));gap:8px;display:grid}.checkbox-grid{border:1px solid #e1e1db;border-radius:8px;flex-wrap:wrap;gap:10px 16px;padding:12px;display:flex}.checkbox-grid legend{color:#555;padding:0 6px}.checkbox-grid label{align-items:center;gap:8px;display:flex}.checkbox-grid input{width:auto}.service-area-box{border-top:1px solid #eeeeea;border-bottom:1px solid #eeeeea;gap:10px;margin:14px 0;padding:14px 0;display:grid}.service-area-box label{align-items:center;gap:8px;display:flex}.service-area-box input{width:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid textarea,.form-grid .primary,.form-grid label{grid-column:1/-1}.menu-form{margin-top:12px}.menu-table article{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;display:grid}.compact-table article{grid-template-columns:minmax(0,1fr) auto auto}.top-gap{margin-top:22px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metrics-grid article,.report-grid article{background:#fff;border:1px solid #e1e1db;border-radius:8px;padding:20px}.metrics-grid strong{font-size:42px}.report-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.report-grid span{color:#666b70}.report-grid strong{font-size:22px}.report-view{gap:16px;display:grid}.report-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.report-panels article{background:#fff;border:1px solid #e1e1db;border-radius:8px;min-width:0;padding:18px}.report-panels h3{margin:0 0 12px;font-size:16px}.report-row{border-top:1px solid #eeeeea;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.report-row:first-of-type{border-top:0}.report-row span{text-overflow:ellipsis;white-space:nowrap;color:#4b5563;min-width:0;overflow:hidden}.report-row strong,.report-row a{flex:none}.worker-report-panel{background:#fff;border:1px solid #e1e1db;border-radius:8px;gap:14px;margin:16px 0;padding:18px;display:grid}.worker-report-panel h3,.worker-report-panel p{margin:0}.worker-report-panel p{color:#666b70}.worker-actions{flex-wrap:wrap;gap:10px;display:flex}.worker-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.worker-status-grid article{border:1px solid #eeeeea;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.worker-status-grid span{color:#666b70;font-size:12px}.worker-status-grid strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.audit-management .filters.inline{grid-template-columns:minmax(260px,1fr) minmax(160px,220px) minmax(160px,220px) auto auto;gap:12px;display:grid}.audit-list{gap:10px;margin-top:16px;display:grid}.audit-row{border:1px solid #ecece7;border-radius:8px;grid-template-columns:minmax(260px,1.2fr) minmax(160px,.6fr) minmax(280px,1fr);align-items:center;gap:12px;padding:12px;display:grid}.audit-row code{text-overflow:ellipsis;white-space:nowrap;color:#4b5563;min-width:0;overflow:hidden}@media (width<=920px){.app-shell{padding:12px 16px 36px}.auth-layout,.vendor-grid,.store-body,.split-layout,.metrics-grid,.report-grid,.report-panels,.report-management .filters.inline,.audit-management .filters.inline,.audit-row,.worker-status-grid{grid-template-columns:1fr}.store-drawer{inset:64px 8px 8px}.cart-panel{border-top:1px solid #eeeeea;border-left:0;padding:16px 0 0}.menu-card,.inline-edit,.menu-table article{grid-template-columns:1fr}.menu-edit-thumb{width:100%;height:180px}.nutrition-grid,.menu-edit-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-edit-footer{flex-direction:column;align-items:stretch}.menu-edit-actions{justify-content:stretch}.menu-edit-actions button{flex:1}.pickup-label{grid-template-columns:1fr}.pickup-actions{grid-column:1/-1;justify-items:stretch}.menu-card img{width:100%;height:160px}.filters,.topbar,.section-title{flex-wrap:wrap}.detail-panel{position:static}}