:root{--smp-ink:#16231d;--smp-muted:#647068;--smp-line:#e4e8e5;--smp-paper:#fafbf8;--smp-card:#fff;--smp-accent:#ea5b2a;--smp-accent-dark:#c84419;--smp-green:#174d3b;--smp-shadow:0 18px 50px rgba(22,35,29,.10)}
.smp-app{box-sizing:border-box;max-width:1080px;margin:20px auto 100px;color:var(--smp-ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--smp-paper);border:1px solid var(--smp-line);border-radius:28px;min-height:580px;overflow:hidden;position:relative}
.smp-app *{box-sizing:border-box}.smp-app button,.smp-app input,.smp-app textarea{font:inherit}.smp-loading{padding:80px;text-align:center;color:var(--smp-muted)}
.smp-entry,.smp-panel,.smp-receipt{max-width:640px;margin:auto;padding:64px 40px}.smp-entry{text-align:center}.smp-brand-mark,.smp-success-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 24px;border-radius:22px;background:var(--smp-green);color:#fff;font-size:32px;box-shadow:0 10px 24px rgba(23,77,59,.2)}
.smp-success-mark{background:#dff2e7;color:#17693f}.smp-eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--smp-accent)}.smp-app h1{font-size:clamp(32px,5vw,54px);line-height:1.04;letter-spacing:-.04em;margin:0 0 16px}.smp-app h2{line-height:1.2}.smp-lead{font-size:18px;color:var(--smp-muted);margin:0 auto 30px;max-width:500px}.smp-hint{font-size:13px;color:var(--smp-muted)}
.smp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--smp-line);border-radius:14px;padding:11px 18px;background:#fff;color:var(--smp-ink);font-weight:750;cursor:pointer;text-decoration:none!important}.smp-button:hover{border-color:#bbc4be;transform:translateY(-1px)}.smp-button:disabled{opacity:.6;cursor:wait}.smp-button-primary{background:var(--smp-accent);border-color:var(--smp-accent);color:#fff}.smp-button-primary:hover{background:var(--smp-accent-dark);border-color:var(--smp-accent-dark);color:#fff}.smp-button-large{min-height:54px;padding:14px 24px}.smp-full{display:flex;width:100%;margin-top:14px}.smp-link-button{border:0;background:transparent;padding:4px 0;margin:0 0 26px;color:var(--smp-green);cursor:pointer;font-weight:750}.smp-new-order{display:block;margin:24px auto 0}
.smp-divider{display:flex;align-items:center;gap:15px;margin:28px 0;color:#98a09a;font-size:13px}.smp-divider:before,.smp-divider:after{content:"";height:1px;background:var(--smp-line);flex:1}.smp-code-form{text-align:left}.smp-code-form>label,.smp-checkout-form>label,.smp-note{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.smp-code-form>div{display:flex;gap:8px}.smp-code-form input,.smp-checkout-form input,.smp-checkout-form textarea,.smp-note input{width:100%;border:1px solid #cdd4cf;background:#fff;border-radius:13px;padding:13px 14px;color:var(--smp-ink);outline:none}.smp-code-form input:focus,.smp-checkout-form input:focus,.smp-checkout-form textarea:focus,.smp-note input:focus{border-color:var(--smp-green);box-shadow:0 0 0 3px rgba(23,77,59,.1)}.smp-alert{padding:13px 15px;border-radius:12px;margin:16px 0;font-size:14px;text-align:left}.smp-alert-error{background:#fff0eb;color:#8b2f15;border:1px solid #f6c9bb}
.smp-scanner-screen h2{font-size:30px}.smp-video-wrap{position:relative;overflow:hidden;border-radius:20px;background:#101713;aspect-ratio:3/4;max-height:520px}.smp-video-wrap video{width:100%;height:100%;object-fit:cover}.smp-scan-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#ff7343;box-shadow:0 0 10px #ff7343;animation:smp-scan 2s ease-in-out infinite}@keyframes smp-scan{0%,100%{transform:translateY(-120px)}50%{transform:translateY(120px)}}
.smp-menu-shell{padding:44px}.smp-menu-header{display:flex;justify-content:space-between;align-items:end;gap:30px}.smp-menu-header h1{margin-bottom:10px}.smp-location{border:0;padding:0;background:none;color:var(--smp-green);font-weight:750;cursor:pointer}.smp-search{display:flex;align-items:center;border:1px solid var(--smp-line);background:#fff;border-radius:14px;padding:0 13px;min-width:260px}.smp-search input{border:0!important;box-shadow:none!important;background:transparent;padding:13px 8px;width:100%;outline:none}.smp-categories{display:flex;overflow:auto;gap:8px;padding:28px 0 22px;scrollbar-width:none}.smp-categories button{white-space:nowrap;border:1px solid var(--smp-line);border-radius:999px;padding:8px 15px;background:#fff;color:var(--smp-ink);cursor:pointer}.smp-categories button.active{background:var(--smp-green);border-color:var(--smp-green);color:#fff}.smp-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.smp-menu-card{display:grid;grid-template-columns:132px 1fr;background:var(--smp-card);border:1px solid var(--smp-line);border-radius:19px;overflow:hidden;min-height:154px}.smp-menu-card>img,.smp-menu-placeholder{width:100%;height:100%;object-fit:cover;background:#edf0e9;display:grid;place-items:center;font-size:36px;color:#95a099}.smp-menu-card-body{display:flex;flex-direction:column;justify-content:space-between;padding:17px;min-width:0}.smp-menu-card h2{font-size:18px;margin:0 0 6px}.smp-menu-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--smp-muted);margin:0}.smp-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}.smp-add{border:0;border-radius:10px;background:var(--smp-accent);color:#fff;width:34px;height:34px;font-size:22px;cursor:pointer}.smp-stepper{display:flex;align-items:center;border:1px solid var(--smp-line);border-radius:10px;overflow:hidden;background:#fff}.smp-stepper button{border:0;background:#fff;width:34px;height:34px;cursor:pointer;font-size:19px}.smp-stepper span{min-width:24px;text-align:center;font-weight:750}.smp-empty{grid-column:1/-1;padding:80px 20px;display:grid;text-align:center;color:var(--smp-muted)}
.smp-cart-bar{position:sticky;z-index:8;bottom:16px;margin:26px auto 0;max-width:620px;width:100%;border:0;border-radius:17px;background:var(--smp-green);color:#fff;padding:15px 18px;display:flex;align-items:center;gap:12px;box-shadow:var(--smp-shadow);cursor:pointer}.smp-cart-bar strong{flex:1;text-align:left}.smp-cart-count{background:#fff;color:var(--smp-green);display:grid;place-items:center;width:29px;height:29px;border-radius:8px;font-weight:800}
.smp-panel h1,.smp-receipt h1{font-size:42px}.smp-cart-list{border-top:1px solid var(--smp-line);margin-top:25px}.smp-cart-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:20px 0 8px}.smp-cart-row>div:first-child{display:grid}.smp-cart-row span{font-size:13px;color:var(--smp-muted)}.smp-note{font-weight:500;color:var(--smp-muted);margin:0 0 14px}.smp-note input{padding:9px 12px;margin-top:5px}.smp-summary{border-top:1px solid var(--smp-line);margin-top:24px;padding-top:16px}.smp-summary>div{display:flex;justify-content:space-between;padding:5px 0}.smp-summary .smp-grand{font-size:21px;padding-top:14px;margin-top:8px;border-top:1px solid var(--smp-line)}
.smp-checkout-form>label{margin:16px 0}.smp-checkout-form label>span{font-weight:400;color:var(--smp-muted)}.smp-checkout-form fieldset{border:0;padding:15px 0;margin:8px 0}.smp-checkout-form legend{font-weight:800;margin-bottom:10px}.smp-payment-option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--smp-line);border-radius:13px;margin:8px 0;background:#fff;cursor:pointer}.smp-payment-option input{width:auto;margin-top:5px}.smp-payment-option span{display:grid}.smp-payment-option small{color:var(--smp-muted);font-size:12px}.smp-checkout-total,.smp-receipt-total{display:flex;justify-content:space-between;align-items:center;background:#edf2ee;border-radius:15px;padding:16px 18px;margin:12px 0}.smp-checkout-total strong,.smp-receipt-total strong{font-size:22px}.smp-secure-note{text-align:center;font-size:12px;color:var(--smp-muted)}.smp-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}
.smp-receipt{text-align:center}.smp-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:22px 0}.smp-status-grid>div{display:grid;background:#fff;border:1px solid var(--smp-line);padding:15px;border-radius:14px}.smp-status-grid span{font-size:12px;color:var(--smp-muted)}.smp-payment-paid{color:#187044}.smp-payment-failed{color:#a23219}.smp-instructions{text-align:left;background:#fff;border:1px solid var(--smp-line);border-radius:15px;padding:17px;margin:16px 0}.smp-instructions h2{font-size:18px;margin:0 0 10px}.smp-qris{text-align:center}.smp-qris img{display:block;width:min(320px,100%);height:auto;margin:12px auto;border-radius:10px}.smp-toast{position:fixed;z-index:99999;bottom:24px;left:50%;transform:translateX(-50%);background:#16231d;color:#fff;padding:13px 20px;border-radius:12px;box-shadow:var(--smp-shadow)}
@media(max-width:760px){.smp-app{margin:0;min-height:100vh;border:0;border-radius:0}.smp-entry,.smp-panel,.smp-receipt{padding:40px 20px}.smp-menu-shell{padding:30px 16px}.smp-menu-header{display:block}.smp-search{margin-top:20px;min-width:0}.smp-menu-grid{grid-template-columns:1fr}.smp-menu-card{grid-template-columns:112px 1fr}.smp-panel h1,.smp-receipt h1{font-size:36px}.smp-cart-row{grid-template-columns:1fr auto}.smp-cart-row>strong{grid-column:1/-1;text-align:right}.smp-status-grid{grid-template-columns:1fr}}