:root{--accent:#df754b;--ink:#293143;--muted:#81899b;--line:#edf0f5}body{color:var(--ink);background:#f3f5f9}button.primary,.primary,.upload-button,.button{background:var(--accent);border-color:var(--accent)}button:hover{border-color:#db886b;background:#fff6ef}button.primary:hover{background:#c9633c}.link{color:#bc633e}.ui-icon{width:21px;height:21px;flex:none;vertical-align:middle}.shell{background:#f4f6fa;grid-template-columns:224px minmax(0,1fr)}.sidebar{background:linear-gradient(160deg,#242b3a,#171e2b);color:#dce0eb;padding:30px 15px}.navitem{padding:11px 14px;align-items:center;gap:13px}.navitem .ui-icon{width:19px;height:19px;opacity:.9}.navitem.active,.navitem:hover{background:linear-gradient(100deg,#da754f,#eb9870);box-shadow:0 6px 16px #11172230}.navgroup{color:#8e97ac;letter-spacing:1px}.navfoot{color:#8993a8}.brand small{color:#aab0c0}.workspace{padding:28px 28px 40px}.topbar{border-color:var(--line)}.topbar .store-logo{width:37px;height:37px}.topbar .store-lockup strong{font-size:16px}.topbar .store-lockup small{color:#8e94a2}.store-logo{border-color:#eee4da}.eyebrow{color:#b79b88}.subtitle,small,.muted{color:var(--muted)}.panel,.metric{border:1px solid #edf0f6;box-shadow:0 4px 15px #28355604;border-radius:13px}.panel h2{font-size:16px}.metrics{gap:16px}.metric{position:relative;padding:20px 16px 20px 82px;min-height:124px}.metric:nth-child(1){border-top:1px solid #edf0f6}.metric .value{font-size:28px;font-weight:700;margin:2px 0}.metric .hint{font-size:10px;color:#9199a8}.metric-icon{position:absolute;left:17px;top:26px;width:52px;height:58px;display:grid;place-items:center;border-radius:13px;box-shadow:0 5px 12px #fe997a28;color:white}.metric-icon .ui-icon{width:29px;height:29px;stroke-width:1.6}.tone-0{background:linear-gradient(140deg,#ffb177,#ec805d)}.tone-1{background:linear-gradient(140deg,#a092ee,#7967cd)}.tone-2{background:linear-gradient(140deg,#69c7d2,#399ab8)}.tone-3{background:linear-gradient(140deg,#82c7a5,#4da587)}.row,td,th,.pagination{border-color:var(--line)}th{background:#f6f7fb;color:#808ba1}.badge{background:#e9f7ef;color:#369976}.badge.amber{background:#fff0e4;color:#d98842}.badge.blue{background:#eaf1ff;color:#588be1}.notice.teal{background:#eef7f5;border-color:#daece6;color:#488271}.tabs button.active{background:#fff0e6;color:#b46440;border-color:#edb79b}.visual-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.trend-chart{min-height:185px}.trend-chart svg{width:100%;display:block}.chart-key{font-size:10px;color:#8b93a4;display:flex;align-items:center;gap:6px}.chart-key i,.legend i{width:7px;height:7px;background:#ef865e;border-radius:50%;display:inline-block}.chart-key i:nth-child(2){background:#8a78da;margin-left:8px}.donut-layout{display:flex;align-items:center;justify-content:space-around;gap:20px;min-height:214px}.donut{width:166px;height:166px;flex:none;border-radius:50%;background:conic-gradient(#ef865e 0 58%,#8a78da 58% 84%,#54b4a3 84%);display:grid;place-items:center;transform:rotate(-90deg)}.donut>div{width:115px;height:115px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.donut strong{font-size:29px;line-height:1.2}.legend{min-width:135px;font-size:11px}.legend p{display:flex;gap:8px;align-items:center;margin:15px 0}.legend b{margin-left:auto}.phone{background:#fffaf5;border:1px solid #f1e7dc;box-shadow:0 20px 65px #64482b24;border-radius:32px}.mobile-stage{background:radial-gradient(at 20% 10%,#ffe4d2,transparent 60%),#f5ebe3;padding:35px 20px 50px}.mobiletop{font-size:15px}.customer-logo-row{border:0;margin-bottom:12px;padding:0}.customer-logo-row .store-logo{width:33px;height:33px}.customer-logo-row strong{font-size:14px}.customer-logo-row small{font-size:9px}.food-hero{height:210px;border-radius:16px;position:relative;overflow:hidden;color:white;margin-bottom:19px;background:#75492a}.food-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.food-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#382017d9,#38201718)}.food-hero>div{position:relative;z-index:1;padding:23px 18px}.food-hero span{font-size:10px;letter-spacing:1px;color:#ffe4cb}.food-hero h1{font-family:'Microsoft YaHei',sans-serif;font-size:27px;line-height:1.45;letter-spacing:2px;margin:7px 0}.food-hero p{font-size:9px;color:#f0d6c3}.hero-cta{border:0;background:#f9e6d1;color:#795031;min-height:29px;font-size:10px;padding:5px 12px;border-radius:20px;margin-top:11px}.hero-cta .ui-icon{width:13px;height:13px;margin-left:8px}.quick-services{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px -6px 20px}.quick-services button{padding:0;background:none;border:0;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:8px}.quick-services button>span{width:49px;height:49px;background:linear-gradient(140deg,#f6ab6f,#de7750);color:white;border-radius:15px;display:grid;place-items:center;box-shadow:0 5px 10px #e7925830}.quick-services button:nth-child(2)>span{background:linear-gradient(140deg,#b29ae9,#8c71cd)}.quick-services button:nth-child(3)>span{background:linear-gradient(140deg,#74c8d4,#4899c5)}.quick-services button:nth-child(4)>span{background:linear-gradient(140deg,#7bc6ae,#4ca886)}.quick-services .ui-icon{width:26px;height:26px}.welcome-strip{display:flex;align-items:center;justify-content:space-between;border-radius:11px;background:linear-gradient(110deg,#f8e8d8,#fff0e0);padding:14px 16px;margin:16px 0 22px}.welcome-strip small{display:block;font-size:9px;color:#ba8c68;letter-spacing:1px}.welcome-strip strong{font-size:14px;color:#89573a}.welcome-strip>.ui-icon{color:#c19065;width:35px;height:35px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{font-size:18px}.section-title small{font-size:10px}.section-title button{font-size:11px}.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dish-card{padding:0;overflow:hidden;border-radius:12px;border:1px solid #f0e8df;box-shadow:0 4px 9px #64482b05;text-align:left;background:white;min-width:0}.dish-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.dish-card>div{padding:10px;position:relative}.dish-card small{font-size:9px;color:#a69483}.dish-card h3{font-size:14px;margin:3px 0 9px}.dish-card strong{font-size:19px;color:#df7245}.dish-card strong span{font-size:9px;font-weight:400;color:#a99685}.dish-card i{position:absolute;bottom:13px;right:10px;background:#e98e62;color:white;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-style:normal;line-height:1}.store-info{margin:18px 0 0;padding:15px 0;border-top:1px solid #f0e7de;display:flex;gap:10px;align-items:center}.store-info>div{flex:1}.store-info strong{font-size:12px}.store-info small{font-size:9px;display:block;line-height:1.8}.store-info>.ui-icon{color:#bd9371}.mobilenav{padding-top:10px;color:#9893a0;border-color:#f0e8e0}.mobilenav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px}.mobilenav a.active{color:#d8784d}.mobilenav .ui-icon{width:21px;height:21px}.mobilehero{background:linear-gradient(130deg,#a56748,#cc9663)}.mobilehero:after{display:none}.mobilehero p{color:#f5e6d6}.menu-promo{background-size:cover;background-position:center;min-height:112px;display:flex;justify-content:center;flex-direction:column}.menu-promo h2{font-size:17px}.menu-photo{width:88px;height:88px;border-radius:12px}.fooditem{grid-template-columns:88px 1fr auto;gap:12px;border-color:#eee5dd}.fooditem strong{color:#da774e}.fooditem button{background:#e88b5d}.fooditem p{font-size:10px}.fooditem h3{font-size:14px}.mobilebottom button{background:#e38a58;border-color:#e38a58}.mobilebottom .price{color:#cd6d43}.mobilecontent .tabs{gap:4px}.mobilecontent .tabs button{font-size:12px}.login{background:#fffaf5}.loginhero{background:linear-gradient(150deg,#362a25,#694d3d);position:relative;overflow:hidden}.loginhero h1{margin-top:65px;font-size:39px}.loginhero p{color:#cfb8a4}.loginmark{opacity:1;margin:40px -70px -90px;height:330px;position:relative}.loginmark img{width:100%;height:100%;object-fit:cover}.loginmark:after{content:'';position:absolute;inset:0;background:linear-gradient(#60453280,transparent)}.demo-accounts{background:#fff4e8;border-color:#eddac6}.deviceglyph{background:#eef0fc;border-color:#8c94c4;color:#7779b4}.deviceglyph .ui-icon{width:33px;height:33px}.kiosk-stage{background:#eee4da}.kiosk{background:#fff9f0}.kioskhead b{color:#945b3b}.kiosk-food-banner{height:230px;border-radius:20px;overflow:hidden;position:relative;margin:28px 0}.kiosk-food-banner img{width:100%;height:100%;object-fit:cover}.kiosk-food-banner>div{position:absolute;inset:0;padding:32px;color:#fff;background:linear-gradient(90deg,#352317bf,transparent)}.kiosk-food-banner strong{display:block;font-size:31px;line-height:1.6}.kiosk-food-banner small{color:#f2dccb}.kiosk h1{margin-top:42px}.kioskmenu{margin-top:30px}.kioskmenu button{background:#f8ecdf;border-color:#edd9c2;color:#895a39}.kioskmenu button.primary{background:linear-gradient(130deg,#d98352,#bd7048);color:white}.kioskmenu button b .ui-icon{width:50px;height:50px;color:inherit}.kioskmenu button b{color:#b48256}.kioskfoot{color:#a38d76}.display{background:#1f2634}.displaycurrent{background:#303b4e}.display .number{color:#ffd29b}.displaymixed .displaycurrent:last-child{background:#3b3554}.displayheader,.displayfooter,.displaylist .row{border-color:#424a5a}.kds{background:#202937}.kdscard{background:#fffaf4;border-top-color:#6faeab}.kdscard.urgent{border-top-color:#e69a61}.kds .tabs button.active{background:#526277}.export .kiosk-food-banner{height:370px}.export .kiosk-food-banner strong{font-size:49px}.export .phone{border:0}.mobilecontent .product-gallery img{border-radius:14px}.product-thumb{width:88px;height:66px}.brand-preview.dark{background:#283244}@media(max-width:1180px){.metric{padding:18px 12px 16px 67px}.metric-icon{left:12px;width:44px;height:50px}.metric .value{font-size:23px}.donut-layout{gap:12px;flex-wrap:wrap}.donut{width:145px;height:145px}.donut>div{width:101px;height:101px}}@media(max-width:950px){.visual-charts{grid-template-columns:1fr}.shell{grid-template-columns:190px minmax(0,1fr)}.chart-key{display:none}}@media(max-width:650px){.shell{display:block}.workspace{padding:20px 14px}.mobile-stage{padding:0}.metric{padding-left:64px}.metric .hint{font-size:9px}.phone{border:0;border-radius:0}.loginmark{display:none}.quick-services button:hover{background:none}.kiosk-food-banner{height:180px}.kiosk-food-banner strong{font-size:25px}.kiosk-food-banner>div{padding:20px}}