:root{--blue:#0865c6;--blue2:#034e9f;--ink:#172033;--muted:#677084;--line:#e5e9f0;--bg:#f5f7fa;--radius:20px;--shadow:0 10px 28px rgba(25,45,80,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.btn{display:block;padding:15px 22px;border-radius:999px;text-align:center;font-weight:700}.primary{background:var(--blue);color:white}.ghost{border:2px solid #fff;color:#fff}.small{display:inline-block;padding:12px 22px}.hero{min-height:650px;background:linear-gradient(135deg,#0a2a3f,#8a542e);position:relative;color:#fff;display:grid;place-items:end center;overflow:hidden}.hero:before,.featured:before,.food-photo:before,.menu-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,#ffd58c77 0 10%,transparent 25%),radial-gradient(circle at 25% 55%,#c26f3277 0 16%,transparent 30%),linear-gradient(145deg,#17364966,#4c220d88)}.hero:after{content:"🍛";position:absolute;font-size:300px;filter:saturate(.7);opacity:.34;top:100px;left:50%;transform:translateX(-50%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.78))}.hero-content{position:relative;z-index:1;text-align:center;width:min(92%,570px);padding:60px 18px}.logo-circle{width:88px;height:88px;border:5px solid #d9ebff;background:#fff;color:var(--blue);border-radius:50%;display:grid;place-items:center;font-weight:900;margin:auto;font-size:24px}.hero h1{font-size:42px;line-height:1;margin:25px 0 10px}.hero p{font-size:18px;margin:8px}.eyebrow{font-size:13px!important;text-transform:uppercase;letter-spacing:.14em}.open-badge{display:inline-flex;gap:7px;align-items:center;background:#ffffff20;padding:8px 13px;border-radius:999px;margin:18px}.open-badge i{width:9px;height:9px;background:#40dc92;border-radius:50%}.open-badge span{color:#ddd}.hero .btn{margin:13px 0}.landing-body{max-width:920px;margin:auto;padding:40px 20px 70px}.announcement{background:#fff;border:1px solid var(--line);padding:20px;display:flex;gap:18px;border-radius:16px;box-shadow:var(--shadow)}.announcement>span{background:#e7f2ff;padding:14px;border-radius:14px;font-size:24px}.announcement strong{color:var(--blue)}.announcement p{margin:4px 0}.featured{min-height:300px;margin:32px 0;padding:28px;color:#fff;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(135deg,#173f57,#7a3e1f)}.featured:after{content:"🍽️";font-size:170px;position:absolute;right:10px;bottom:-30px;opacity:.35}.featured>div{position:relative;z-index:2;max-width:520px}.featured em{font-style:normal;background:#d8eaff;color:#173e6b;border-radius:999px;padding:5px 12px;font-weight:700}.featured h2{font-size:34px;margin:20px 0 10px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:38px}.section-head h2{font-size:25px}.section-head a{color:var(--blue);font-weight:700}.best-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.food-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 4px 15px #1a34500c}.food-photo{height:180px;position:relative;background:#be7548;display:flex;align-items:flex-start}.food-photo:after,.menu-thumb:after{content:"🍛";font-size:80px;position:absolute;inset:0;display:grid;place-items:center}.food-1{background:#7e4e2e}.food-1:after{content:"🥤"}.food-2{background:#d9a848}.food-2:after{content:"🍢"}.food-3{background:#69934e}.food-3:after{content:"🍜"}.food-photo span,.menu-thumb span{z-index:2;background:#075fba;color:#fff;font-size:10px;padding:5px 8px;border-radius:999px;margin:10px}.food-card>div:last-child{padding:16px;display:grid;gap:8px}.food-card b{color:var(--blue)}.food-card a{background:#eef1f5;text-align:center;border-radius:12px;padding:10px;font-weight:700}footer{background:#141a1f;color:#aeb6c2;padding:60px max(20px,calc((100% - 880px)/2));display:grid;gap:12px}footer h2{color:#fff;margin:0}.socials{display:flex;gap:12px}.socials span{display:grid;place-items:center;width:40px;height:40px;background:#29323a;border-radius:50%}.admin-link{margin-top:10px}
.menu-app{max-width:520px;margin:auto;min-height:100vh;background:#f7f8fb;padding-bottom:160px}.menu-header{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 20px;position:sticky;top:0;z-index:5}.menu-header>a{font-size:34px;color:var(--blue)}.menu-header div{display:grid;flex:1;color:var(--blue)}.menu-header small{font-size:9px;color:var(--ink);background:#dfe9f6;width:max-content;padding:3px 7px;border-radius:8px}.menu-header button{border:0;background:transparent;font-size:28px}.active-order{margin:16px 20px;background:#e8f3ff;border:1px solid #c7e1ff;border-radius:18px;padding:17px;display:flex;align-items:center;gap:14px}.active-order[hidden]{display:none}.active-order>span{background:var(--blue);color:#fff;padding:11px;border-radius:50%}.active-order div{display:grid;flex:1}.active-order strong{color:var(--blue)}.active-order a{font-size:30px;color:var(--blue)}.search{margin:18px 20px;display:flex;align-items:center;border:1px solid #bac1cc;border-radius:17px;padding:13px 15px;gap:10px;background:#fff}.search input{border:0;outline:0;width:100%;background:transparent}.category-tabs{display:flex;overflow:auto;gap:10px;padding:6px 20px 16px;scrollbar-width:none}.category-tabs button{border:0;padding:12px 22px;border-radius:999px;background:#ebeff4;color:#565d68;white-space:nowrap}.category-tabs button.active{background:var(--blue);color:white;box-shadow:0 4px 10px #0865c644}.list-title{font-size:17px;font-weight:500;padding:0 20px}.menu-list{padding:0 20px;display:grid;gap:18px}.menu-card{min-height:138px;background:#fff;border:1px solid #edf0f4;border-radius:18px;box-shadow:var(--shadow);display:flex;overflow:hidden;position:relative}.menu-thumb{width:36%;min-width:128px;position:relative}.menu-thumb:after{font-size:58px}.menu-info{padding:16px 48px 14px 15px;min-width:0}.menu-info h3{font-size:16px;margin:0 0 5px}.menu-info p{font-size:12px;color:#555;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-info b{color:var(--blue)}.add-menu{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:28px}.add-menu:disabled{background:#aaa}.cart-float{position:fixed;z-index:9;bottom:72px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 30px));background:var(--blue);color:#fff;border-radius:17px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #075ab64d}.cart-float[hidden]{display:none}.cart-float span{display:grid}.cart-float small{opacity:.8}.cart-float button{border:0;background:#fff;color:var(--blue);font-weight:800;padding:12px 18px;border-radius:13px}.mobile-nav{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:82px;background:#fff;display:flex;justify-content:space-around;padding:13px 10px;box-shadow:0 -10px 30px #152f4b10}.mobile-nav a{display:grid;text-align:center;color:#555;font-size:21px}.mobile-nav a span{font-size:12px}.mobile-nav .active{color:var(--blue);background:#e7f2ff;border-radius:22px;padding:4px 16px}.cart-dialog{width:min(520px,100%);height:100%;max-height:100%;margin:0 0 0 auto;border:0;padding:0;background:#f7f8fb}.cart-dialog::backdrop{background:#101a2a88}.cart-dialog header{display:flex;align-items:center;background:white;border-bottom:1px solid var(--line);padding:8px 18px}.cart-dialog header button{border:0;background:transparent;font-size:36px;color:var(--blue)}.cart-dialog h2{color:var(--blue)}#cartItems{padding:8px 16px}.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;background:#fff;border-radius:16px;padding:14px;margin:10px 0;box-shadow:var(--shadow)}.cart-row .mini-food{background:#d3a04f;border-radius:10px;display:grid;place-items:center;font-size:35px}.cart-row h3{font-size:14px;margin:3px 0}.cart-row b{font-size:13px;color:var(--blue)}.qty{display:flex;gap:12px;align-items:end}.qty button{width:32px;height:32px;border-radius:50%;border:1px solid var(--blue);background:#fff;color:var(--blue)}.qty button:last-child{background:var(--blue);color:#fff}.notes-label,.checkout-form{display:grid;gap:10px;margin:20px;padding:0;font-weight:700}.notes-label textarea{min-height:85px;border:1px solid #bac1cc;border-radius:14px;padding:14px;resize:vertical}.summary{margin:20px;background:#f1f3f7;padding:20px;border-radius:16px}.summary p{display:flex;justify-content:space-between;color:#5e6674}.summary .total{font-size:18px;color:var(--ink)}.summary .total b{color:var(--blue)}.checkout-form{background:#fff;padding:20px;border-radius:18px;box-shadow:0 -8px 30px #122a4412}.checkout-form input{border:1px solid #cdd3dd;border-radius:12px;padding:14px}.consent{font-size:12px;font-weight:400;display:flex;gap:8px}.checkout-form button{border:0;background:var(--blue);color:#fff;padding:15px;border-radius:10px}.checkout-form small{text-align:center;color:#888;font-weight:400}.track-page{max-width:560px;margin:auto;padding:30px 20px 80px}.back{color:var(--blue);font-weight:700}.queue-hero{text-align:center;padding:45px 20px 35px}.queue-hero small{letter-spacing:.18em;color:var(--muted)}.queue-hero strong{display:block;font-size:74px;color:var(--blue);line-height:1.2}.queue-hero p{display:inline-block;background:#e5f2ff;color:var(--blue);padding:8px 14px;border-radius:99px;font-weight:700}.track-card{background:white;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.status-steps{display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden}.status-step{display:grid;justify-items:center;min-width:20%;font-size:9px;color:#8991a0;text-align:center;position:relative}.status-step:after{content:"";position:absolute;height:2px;width:100%;background:#dce1e8;top:7px;left:50%}.status-step:last-child:after{display:none}.status-step i{width:16px;height:16px;border:3px solid #dce1e8;background:#fff;border-radius:50%;z-index:1}.status-step.done i{border-color:var(--blue);background:var(--blue)}.order-meta p,.track-item,.track-total{display:flex;justify-content:space-between}.order-meta span{color:var(--muted)}.track-total{border-top:1px solid var(--line);padding-top:15px;font-size:20px}.track-total b{color:var(--blue)}.track-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.track-actions a,.track-actions button{padding:13px;border-radius:12px;text-align:center;border:1px solid var(--blue);color:var(--blue);background:white}.track-actions a{background:var(--blue);color:#fff}
.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#eef6ff,#f8fafc)}.login-card{background:#fff;width:min(420px,calc(100% - 32px));padding:40px;border-radius:24px;box-shadow:0 20px 60px #0c315b1a;text-align:center}.login-logo{font-size:32px;width:64px;height:64px;display:grid;place-items:center;background:var(--blue);border-radius:18px;margin:auto}.login-card h1{margin-bottom:4px}.login-card>p{color:var(--muted)}.login-card form{display:grid;gap:16px;text-align:left;margin:28px 0}.login-card label{display:grid;gap:7px;font-weight:600}.login-card input{border:1px solid #cbd2dc;border-radius:11px;padding:13px}.login-card button{border:0;border-radius:11px;padding:14px;background:var(--blue);color:#fff;font-weight:700}.login-card>a{font-size:13px;color:var(--blue)}.login-error{background:#ffe9e9;color:#a31d1d;padding:10px;border-radius:10px}.admin-page{background:#f7f8fa}.sidebar{position:fixed;width:255px;inset:0 auto 0 0;background:#fff;border-right:1px solid #dfe3ea;padding:24px 16px;display:flex;flex-direction:column}.admin-brand{display:flex;gap:12px;align-items:center;color:#065db7;font-size:24px}.admin-brand>span{background:var(--blue);padding:9px;border-radius:9px}.sidebar>small{margin-left:56px}.sidebar nav{display:grid;gap:6px;margin-top:30px}.sidebar nav a{padding:13px 16px;border-radius:9px}.sidebar nav a.active{background:#dfe9fb;color:#10386c}.sidebar form{margin-top:auto}.logout{border:0;background:transparent;color:#d41b2c;font-weight:700;padding:13px}.admin-main{margin-left:255px;padding:28px 40px 60px}.admin-top{display:flex;justify-content:space-between;align-items:center}.admin-top h1{font-size:32px;margin:28px 0 2px}.admin-top p{margin:0;color:#666}.open-pill{background:#e2eaff;border-radius:99px;padding:8px 14px;font-size:13px}.new-order{background:var(--blue);color:#fff;border:0;padding:14px 22px;border-radius:9px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0}.stat-grid article{background:#fff;border:1px solid #d3d9e2;border-radius:9px;padding:24px;display:grid;gap:8px;min-height:165px}.stat-grid article>span{font-size:22px;color:var(--blue);background:#e7f1ff;width:48px;height:48px;display:grid;place-items:center;border-radius:9px}.stat-grid small{margin-top:auto;color:#555}.stat-grid strong{font-size:25px}.admin-visual{display:grid;grid-template-columns:2fr 1fr;gap:24px}.chart-card,.payment-card,.orders-card{background:#fff;border:1px solid #d3d9e2;border-radius:9px;padding:24px}.bars{height:250px;display:flex;align-items:end;gap:8%;padding:40px 25px}.bars i{display:block;flex:1;background:linear-gradient(#0865c6,#9ccaff);border-radius:6px 6px 0 0;position:relative}.bars span{position:absolute;top:calc(100% + 10px);font-size:10px;font-style:normal}.donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--blue) 0 65%,#596277 65% 90%,#e4e6ea 90%);margin:22px auto;display:grid;place-content:center;position:relative}.donut:after{content:"";position:absolute;inset:16px;background:#fff;border-radius:50%}.donut b,.donut small{z-index:1;text-align:center}.payment-card p{display:flex;align-items:center;gap:8px;font-size:12px}.payment-card p b{margin-left:auto}.payment-card p i{width:11px;height:11px;border-radius:50%;background:#596277}.payment-card p i.blue{background:var(--blue)}.payment-card p i.light{background:#e4e6ea}.orders-card{margin-top:28px;padding:0;overflow:hidden}.orders-card header{display:flex;justify-content:space-between;padding:20px 24px}.orders-card header a{color:var(--blue);font-size:12px;font-weight:700}.tr{display:grid;grid-template-columns:1fr 1.5fr .7fr 1fr 1fr;gap:16px;align-items:center;padding:20px 24px;border-top:1px solid #e4e7ec}.th{font-size:11px;color:#555;background:#f1f2f4}.status-select{border:0;background:#e4f1ff;color:#0865c6;padding:7px;border-radius:99px;font-size:10px;font-weight:700}.not-found{min-height:100vh;display:grid;place-content:center;text-align:center}.not-found>strong{font-size:90px;color:var(--blue)}.not-found a{color:var(--blue);font-weight:700}
@media(max-width:900px){.sidebar{position:static;width:auto;height:auto;display:block}.sidebar nav{display:flex;overflow:auto}.sidebar form{display:none}.admin-main{margin:0;padding:20px}.stat-grid{grid-template-columns:1fr 1fr}.admin-visual{grid-template-columns:1fr}.admin-page .admin-brand{display:inline-flex}.admin-top{align-items:end}.tr{grid-template-columns:1fr 1fr 1fr}.tr>*:nth-child(3),.tr>*:nth-child(4){display:none}}@media(max-width:520px){.hero{min-height:690px}.hero h1{font-size:36px}.landing-body{padding:28px 16px}.featured h2{font-size:29px}.best-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.food-card{min-width:235px;scroll-snap-align:start}.stat-grid{grid-template-columns:1fr}.admin-top{display:grid;gap:18px}.new-order{grid-row:1}.admin-main{padding:16px}.track-card{padding:18px}.status-step span{display:none}}
@media print{body{background:white}.sidebar,.admin-top,.track-actions{display:none!important}.admin-main{margin:0;padding:0}}

/* Login admin */
.login-card input{box-sizing:border-box;width:100%;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0865c61f}.password-field{position:relative;display:block}.password-field input{padding-right:50px}.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:9px!important;display:grid;place-items:center;border:0!important;background:transparent!important;color:#667085!important;cursor:pointer}.password-toggle:hover{color:var(--blue)!important;background:#edf5ff!important}.password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-closed{display:none}.password-toggle[aria-pressed="true"] .eye-open{display:none}.password-toggle[aria-pressed="true"] .eye-closed{display:block}.login-submit{cursor:pointer;transition:background .2s,transform .1s}.login-submit:hover{background:#075aaf}.login-submit:active{transform:translateY(1px)}.login-error{display:flex;align-items:flex-start;gap:11px;margin-top:20px;text-align:left;border:1px solid #fecaca;background:#fff1f2!important;color:#991b1b!important;padding:12px 14px!important}.login-error>span{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dc2626;color:#fff;font-weight:800;font-size:13px}.login-error div{display:grid;gap:2px}.login-error strong{font-size:14px}.login-error small{font-weight:500;line-height:1.45}

/* Navigasi dan halaman admin */
.admin-page a,.admin-page button,.admin-page select{cursor:pointer}.admin-brand strong{font-weight:850;letter-spacing:-.02em}.sidebar>small{font-size:13px;font-weight:600;color:#566176}.sidebar nav{gap:8px}.sidebar nav a{display:flex;align-items:center;gap:13px;min-height:50px;padding:13px 16px;color:#26344a;font-size:16px;font-weight:700;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s,transform .18s}.sidebar nav a>span{width:22px;color:#075fba;font-size:18px;text-align:center}.sidebar nav a strong{font-weight:750}.sidebar nav a:hover{color:#064f9e;background:#edf5ff;border-color:#d5e8ff;transform:translateX(2px)}.sidebar nav a.active{background:#dceaff;color:#073c77;border-color:#c9def9;box-shadow:inset 3px 0 0 var(--blue)}.sidebar nav a:focus-visible,.new-order:focus-visible,.secondary-action:focus-visible,.logout:focus-visible{outline:3px solid #85bfff;outline-offset:2px}.logout{display:flex;align-items:center;gap:9px;width:100%;font-size:15px;cursor:pointer}.logout span{font-weight:800}.new-order,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s}.new-order:hover{background:#0756a8;transform:translateY(-1px);box-shadow:0 7px 18px #0865c62e}.secondary-action{padding:12px 18px;border:1px solid #b8d5f5;border-radius:9px;background:#fff;color:#075fba;font-weight:750}.secondary-action:hover{background:#edf5ff;border-color:#78ade7}.admin-section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:16px 0 30px}.admin-section-head h1{font-size:32px;margin:7px 0}.admin-section-head p{margin:0;color:#596579}.section-kicker{color:#0865c6;font-size:12px;font-weight:800;letter-spacing:.12em}.admin-list-card,.settings-note{background:#fff;border:1px solid #d3d9e2;border-radius:12px;overflow:hidden}.admin-table{overflow-x:auto}.admin-table-row{display:grid;gap:18px;align-items:center;min-width:760px;padding:18px 24px;border-top:1px solid #e4e7ec;color:#334155}.admin-table-row:first-child{border-top:0}.admin-table-row strong{color:#111c31}.admin-table-head{background:#f1f5f9;color:#526074;font-size:12px;font-weight:800;letter-spacing:.035em}.order-admin-table .admin-table-row{grid-template-columns:.7fr 1.4fr 1fr .9fr 1fr}.menu-admin-table .admin-table-row{grid-template-columns:1.7fr 1fr .8fr .7fr}.customer-admin-table .admin-table-row{grid-template-columns:1.3fr 1fr .6fr 1fr .8fr}.admin-empty{padding:50px 24px;text-align:center;color:#677084;font-weight:600}.availability{justify-self:start;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.availability.available{background:#dcfce7;color:#166534}.availability.unavailable{background:#fee2e2;color:#991b1b}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid article{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #d3d9e2;border-radius:12px;padding:22px}.settings-grid article>span{width:46px;height:46px;display:grid;place-items:center;background:#e7f1ff;border-radius:11px;font-size:21px}.settings-grid article div{display:grid;gap:5px;min-width:0}.settings-grid small{color:#677084;font-weight:650}.settings-grid strong{overflow-wrap:anywhere}.settings-note{margin-top:22px;padding:24px}.settings-note h2{margin-top:0}.settings-note p{color:#596579}.settings-note .secondary-action{margin-top:8px}
@media(max-width:900px){.sidebar nav a{min-width:max-content;transform:none!important}.admin-section-head{margin-top:6px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:520px){.admin-section-head{align-items:stretch;display:grid}.admin-section-head h1{font-size:27px}.admin-section-head .new-order,.admin-section-head .secondary-action{width:100%}}

/* Interaksi halaman pesan dan navigasi pelanggan */
.menu-app button,.menu-app a,.cart-dialog button{cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-header>a,.menu-header>button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:12px}.menu-header>a:hover,.menu-header>button:hover{background:#edf5ff}.category-tabs button{font-weight:650;min-height:44px}.category-tabs button:focus-visible,.add-menu:focus-visible,.favorite-menu:focus-visible,.mobile-nav a:focus-visible,.mobile-nav button:focus-visible,.cart-float button:focus-visible{outline:3px solid #82baff;outline-offset:2px}.favorite-menu{position:absolute;z-index:2;right:13px;top:11px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#566176;font-size:25px;line-height:1;box-shadow:0 3px 12px #17203318;transition:color .18s,background .18s,transform .18s}.favorite-menu:hover{background:#fff1f2;color:#dc2626}.favorite-menu.selected{background:#fff1f2;color:#dc2626}.favorite-menu:active,.add-menu:active{transform:scale(.9)}.add-menu{font-weight:500;transition:background .18s,transform .18s,box-shadow .18s}.add-menu:hover{background:#0756a8;box-shadow:0 6px 14px #0865c640}.add-menu.added{background:#15803d;transform:scale(1.08)}.menu-empty{grid-column:1/-1;margin:15px 0;padding:45px 20px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;text-align:center;color:#526074;font-weight:700}.mobile-nav{min-height:82px;height:auto;padding:9px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid #d9e0e9;box-shadow:0 -8px 24px #152f4b1c}.mobile-nav a,.mobile-nav button{flex:1;min-width:64px;min-height:58px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:17px;background:transparent;color:#3f4b5e;font:inherit;text-align:center;transition:background .18s,color .18s,transform .18s}.mobile-nav a:hover,.mobile-nav button:hover{background:#f0f5fb;color:#075fba}.mobile-nav a:active,.mobile-nav button:active{transform:scale(.96)}.mobile-nav a b,.mobile-nav button b{font-size:22px;line-height:1;font-weight:800}.mobile-nav a span,.mobile-nav button span{font-size:12px;line-height:1.15;font-weight:750}.mobile-nav .active{padding:6px 10px;background:#e2f0ff;color:#075fba;box-shadow:inset 0 0 0 1px #cce4ff}.cart-float{bottom:calc(94px + env(safe-area-inset-bottom))}.cart-float button{min-height:44px}.cart-dialog button{min-height:44px}.checkout-form button{font-weight:750}.checkout-form button:disabled{cursor:wait;opacity:.7}

/* Foto katalog pelanggan */
.menu-thumb.has-image:before,.menu-thumb.has-image:after,.food-photo.has-image:before,.food-photo.has-image:after{display:none}.menu-thumb>img,.food-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.menu-thumb>span,.food-photo>span{position:relative}

/* CRUD menu admin */
.head-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-alert{margin:-10px 0 22px;padding:13px 16px;border-radius:10px;font-weight:700}.admin-alert.success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.admin-alert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.menu-management-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.menu-editor{position:sticky;top:20px;background:#fff;border:1px solid #d3d9e2;border-radius:12px;padding:22px}.menu-editor>header{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.menu-editor>header h2{margin:5px 0 0}.menu-editor>header>a{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;color:#526074;font-size:24px}.menu-editor form{display:grid;gap:15px}.menu-editor label{display:grid;gap:7px;color:#26344a;font-size:13px;font-weight:750}.menu-editor label>small{font-weight:500;color:#677084}.menu-editor input,.menu-editor select,.menu-editor textarea,.pos-customer-form input,.pos-customer-form select,.pos-customer-form textarea{width:100%;border:1px solid #c8d1dc;border-radius:9px;background:#fff;padding:11px 12px;outline:none}.menu-editor input:focus,.menu-editor select:focus,.menu-editor textarea:focus,.pos-customer-form input:focus,.pos-customer-form select:focus,.pos-customer-form textarea:focus{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:11px}.menu-checks{display:grid;gap:9px;padding:13px;background:#f5f8fc;border-radius:9px}.menu-checks label{display:flex;align-items:center;gap:9px;font-weight:650}.menu-checks input{width:17px;height:17px}.menu-save{border:0;border-radius:9px;background:#0865c6;color:#fff;padding:13px;font-weight:800}.menu-save:hover{background:#0756a8}.current-menu-image{display:flex;align-items:center;gap:10px;color:#677084;font-size:12px}.current-menu-image img{width:64px;height:50px;object-fit:cover;border-radius:8px}.menu-list-admin{min-width:0}.menu-crud-table .admin-table-row{grid-template-columns:minmax(210px,1.5fr) .8fr .7fr .7fr .9fr;min-width:900px}.admin-menu-name{display:flex;align-items:center;gap:11px;min-width:0}.admin-menu-name>img,.admin-menu-name>span{flex:0 0 48px;width:48px;height:48px;border-radius:9px;object-fit:cover;background:#e7f1ff;display:grid;place-items:center}.admin-menu-name>div{display:grid;gap:4px;min-width:0}.admin-menu-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-menu-name small{color:#677084}.menu-crud-table form{margin:0}.menu-crud-table .availability{border:0;cursor:pointer}.row-actions{display:flex;align-items:center;gap:8px}.row-actions>a,.row-actions button{border:0;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:800}.row-actions>a{color:#075fba;background:#e7f1ff}.row-actions button{color:#b42318;background:#fee4e2}

/* POS admin */
.admin-pos{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.pos-catalog,.pos-cart{background:#fff;border:1px solid #d3d9e2;border-radius:13px}.pos-toolbar{padding:18px;border-bottom:1px solid #e4e7ec}.pos-search{height:48px;display:flex;align-items:center;gap:10px;border:1px solid #c8d1dc;border-radius:10px;padding:0 14px}.pos-search:focus-within{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.pos-search input{width:100%;border:0;outline:0;background:transparent}.pos-categories{display:flex;gap:8px;overflow-x:auto;padding-top:13px;scrollbar-width:thin}.pos-categories button{min-height:38px;padding:8px 14px;border:0;border-radius:999px;background:#edf1f6;color:#435066;font-weight:700;white-space:nowrap}.pos-categories button.active{background:#0865c6;color:#fff}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.pos-product{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;min-height:96px;padding:10px;border:1px solid #e0e5ec;border-radius:11px;background:#fff;color:#172033;text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}.pos-product:hover{border-color:#88bae9;box-shadow:0 6px 18px #173a6317;transform:translateY(-1px)}.pos-product.selected{border-color:#0865c6;background:#f2f8ff}.pos-product-image{width:72px;height:72px;display:grid;place-items:center;border-radius:9px;background:#e7f1ff;font-size:30px;overflow:hidden}.pos-product-image img{width:100%;height:100%;object-fit:cover}.pos-product-info{display:grid;align-content:center;gap:3px;min-width:0}.pos-product-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-product-info small{color:#677084}.pos-product-info b{color:#0865c6}.pos-product>i{position:absolute;right:8px;bottom:7px;color:#0865c6;font-size:18px;font-style:normal;font-weight:900}.pos-cart{position:sticky;top:18px;overflow:hidden}.pos-cart>header{display:flex;align-items:start;justify-content:space-between;padding:18px;border-bottom:1px solid #e4e7ec}.pos-cart h2{font-size:21px;margin:4px 0 0}.pos-cart>header button{border:0;background:transparent;color:#b42318;font-size:12px;font-weight:800}.pos-cart-items{max-height:310px;overflow:auto;padding:5px 16px}.pos-cart-empty{text-align:center;color:#677084;padding:35px 12px}.pos-cart-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:13px 25px 13px 0;border-bottom:1px solid #edf0f4}.pos-cart-row>div:first-child{display:grid;gap:3px}.pos-cart-row small{color:#677084}.pos-quantity{display:flex;align-items:center;gap:7px}.pos-quantity button{width:28px;height:28px;border:1px solid #b8d5f5;border-radius:8px;background:#fff;color:#075fba;font-weight:900}.pos-remove{position:absolute;right:0;top:8px;border:0;background:transparent;color:#b42318;font-size:18px}.pos-customer-form{display:grid;gap:12px;padding:16px;border-top:1px solid #e4e7ec;background:#f8fafc}.pos-customer-form label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#344054}.pos-customer-form label>small{font-weight:500}.pos-customer-form .paid-check{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:24px}.paid-check input{width:18px;height:18px}.pos-summary{padding:15px 18px;border-top:1px solid #e4e7ec}.pos-summary p{display:flex;justify-content:space-between;margin:8px 0}.pos-summary .grand-total{align-items:end;font-size:17px}.pos-summary .grand-total strong{color:#0865c6;font-size:24px}.pos-checkout{width:calc(100% - 36px);margin:0 18px 18px;padding:14px;border:0;border-radius:10px;background:#0865c6;color:#fff;font-weight:850}.pos-checkout:hover{background:#0756a8}.pos-checkout:disabled{cursor:not-allowed;background:#aab4c1}.pos-notice{display:flex;gap:10px;align-items:center;margin:-10px 0 20px;padding:14px 17px;border-radius:11px}.pos-notice strong{font-size:15px}.pos-notice span{color:#526074}.pos-notice a{margin-left:auto;color:#075fba;font-weight:800}.pos-notice.success{background:#dcfce7;border:1px solid #bbf7d0}.pos-notice.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.pos-mobile-cart{display:none}
@media(max-width:1280px){.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-pos{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:1050px){.menu-management-grid{grid-template-columns:1fr}.menu-editor{position:static}.admin-pos{grid-template-columns:1fr}.pos-cart{position:static}.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{padding:14px}.sidebar>small{margin-left:56px}.sidebar nav{padding-bottom:6px}.admin-main{padding-bottom:85px}.pos-page-head{margin-top:12px}}
@media(max-width:700px){.head-actions{display:grid;width:100%}.admin-section-head .head-actions>a{width:100%}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.pos-product{grid-template-columns:58px minmax(0,1fr);min-height:80px}.pos-product-image{width:58px;height:58px}.pos-mobile-cart{position:fixed;z-index:20;display:block;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 32px);padding:14px;border:0;border-radius:12px;background:#0865c6;color:#fff;font-weight:850;box-shadow:0 10px 28px #0b386b55}.pos-cart{scroll-margin-top:15px}.pos-notice{align-items:flex-start;display:grid}.pos-notice a{margin-left:0}.form-columns{grid-template-columns:1fr}.menu-editor{padding:17px}}
@media(max-width:430px){.pos-product-grid{grid-template-columns:1fr}.pos-product{grid-template-columns:68px minmax(0,1fr)}.pos-product-image{width:68px;height:68px}}
.pos-product.unavailable{cursor:not-allowed;filter:grayscale(.8);opacity:.58}.pos-product.unavailable:hover{border-color:#e0e5ec;box-shadow:none;transform:none}

/* Operasional pesanan */
.order-nav-badge{margin-left:auto;min-width:24px;height:24px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:900;box-shadow:0 3px 8px #dc262644}.order-nav-badge[hidden]{display:none}.order-status-icons{width:max-content;display:inline-flex;align-items:center;gap:5px;padding:4px;border:1px solid #dce3eb;border-radius:12px;background:#f8fafc;transition:box-shadow .2s}.order-status-icons.saved{box-shadow:0 0 0 3px #22c55e2b}.order-status-icons button{position:relative;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#8290a3;font-size:17px;font-weight:900;transition:background .18s,color .18s,transform .18s}.order-status-icons button:hover{background:#e9eff6;color:#344054;transform:translateY(-1px)}.order-status-icons button:nth-child(1).active{background:#dbeafe;color:#075fba}.order-status-icons button:nth-child(2).active{background:#fef3c7;color:#a16207}.order-status-icons button:nth-child(3).active{background:#dcfce7;color:#15803d}.order-status-icons button:disabled{cursor:wait;opacity:.6}.cancelled-status{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fee2e2;color:#b42318;font-size:20px;font-weight:900}.order-crud-table .admin-table-row{grid-template-columns:.55fr 1.35fr .55fr .75fr 1fr .8fr;min-width:960px}.order-customer{display:grid;gap:4px}.order-customer b{color:#172033}.order-customer small{color:#677084;font-size:11px}.order-editor{margin-bottom:22px;padding:22px;background:#fff;border:1px solid #bcd8f5;border-radius:13px;box-shadow:0 10px 28px #173a630d;scroll-margin-top:18px}.order-editor>header{display:flex;align-items:start;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #e4e7ec}.order-editor h2{margin:5px 0 0}.order-editor>header>a{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f1f5f9;color:#526074;font-size:24px}.order-editor-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:24px;padding-top:19px}.order-editor form{display:grid;gap:14px}.order-editor label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:750}.order-editor input,.order-editor select,.order-editor textarea{width:100%;padding:11px 12px;border:1px solid #c8d1dc;border-radius:9px;outline:none}.order-editor input:focus,.order-editor select:focus,.order-editor textarea:focus{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.order-detail-items{padding:18px;background:#f8fafc;border-radius:11px}.order-detail-items h3{margin-top:0}.order-detail-items p{display:flex;justify-content:space-between;gap:15px;padding:9px 0;margin:0;border-bottom:1px solid #e4e7ec}.order-detail-total{font-size:17px;border-bottom:0!important}.order-detail-total strong{color:#0865c6}.order-crud-table .admin-empty{display:grid;gap:7px}.order-crud-table .admin-empty strong{font-size:17px}.order-crud-table .admin-empty span{font-size:13px}.orders-card .order-status-icons{transform:scale(.9);transform-origin:left center}
@media(max-width:800px){.order-editor-grid{grid-template-columns:1fr}.order-detail-items{order:-1}}
@media(max-width:700px){.order-crud-table .admin-table-head{display:none}.order-crud-table .admin-table-row:not(.admin-table-head){min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:17px}.order-crud-table .admin-table-row:not(.admin-table-head)>:nth-child(1){grid-column:1;grid-row:1}.order-crud-table .admin-table-row:not(.admin-table-head)>:nth-child(2){grid-column:1;grid-row:2}.order-crud-table .admin-table-row:not(.admin-table-head)>:nth-child(3){grid-column:2;grid-row:1;color:#677084}.order-crud-table .admin-table-row:not(.admin-table-head)>:nth-child(4){grid-column:2;grid-row:2}.order-crud-table .admin-table-row:not(.admin-table-head)>:nth-child(5){grid-column:1;grid-row:3}.order-crud-table .admin-table-row:not(.admin-table-head)>:nth-child(6){grid-column:2;grid-row:3;justify-self:end}.order-editor{padding:17px}.order-status-icons button{width:32px;height:32px}.order-nav-badge{position:sticky;right:4px}}
.order-status-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 18px}.order-status-legend>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce3eb;border-radius:999px;background:#fff;color:#526074;font-size:12px;font-weight:750}.order-status-legend i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-style:normal;font-weight:900}.order-status-legend i.new{background:#dbeafe;color:#075fba}.order-status-legend i.preparing{background:#fef3c7;color:#a16207}.order-status-legend i.completed{background:#dcfce7;color:#15803d}
.order-status-icons form{margin:0}.order-status-icons form:nth-child(1) button.active{background:#dbeafe;color:#075fba}.order-status-icons form:nth-child(2) button.active{background:#fef3c7;color:#a16207}.order-status-icons form:nth-child(3) button.active{background:#dcfce7;color:#15803d}.order-number-link{color:#075fba;font-weight:900}.order-number-link:hover,.order-customer:hover b{text-decoration:underline}.order-customer{color:inherit}.row-actions .order-open{display:inline-flex;align-items:center;gap:5px;background:#e7f1ff;color:#075fba}
.order-date-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:-7px 0 18px;padding:14px 16px;border:1px solid #d6e0eb;border-radius:12px;background:#fff}.order-date-filter label{display:grid;gap:6px;color:#435066;font-size:12px;font-weight:750}.order-date-filter input{min-width:190px;height:42px;padding:0 11px;border:1px solid #bdc8d5;border-radius:9px;background:#fff;color:#172033;font-weight:650}.order-date-filter input:focus{border-color:#0865c6;outline:3px solid #0865c619}.order-date-filter button,.order-date-filter a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:9px;font-weight:800}.order-date-filter button{border:0;background:#0865c6;color:#fff}.order-date-filter button:hover{background:#0756a8}.order-date-filter a{border:1px solid #b8d5f5;color:#075fba;background:#edf5ff}.order-date-filter+.order-status-legend{margin-top:0}@media(max-width:520px){.order-date-filter{display:grid}.order-date-filter label,.order-date-filter input,.order-date-filter button,.order-date-filter a{width:100%}}

/* Drawer admin mobile dan pop-up detail pesanan */
.admin-mobile-bar,.admin-sidebar-overlay{display:none}.order-detail-dialog{width:min(820px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:10px;border:0;background:transparent;overflow:visible}.order-detail-dialog::backdrop{background:#101828a3;backdrop-filter:blur(2px)}.order-detail-dialog .order-editor{max-height:calc(100dvh - 48px);margin:0;overflow-y:auto;background:#fff;box-shadow:0 24px 70px #10182866}.order-editor>header>button{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:#eef2f6;color:#344054;font-size:25px;cursor:pointer}.order-editor>header>button:hover{background:#fee2e2;color:#b42318}.order-dialog-footer{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #e4e7ec}.order-dialog-footer button{min-width:110px;padding:11px 18px;border:1px solid #b8d5f5;border-radius:9px;background:#edf5ff;color:#075fba;font-weight:800;cursor:pointer}
@media(max-width:900px){.admin-mobile-bar{position:sticky;z-index:35;top:0;height:62px;padding:0 14px;display:flex;align-items:center;gap:13px;background:#fff;border-bottom:1px solid #dce3eb;box-shadow:0 4px 15px #1720330d}.admin-mobile-bar>button{width:42px;height:42px;display:grid;align-content:center;gap:5px;padding:9px;border:0;border-radius:10px;background:#e7f1ff;cursor:pointer}.admin-mobile-bar>button span{display:block;width:22px;height:2px;margin:auto;border-radius:2px;background:#075fba}.admin-mobile-bar>strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.admin-mobile-bar>a{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#0865c6;color:#fff;font-size:12px;font-weight:900}.admin-sidebar-overlay{position:fixed;z-index:45;inset:0;display:block;border:0;background:#10182899;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.admin-page .sidebar{position:fixed!important;z-index:50;inset:0 auto 0 0!important;width:min(58vw,300px)!important;min-width:220px;height:100dvh!important;padding:20px 14px!important;display:flex!important;flex-direction:column;overflow-y:auto;transform:translateX(-105%);box-shadow:12px 0 35px #10182833;transition:transform .24s ease}.admin-page.admin-sidebar-open{overflow:hidden}.admin-sidebar-open .sidebar{transform:translateX(0)}.admin-sidebar-open .admin-sidebar-overlay{opacity:1;visibility:visible;pointer-events:auto}.admin-page .sidebar nav{display:grid!important;overflow:visible!important;gap:7px;margin-top:25px}.admin-page .sidebar nav a{min-width:0!important;width:100%;padding:11px 12px}.admin-page .sidebar form{display:block!important;margin-top:auto}.admin-page .sidebar>small{margin-left:56px}.admin-main{padding-top:20px}.order-detail-dialog{width:calc(100% - 18px);padding:4px}.order-detail-dialog .order-editor{max-height:calc(100dvh - 18px);padding:17px}.order-editor>header h2{font-size:18px;overflow-wrap:anywhere}}
@media(max-width:420px){.admin-page .sidebar{width:58vw!important;min-width:210px}.admin-page .sidebar nav a{font-size:14px;gap:9px}.admin-page .sidebar nav a>span{width:18px}.admin-page .admin-brand{font-size:19px}.admin-page .admin-brand>span{padding:8px}.order-detail-dialog .form-columns{grid-template-columns:1fr}}

/* POS mobile: selalu pas selebar viewport */
@media(max-width:700px){html,body.admin-page{width:100%;max-width:100%;overflow-x:hidden}.admin-mobile-bar{width:100%;max-width:100vw}.admin-main{box-sizing:border-box;width:100%!important;max-width:100vw!important;min-width:0;margin:0!important;padding:16px 12px calc(92px + env(safe-area-inset-bottom))!important;overflow-x:hidden}.pos-page-head,.admin-pos,.pos-catalog,.pos-cart,.pos-toolbar,.pos-product-grid{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.pos-page-head{margin-left:0;margin-right:0}.pos-page-head>div{min-width:0}.pos-page-head h1,.pos-page-head p{overflow-wrap:anywhere}.admin-pos{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.pos-catalog,.pos-cart{overflow:hidden}.pos-toolbar{padding:12px}.pos-search{width:100%;max-width:100%;min-width:0}.pos-search input{min-width:0}.pos-categories{width:100%;max-width:100%;padding:11px 0 2px;overscroll-behavior-inline:contain}.pos-product-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px;padding:10px}.pos-product{box-sizing:border-box;width:100%;max-width:100%;min-width:0;grid-template-columns:64px minmax(0,1fr);padding:9px;overflow:hidden}.pos-product-image{width:64px;height:64px}.pos-product-info{width:100%;min-width:0}.pos-product-info strong,.pos-product-info small,.pos-product-info b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-cart-items,.pos-customer-form,.pos-summary{box-sizing:border-box;width:100%;max-width:100%}.pos-cart-row{min-width:0}.pos-mobile-cart{box-sizing:border-box;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:calc(100vw - 24px);margin:0}.pos-notice{width:100%;max-width:100%;box-sizing:border-box}}

/* Pembayaran tunai dan popup detail pesanan */
.order-edit-form{display:grid;gap:16px;padding-top:18px}.order-customer-fields{padding:15px;border:1px solid #dce7f3;border-radius:11px;background:#f5f9ff}.order-edit-form .order-editor-grid{padding-top:0;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)}.order-payment-fields{display:grid;align-content:start;gap:14px}.cash-quick-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.cash-quick-options button{padding:8px 10px;border:1px solid #b8d5f5;border-radius:8px;background:#f2f7fd;color:#075fba;font-size:12px;font-weight:800;cursor:pointer}.cash-quick-options button:hover,.cash-quick-options button.active{border-color:#0865c6;background:#0865c6;color:#fff}.cash-change{display:flex;align-items:center;justify-content:space-between;margin:11px 0 0;padding:12px 13px;border-radius:9px;background:#eaf8ef;color:#166534;font-weight:800}.cash-change strong{font-size:18px}.insufficient .cash-change,.pos-summary p.insufficient{background:#fff1f0;color:#b42318}.order-edit-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.order-close-button{padding:11px 16px;border:1px solid #b8d5f5;border-radius:9px;background:#edf5ff;color:#075fba;font-weight:800;cursor:pointer}.pos-cash-payment{display:grid;gap:2px}.pos-summary p.insufficient{margin-left:-8px;margin-right:-8px;padding:8px;border-radius:8px}
@media(max-width:800px){.order-edit-form .order-editor-grid{grid-template-columns:1fr}.order-customer-fields{grid-template-columns:1fr}.order-detail-items{order:0}.order-payment-fields{order:1}}
@media(max-width:420px){.cash-quick-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cash-quick-options button{padding:9px 5px}.order-edit-actions{grid-template-columns:1fr}.order-close-button{width:100%}}

/* Filter menu harus tetap tersembunyi meski komponen memakai display flex/grid. */
.menu-card.is-filtered,.pos-product.is-filtered{display:none!important}.menu-empty[hidden],#posEmpty[hidden]{display:none!important}

/* Pengaturan WhatsApp/QRIS dan konfirmasi pembayaran pelanggan */
.communication-settings{margin-bottom:22px;padding:24px;border:1px solid #cfe0f2;border-radius:14px;background:#fff;box-shadow:0 8px 24px #173a630b}.communication-settings form{display:grid;gap:18px}.communication-settings header{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid #e4e7ec}.communication-settings header>span{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#e7f1ff;font-size:24px}.communication-settings h2{margin:0 0 4px}.communication-settings p{margin:0;color:#596579}.communication-settings form>label{display:grid;gap:7px;color:#26344a;font-size:13px;font-weight:800}.communication-settings label small{color:#677084;font-weight:500}.communication-settings input[type=tel],.communication-settings input[type=file]{width:100%;padding:12px;border:1px solid #c8d1dc;border-radius:9px;background:#fff}.communication-settings input:focus{border-color:#0865c6;outline:0;box-shadow:0 0 0 3px #0865c619}.communication-settings .menu-save{justify-self:start;min-width:210px}.current-qris{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid #dce3eb;border-radius:11px;background:#f8fafc}.current-qris img{width:110px;height:110px;padding:6px;border-radius:9px;background:#fff;object-fit:contain}.current-qris>div{display:grid;gap:10px}.current-qris label{display:flex;align-items:center;gap:7px;color:#b42318;font-size:13px}.settings-system-grid{margin-top:0}.payment-status{padding:5px 9px;border-radius:999px;font-size:12px}.payment-status.unpaid{background:#fff1d6;color:#9a6200}.payment-status.paid{background:#dcfce7;color:#157a36}.whatsapp-order-button,.whatsapp-payment-button{min-height:50px;display:flex;align-items:center;justify-content:center;margin-top:18px;padding:13px 16px;border-radius:12px;background:#1fa855;color:#fff!important;font-weight:850;text-align:center;box-shadow:0 6px 18px #1fa8552e}.whatsapp-order-button:hover,.whatsapp-payment-button:hover{background:#188847}.qris-payment{margin-top:22px;padding:22px;border:1px solid #cfe0f2;border-radius:16px;background:linear-gradient(180deg,#f4f9ff,#fff);text-align:center}.qris-payment[hidden]{display:none}.qris-kicker{color:#0865c6;font-size:11px;font-weight:900;letter-spacing:.13em}.qris-payment h2{margin:7px 0}.qris-payment>p{margin:0 auto 16px;max-width:390px;color:#596579;font-size:13px;line-height:1.5}.qris-image-wrap{width:min(310px,100%);aspect-ratio:1;margin:auto;padding:12px;border:1px solid #dce3eb;border-radius:14px;background:#fff;box-shadow:0 8px 25px #17203312}.qris-image-wrap img{width:100%;height:100%;display:block;object-fit:contain}.qris-total{display:block;margin-top:13px;color:#0865c6;font-size:24px}.whatsapp-payment-button{margin:14px auto 0}.wa-not-configured{margin-top:18px;padding:12px;border-radius:10px;background:#fff7e6;color:#8a5a00;font-size:13px;text-align:center}
@media(max-width:520px){.communication-settings{padding:17px}.communication-settings header{align-items:flex-start}.communication-settings .menu-save{width:100%;justify-self:stretch}.current-qris{align-items:flex-start}.current-qris img{width:92px;height:92px}.qris-payment{padding:17px 13px}.qris-image-wrap{width:min(280px,100%)}.track-actions{grid-template-columns:1fr}.whatsapp-order-button,.whatsapp-payment-button{font-size:14px}}

/* Konfirmasi pelanggan sebelum checkout */
.customer-sweet-alert{width:min(430px,calc(100% - 28px));max-width:none;padding:0;border:0;border-radius:19px;background:transparent;overflow:visible}.customer-sweet-alert::backdrop{background:#101828a3;backdrop-filter:blur(3px)}.customer-sweet-card{padding:28px 24px 23px;border-radius:19px;background:#fff;text-align:center;box-shadow:0 28px 80px #10182866;animation:sweet-pop .2s ease-out}.customer-sweet-icon{width:68px;height:68px;margin:0 auto 17px;display:grid;place-items:center;border-radius:50%;background:#dcfce7;color:#15803d;font-size:34px;font-weight:900}.customer-sweet-card h2{margin:0 0 9px;color:#172033;font-size:23px}.customer-sweet-card p{margin:0;color:#5b6678;line-height:1.55}.customer-sweet-card>div{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:24px}.customer-sweet-card button{min-height:46px;padding:10px 12px;border-radius:10px;font-weight:850;cursor:pointer}.customer-sweet-card [data-customer-cancel]{border:1px solid #cbd5e1;background:#fff;color:#475467}.customer-sweet-card [data-customer-confirm]{border:0;background:#15803d;color:#fff}
@media(max-width:390px){.customer-sweet-card{padding:24px 17px 18px}.customer-sweet-card>div{grid-template-columns:1fr}}
@media(max-width:380px){.admin-main{padding-left:9px!important;padding-right:9px!important}.pos-product-grid{padding:8px}.pos-product{grid-template-columns:58px minmax(0,1fr)}.pos-product-image{width:58px;height:58px}.pos-mobile-cart{left:9px;right:9px;width:calc(100% - 18px);max-width:calc(100vw - 18px)}}

/* Status selesai dan konfirmasi bergaya SweetAlert */
.admin-table-row.order-row-completed,.orders-card .tr.order-row-completed{background:#effcf3!important;box-shadow:inset 4px 0 0 #22a447}.admin-table-row.order-row-completed:hover{background:#e6f8ec!important}.order-row-completed .order-number-link,.order-row-completed>strong{color:#157a36}.completed-order-badge{width:max-content;display:inline-flex;align-items:center;margin-top:6px;padding:5px 8px;border-radius:999px;background:#d5f7df;color:#137333;font-size:10px;font-weight:900;white-space:nowrap}.completed-order-badge[hidden]{display:none}.admin-sweet-alert{width:min(430px,calc(100% - 28px));max-width:none;padding:0;border:0;border-radius:18px;background:transparent;overflow:visible}.admin-sweet-alert::backdrop{background:#1018289e;backdrop-filter:blur(3px)}.admin-sweet-card{padding:28px 25px 23px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 28px 80px #10182866;animation:sweet-pop .2s ease-out}.admin-sweet-icon{width:68px;height:68px;margin:0 auto 17px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:#0865c6;font-size:34px;font-weight:900}.admin-sweet-alert.success .admin-sweet-icon{background:#dcfce7;color:#15803d}.admin-sweet-alert.warning .admin-sweet-icon{background:#fef3c7;color:#a16207}.admin-sweet-card h2{margin:0 0 9px;font-size:23px;color:#172033}.admin-sweet-card p{margin:0;color:#5b6678;line-height:1.55}.admin-sweet-card>div{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:24px}.admin-sweet-card button{min-height:45px;padding:10px 13px;border-radius:10px;font-weight:850;cursor:pointer}.admin-sweet-card [data-sweet-cancel]{border:1px solid #cbd5e1;background:#fff;color:#475467}.admin-sweet-card [data-sweet-confirm]{border:0;background:#0865c6;color:#fff}.admin-sweet-alert.success [data-sweet-confirm]{background:#15803d}.admin-sweet-alert.warning [data-sweet-confirm]{background:#b77908}@keyframes sweet-pop{from{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:520px){.admin-table-row.order-row-completed{box-shadow:inset 4px 0 0 #22a447,0 4px 12px #157a3614}.admin-sweet-card{padding:24px 18px 18px}.admin-sweet-card h2{font-size:20px}.admin-sweet-card>div{grid-template-columns:1fr}.admin-sweet-card [data-sweet-confirm]{grid-row:1}.completed-order-badge{font-size:9px}}

/* Tab filter dan card pesanan admin */
.track-actions.track-actions-single{grid-template-columns:1fr}.track-actions.track-actions-single button{width:100%;background:var(--blue);color:#fff;font-weight:800}.order-filter-tabs{display:flex;gap:8px;margin:0 0 18px;padding:5px;border:1px solid #d6e0eb;border-radius:13px;background:#eef2f6;width:max-content;max-width:100%}.order-filter-tabs a{min-height:44px;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:9px;color:#536174;font-weight:800;transition:background .18s,color .18s,box-shadow .18s}.order-filter-tabs a b{min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:#d8e0e9;font-size:11px}.order-filter-tabs a.active{background:#fff;color:#075fba;box-shadow:0 3px 10px #17203318}.order-filter-tabs a.active b{background:#dbeafe;color:#075fba}.order-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.order-admin-card{min-width:0;padding:19px;border:1px solid #d6dee8;border-radius:15px;background:#fff;box-shadow:0 5px 18px #1720330b;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.order-admin-card:hover{transform:translateY(-2px);border-color:#91bee9;box-shadow:0 10px 25px #0b519f18}.order-admin-card:focus-visible{outline:3px solid #85bfff;outline-offset:2px}.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #e7ebf0}.order-card-head>div{display:grid;gap:4px}.order-card-head small{color:#677084;font-size:11px}.order-card-head>strong{color:#075fba;font-size:18px}.order-card-customer{display:grid;gap:4px;padding:16px 0}.order-card-customer b{font-size:17px;color:#172033}.order-card-customer span{color:#677084;font-size:12px}.order-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid #e7ebf0}.order-card-footer .row-actions{justify-content:flex-end;flex-wrap:wrap}.order-card-footer .order-open{padding:8px 10px;border-radius:8px;font-size:11px;font-weight:800}.order-card-footer .row-actions form button{padding:8px 10px}.order-card-empty{grid-column:1/-1;padding:42px 24px;border:1px dashed #bdc8d5;border-radius:15px;background:#fff}.order-admin-card.order-row-completed{background:#effcf3;box-shadow:inset 4px 0 0 #22a447,0 5px 18px #157a3610}.order-admin-card.order-row-completed:hover{background:#e6f8ec!important}.order-admin-card .completed-order-badge{margin-top:7px}
.admin-sweet-alert.danger .admin-sweet-icon{background:#fee2e2;color:#b42318}.admin-sweet-alert.danger [data-sweet-confirm]{background:#dc2626}.admin-sweet-alert.danger [data-sweet-confirm]:hover{background:#b91c1c}
@media(max-width:620px){.order-filter-tabs{width:100%}.order-filter-tabs a{flex:1;justify-content:center;padding:8px 10px}.order-card-list{grid-template-columns:1fr}.order-card-footer{align-items:flex-start;flex-direction:column}.order-card-footer .row-actions{width:100%;justify-content:space-between}.order-admin-card{padding:16px}}
@media(max-width:390px){.order-filter-tabs a{gap:6px;font-size:12px}.order-filter-tabs a b{min-width:22px;height:22px;padding:0 5px}.order-card-head>strong{font-size:16px}}

/* Riwayat pesanan pelanggan */
.customer-orders-view{padding:20px}.customer-orders-view[hidden]{display:none}.customer-orders-view>header{padding:9px 2px 17px}.customer-orders-view>header small{color:#0865c6;font-size:11px;font-weight:850;letter-spacing:.12em}.customer-orders-view h2{margin:5px 0 4px;font-size:25px}.customer-orders-view header p{margin:0;color:#677084;font-size:13px}.customer-order-history{display:grid;gap:13px}.customer-history-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border:1px solid #d5e0ec;border-radius:17px;background:#fff;box-shadow:0 5px 16px #1720330d;transition:transform .18s,border-color .18s}.customer-history-card:hover{transform:translateY(-2px);border-color:#8dbce9}.customer-history-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:#075fba;font-size:20px;font-weight:900}.customer-history-card.finished .customer-history-icon{background:#dcfce7;color:#15803d}.customer-history-main{min-width:0;display:grid;gap:3px}.customer-history-main small{color:#677084;font-size:9px;font-weight:850;letter-spacing:.08em}.customer-history-main strong{font-size:17px;color:#075fba}.customer-history-main em{font-size:12px;color:#344054;font-style:normal;font-weight:750}.customer-history-main time{font-size:10px;color:#7b8492}.customer-history-total{display:grid;justify-items:end;gap:8px}.customer-history-total b{color:#075fba;font-size:14px;white-space:nowrap}.customer-history-total i{color:#0865c6;font-size:26px;font-style:normal;line-height:1}.customer-history-empty{padding:45px 20px;border:1px dashed #bdc8d5;border-radius:17px;background:#fff;text-align:center;color:#677084}.customer-history-empty>span{width:50px;height:50px;margin:0 auto 13px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:#075fba;font-size:23px}.customer-history-empty strong{display:block;color:#26344a}.customer-history-empty p{margin:7px 0 0;font-size:12px}.menu-app.orders-mode>.active-order,.menu-app.orders-mode>.search,.menu-app.orders-mode>.category-tabs,.menu-app.orders-mode>.list-title,.menu-app.orders-mode>.menu-list,.menu-app.orders-mode>.cart-float{display:none!important}
@media(max-width:390px){.customer-orders-view{padding:16px 13px}.customer-history-card{grid-template-columns:40px minmax(0,1fr) auto;padding:14px 12px;gap:10px}.customer-history-icon{width:39px;height:39px}.customer-history-total b{font-size:12px}}

/* Interaksi pesanan aktif pelanggan */
.active-order[data-active-order-card]{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.active-order[data-active-order-card]:hover{transform:translateY(-2px);border-color:#91bee9;box-shadow:0 8px 20px #0865c61a}.active-order[data-active-order-card]:focus-visible{outline:3px solid #82baff;outline-offset:2px}.mobile-nav [data-bottom-nav="orders"]{position:relative}.customer-order-badge{position:absolute;top:3px;right:calc(50% - 25px);min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#dc2626;color:#fff;font-size:9px;font-style:normal;font-weight:900;line-height:1;box-shadow:0 3px 8px #dc262644}.customer-order-badge[hidden]{display:none}.mobile-nav [data-bottom-nav="orders"].has-active-order>b{color:#0865c6;animation:customer-order-wiggle 4s ease-in-out infinite;transform-origin:center}@keyframes customer-order-wiggle{0%,12%,100%{transform:rotate(0) scale(1)}2%{transform:rotate(-14deg) scale(1.08)}4%{transform:rotate(14deg) scale(1.08)}6%{transform:rotate(-10deg) scale(1.05)}8%{transform:rotate(10deg) scale(1.05)}10%{transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.mobile-nav [data-bottom-nav="orders"].has-active-order>b{animation:none}}

/* Variasi dan catatan per item */
.cart-item-options,.pos-item-options{grid-column:1/-1;display:grid;gap:9px;padding-top:10px;border-top:1px dashed #d7dee8}.cart-item-options label,.pos-item-options label{display:grid;gap:5px;color:#344054;font-size:11px;font-weight:800}.cart-item-options label small,.pos-item-options label small{font-weight:500;color:#677084}.cart-item-options select,.cart-item-options textarea,.pos-item-options select,.pos-item-options textarea{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #c8d1dc;border-radius:9px;background:#fff;color:#172033;font:inherit;outline:none;resize:vertical}.cart-item-options select:focus,.cart-item-options textarea:focus,.pos-item-options select:focus,.pos-item-options textarea:focus{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.pos-item-options{padding-right:0}.pos-cart-items{max-height:430px}.order-detail-items p>span,.track-item>span{display:grid;gap:4px}.order-detail-items p small,.track-item small{color:#677084;font-size:10px;font-weight:500;line-height:1.4}.menu-editor textarea[name="variations"]{min-height:96px}

/* CRUD kategori dan harga promo */
.menu-price-display,.pos-product-price,.admin-menu-price{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.menu-price-display s,.pos-product-price s,.admin-menu-price s{color:#98a2b3;font-size:11px;font-weight:600}.menu-price-display b,.pos-product-price b,.admin-menu-price span{color:#0865c6;font-weight:850}.admin-menu-price{display:grid;gap:3px}.category-management{margin-top:24px;padding:22px;border:1px solid #d3d9e2;border-radius:13px;background:#fff;scroll-margin-top:18px}.category-management>header{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:20px}.category-management h2{margin:5px 0}.category-management header p{margin:0;color:#596579}.category-management-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.category-form{display:grid;gap:13px;padding:17px;border-radius:11px;background:#f6f9fc}.category-form label{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:800}.category-form input{box-sizing:border-box;width:100%;padding:10px 11px;border:1px solid #c8d1dc;border-radius:9px;background:#fff;outline:none}.category-form input:focus{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.category-form .category-active-check{display:flex;align-items:center;gap:8px}.category-form .category-active-check input{width:17px;height:17px}.category-list{display:grid;gap:9px}.category-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 15px;border:1px solid #e0e6ed;border-radius:10px}.category-list article>div:first-child{display:grid;gap:3px}.category-list small{color:#677084}.category-list form{margin:0}.category-list .availability{border:0}.category-list .row-actions{justify-content:flex-end}@media(max-width:800px){.category-management-grid{grid-template-columns:1fr}}@media(max-width:560px){.category-management{padding:16px 13px}.category-management>header{display:grid}.category-list article{grid-template-columns:minmax(0,1fr) auto}.category-list .row-actions{grid-column:1/-1;justify-content:flex-start}.category-management .secondary-action{width:100%}}

/* Animasi tambah ke keranjang dan kontrol jumlah */
.cart-float #openCart{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.cart-float #openCart .cart-button-icon{font-size:18px;line-height:1}.cart-float #openCart>b{font-size:17px;line-height:1}.cart-float #openCart.cart-bump{animation:cart-button-bump .38s ease-out}.cart-fly-item{position:fixed;z-index:120;width:36px;height:36px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#15803d;color:#fff;font-size:12px;font-weight:950;box-shadow:0 7px 18px #152f4b4d;pointer-events:none;opacity:1;transform:translate(0,0) scale(1);transition:transform .62s cubic-bezier(.32,.72,.3,1),opacity .62s ease}.cart-fly-item.flying{opacity:.2;transform:translate(var(--fly-x),var(--fly-y)) scale(.38)}@keyframes cart-button-bump{0%{transform:scale(1)}45%{transform:scale(1.12)}100%{transform:scale(1)}}.cart-row .qty{align-self:center;justify-self:end;display:grid;grid-template-columns:36px 30px 36px;align-items:center;gap:6px}.cart-row .qty button{box-sizing:border-box;width:36px;height:36px;margin:0;padding:0;display:grid;place-items:center;border:1.5px solid #0865c6;border-radius:50%;font-size:19px;font-weight:850;line-height:1}.cart-row .qty span{width:30px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e7f1ff;color:#102a4c;font-size:16px;font-weight:950;line-height:1;text-align:center}.cart-row .qty button:last-child{background:#0865c6;color:#fff;box-shadow:0 4px 10px #0865c633}.cart-row .qty button:first-child{background:#fff;color:#0865c6}.cart-row .qty button:active{transform:scale(.9)}@media(max-width:380px){.cart-row{grid-template-columns:66px minmax(62px,1fr) 104px;gap:9px;padding:12px}.cart-row .mini-food{font-size:29px}.cart-row .qty{grid-template-columns:34px 26px 34px;gap:5px}.cart-row .qty button{width:34px;height:34px}.cart-row .qty span{width:26px;height:34px;font-size:15px}.cart-float #openCart{padding-left:12px;padding-right:12px}.cart-float #openCart .cart-button-icon{font-size:16px}}

/* Badge keranjang dan tombol tutup */
.cart-float #openCart{position:relative}.cart-button-badge{position:absolute;top:-10px;left:-8px;min-width:23px;height:23px;padding:0 6px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-style:normal;font-weight:950;line-height:1;box-shadow:0 4px 10px #991b1b55}.cart-button-badge[hidden]{display:none}.cart-dialog header{min-height:76px;padding:10px 18px;gap:13px}.cart-dialog header .cart-close-button{flex:0 0 52px;width:52px;height:52px;min-height:52px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:42px;font-weight:700;line-height:.8;box-shadow:0 6px 15px #dc262633;transition:background .18s,transform .15s}.cart-dialog header .cart-close-button:hover{background:#b91c1c;color:#fff}.cart-dialog header .cart-close-button:active{transform:scale(.92)}.cart-dialog header .cart-close-button:focus-visible{outline:3px solid #fca5a5;outline-offset:2px}.cart-dialog header h2{margin:0;font-size:24px}@media(max-width:380px){.cart-dialog header{min-height:70px;padding:9px 13px}.cart-dialog header .cart-close-button{flex-basis:48px;width:48px;height:48px;min-height:48px;font-size:38px}.cart-dialog header h2{font-size:22px}.cart-button-badge{left:-5px}}

/* Status dan pembatalan pesanan pelanggan */
.customer-order-summary{display:flex;gap:7px;overflow-x:auto;margin:0 0 15px;padding-bottom:2px;scrollbar-width:none}.customer-order-summary>span{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;font-size:10px;font-weight:850}.customer-order-summary>span b{min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#fff;font-size:10px}.customer-order-summary .unfinished{background:#dbeafe;color:#075fba}.customer-order-summary .completed{background:#dcfce7;color:#15803d}.customer-order-summary .cancelled{background:#fee2e2;color:#b42318}.customer-history-entry{display:grid;gap:8px}.customer-history-entry.cancelled .customer-history-icon{background:#fee2e2;color:#b42318}.customer-order-status-badge{width:max-content;display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900}.customer-order-status-badge.unfinished{background:#dbeafe;color:#075fba}.customer-order-status-badge.completed{background:#dcfce7;color:#15803d}.customer-order-status-badge.cancelled{background:#fee2e2;color:#b42318}.customer-history-main em{font-size:10px;color:#667085}.customer-cancel-order{width:100%;min-height:42px;border:1px solid #f2b8b5;border-radius:11px;background:#fff1f2;color:#b42318;font-size:12px;font-weight:850;cursor:pointer}.customer-cancel-order:hover{background:#fee2e2}.customer-cancel-order:disabled{cursor:wait;opacity:.65}.order-filter-tabs{overflow-x:auto;scrollbar-width:none}.order-status-legend i.cancelled{background:#fee2e2;color:#b42318}.order-admin-card.order-row-cancelled{background:#fff5f5;box-shadow:inset 4px 0 0 #dc2626,0 5px 18px #991b1b0d}.order-admin-card.order-row-cancelled:hover{background:#ffeded!important;border-color:#f1aaa6}.order-row-cancelled .order-number-link,.order-row-cancelled .order-card-head>strong{color:#b42318}@media(max-width:390px){.customer-order-summary>span{padding:6px 8px;font-size:9px}.customer-order-status-badge{font-size:8px}}
.customer-sweet-alert.danger .customer-sweet-icon{background:#fee2e2;color:#b42318}.customer-sweet-alert.danger [data-customer-confirm]{background:#dc2626}.customer-sweet-alert.danger [data-customer-confirm]:hover{background:#b91c1c}

/* Detail menu dan jenis pesanan */
.menu-card{cursor:pointer}.menu-card:focus-visible{outline:3px solid #82baff;outline-offset:2px}.menu-detail-dialog{width:min(460px,calc(100% - 28px));max-width:none;padding:0;border:0;border-radius:22px;background:transparent;overflow:visible}.menu-detail-dialog::backdrop{background:#101828a3;backdrop-filter:blur(3px)}.menu-detail-card{position:relative;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 28px 80px #10182866}.menu-detail-close{position:absolute;z-index:3;top:13px;right:13px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#b42318;font-size:27px;font-weight:800;box-shadow:0 5px 15px #1720332e;cursor:pointer}.menu-detail-image{height:245px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f1ff,#f8fafc);font-size:90px;overflow:hidden}.menu-detail-image img{width:100%;height:100%;object-fit:cover}.menu-detail-content{padding:22px}.menu-detail-content h2{margin:6px 0 8px;font-size:25px}.menu-detail-content>p{margin:0;color:#596579;line-height:1.6}.menu-detail-price{display:flex;align-items:center;gap:10px;margin:18px 0}.menu-detail-price s{color:#98a2b3;font-size:13px}.menu-detail-price strong{color:#0865c6;font-size:23px}.menu-detail-add{width:100%;min-height:49px;border:0;border-radius:12px;background:#0865c6;color:#fff;font-weight:850;cursor:pointer}.menu-detail-add:hover{background:#0756a8}.checkout-form .service-type-label{display:grid;gap:7px}.checkout-form .service-type-label select{width:100%;padding:13px 14px;border:1px solid #cdd3dd;border-radius:12px;background:#fff;color:#172033;outline:none}.checkout-form .service-type-label select:focus{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.order-service-type{width:max-content;display:inline-flex;margin-top:12px;padding:7px 10px;border-radius:999px;background:#e7f1ff;color:#075fba;font-size:11px;font-weight:850}@media(max-width:420px){.menu-detail-image{height:210px}.menu-detail-content{padding:19px 17px}.menu-detail-content h2{font-size:22px}}
.menu-detail-card{max-height:calc(100dvh - 28px);overflow-x:hidden;overflow-y:auto}.menu-detail-image.has-image{height:min(58vh,500px);padding:10px;background:#111827}.menu-detail-image.has-image img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:10px}@media(max-width:420px){.menu-detail-image.has-image{height:min(52vh,430px);padding:8px}}

/* Popup detail menu ringkas */
.menu-detail-dialog{width:min(390px,calc(100% - 46px));border-radius:18px}.menu-detail-card{max-height:calc(100dvh - 54px);border-radius:18px}.menu-detail-image{height:200px}.menu-detail-image.has-image{height:min(38vh,320px);padding:7px}.menu-detail-image.has-image img{border-radius:7px}.menu-detail-content{padding:17px}.menu-detail-content h2{margin:5px 0 6px;font-size:21px}.menu-detail-content>p{font-size:13px;line-height:1.5}.menu-detail-price{margin:13px 0}.menu-detail-price strong{font-size:20px}.menu-detail-add{min-height:45px}.menu-detail-close{top:10px;right:10px;width:40px;height:40px;font-size:24px}@media(max-width:420px){.menu-detail-dialog{width:calc(100% - 40px)}.menu-detail-image{height:180px}.menu-detail-image.has-image{height:min(34vh,275px);padding:6px}.menu-detail-content{padding:15px}.menu-detail-content h2{font-size:20px}.menu-detail-price strong{font-size:19px}}

/* Gambar detail menu persegi 1:1 */
.menu-detail-image,.menu-detail-image.has-image{box-sizing:border-box;width:100%;height:auto;aspect-ratio:1/1;padding:0;background:#eef3f8}.menu-detail-image.has-image img{width:100%;height:100%;border-radius:0;object-fit:contain;object-position:center}.menu-detail-image:not(.has-image)>span{font-size:84px}@media(max-width:420px){.menu-detail-image,.menu-detail-image.has-image{height:auto;aspect-ratio:1/1;padding:0}}

/* Tombol tutup detail menu yang jelas */
.menu-detail-close{top:12px;right:12px;width:54px;height:54px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#dc2626;color:#fff;font-size:32px;font-weight:950;line-height:1;box-shadow:0 7px 20px #10182880;transition:background .18s,transform .15s,box-shadow .18s}.menu-detail-close:hover{background:#b91c1c;color:#fff;box-shadow:0 9px 24px #10182899}.menu-detail-close:active{transform:scale(.9)}.menu-detail-close:focus-visible{outline:4px solid #fca5a5;outline-offset:3px}@media(max-width:420px){.menu-detail-close{top:10px;right:10px;width:52px;height:52px;font-size:30px}}

/* Tombol cetak struk thermal */
.order-edit-actions{grid-template-columns:minmax(0,1fr) auto auto}.order-print-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:1px solid #86baf0;border-radius:9px;background:#e7f1ff;color:#075fba;font-size:13px;font-weight:850;white-space:nowrap}.order-print-button:hover{background:#d7eaff;border-color:#4e98df}.print-receipt-hint{display:block;margin-top:-7px;color:#677084;font-size:10px;line-height:1.45}@media(max-width:600px){.order-edit-actions{grid-template-columns:1fr}.order-print-button,.order-close-button{width:100%}}

/* Pengaturan POS white-label, struk, dan akun admin */
.settings-jump{display:flex;gap:9px;overflow-x:auto;margin:20px 0;padding-bottom:3px;scrollbar-width:none}.settings-jump a{flex:0 0 auto;padding:9px 13px;border:1px solid #c7d9ec;border-radius:999px;background:#fff;color:#075fba;font-size:12px;font-weight:800}.settings-panel{margin:22px 0;padding:28px;border:1px solid #d3dfe9;border-radius:16px;background:#fff;scroll-margin-top:18px;box-shadow:0 5px 18px #17203308}.settings-panel>form>header,.settings-panel>header{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e4e9ef}.settings-panel header>span{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#e7f1ff;font-size:25px}.settings-panel h2{margin:1px 0 4px}.settings-panel header p{margin:0;color:#677084}.settings-panel form{display:grid;gap:17px}.settings-panel form>label,.settings-form-grid label,.admin-user-form label{display:grid;gap:6px;color:#26344a;font-size:12px;font-weight:800}.settings-panel label small{color:#677084;font-weight:500}.settings-panel input:not([type=checkbox]),.settings-panel textarea,.settings-panel select{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #c7d1dc;border-radius:9px;background:#fff;color:#172033;outline:none}.settings-panel input:focus,.settings-panel textarea:focus,.settings-panel select:focus{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-form-grid .wide{grid-column:1/-1}.settings-checks{display:flex;gap:12px;flex-wrap:wrap}.settings-checks label,.settings-active-check{display:flex!important;align-items:center;gap:8px;padding:9px 11px;border-radius:9px;background:#f1f6fc;font-size:12px!important}.settings-checks input,.settings-active-check input{width:17px;height:17px}.settings-panel .menu-save{width:max-content;min-width:210px}.admin-management-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.admin-user-form{display:grid;gap:13px;padding:18px;border-radius:12px;background:#f6f9fc}.admin-user-form h3{margin:0 0 3px}.admin-user-list{display:grid;gap:10px}.admin-user-list article{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:12px;padding:15px;border:1px solid #e0e6ed;border-radius:11px}.admin-user-list article>div:first-child{display:grid;gap:3px}.admin-user-list article span,.admin-user-list article small{color:#677084;font-size:11px}.admin-role-badge,.admin-account-status{width:max-content;padding:6px 8px;border-radius:999px;font-weight:800!important}.admin-role-badge{background:#e7f1ff;color:#075fba!important}.admin-account-status.active{background:#dcfce7;color:#15803d!important}.admin-account-status.inactive{background:#fee2e2;color:#b42318!important}.admin-user-list .row-actions{grid-column:1/-1;justify-content:flex-end}.admin-user-list .row-actions form{display:block}.admin-user-list .row-actions button,.admin-user-list .row-actions a{min-height:35px;display:inline-flex;align-items:center;padding:7px 10px}.settings-permission-note{margin:-8px 0 18px;padding:11px 13px;border-radius:9px;background:#fff7df;color:#7a5310;font-size:12px}.admin-brand strong{max-width:145px;line-height:1.15;overflow-wrap:anywhere}@media(max-width:900px){.admin-management-grid{grid-template-columns:1fr}.admin-user-list .row-actions{justify-content:flex-start}}@media(max-width:600px){.settings-panel{padding:19px 15px}.settings-form-grid{grid-template-columns:1fr}.settings-form-grid .wide{grid-column:auto}.settings-panel .menu-save{width:100%}.admin-user-list article{grid-template-columns:minmax(0,1fr) auto}.admin-user-list .admin-account-status{grid-column:2}.settings-checks{display:grid}.settings-panel>form>header,.settings-panel>header{gap:11px}.settings-panel header>span{flex-basis:45px;width:45px;height:45px}}

/* Download QRIS di halaman pembayaran pelanggan */
.qris-download-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;margin:14px auto 0;padding:12px 15px;border:2px solid #0865c6;border-radius:12px;background:#fff;color:#075fba!important;font-size:14px;font-weight:900;text-align:center;box-shadow:0 5px 14px #0865c617;transition:background .18s,color .18s,transform .12s}.qris-download-button:hover{background:#e7f1ff}.qris-download-button:active{transform:scale(.98)}.qris-download-button:focus-visible{outline:3px solid #82baff;outline-offset:2px}

/* Preview tampilan struk pada pengaturan */
.receipt-settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.receipt-preview-button{min-width:185px;min-height:45px;padding:10px 16px;border:1px solid #76aee6;border-radius:9px;background:#e7f1ff;color:#075fba;font-weight:850}.receipt-preview-button:hover{background:#d7eaff}.receipt-preview-dialog{width:min(720px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:17px;background:transparent;overflow:visible}.receipt-preview-dialog::backdrop{background:#101828a8;backdrop-filter:blur(3px)}.receipt-preview-shell{max-height:calc(100dvh - 28px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 25px 75px #10182866}.receipt-preview-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #e1e7ee}.receipt-preview-shell>header small{color:#0865c6;font-size:10px;font-weight:900;letter-spacing:.12em}.receipt-preview-shell>header h2{margin:3px 0;font-size:21px}.receipt-preview-shell>header p{margin:0;color:#677084;font-size:12px}.receipt-preview-shell>header button{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:29px;font-weight:900;line-height:1}.receipt-preview-stage{overflow:auto;padding:25px;background:#e8edf3}.receipt-preview-paper{box-sizing:border-box;width:280px;min-height:570px;margin:auto;padding:18px 14px;background:#fff;color:#000;font:11px/1.35 "Courier New",monospace;box-shadow:0 10px 30px #1720332e;transition:width .2s}.receipt-preview-paper.paper-80{width:390px}.receipt-preview-center,.receipt-preview-paper footer{display:grid;justify-items:center;text-align:center}.receipt-preview-center span:empty,.receipt-preview-paper footer span:empty{display:none}.receipt-preview-store{font-size:16px}.receipt-preview-paper>i,.receipt-preview-paper footer>i,.receipt-preview-paper [data-preview-payment]>i{display:block;margin:8px 0;border-top:1px dashed #000}.receipt-preview-title{display:block;text-align:center;font-size:14px}.receipt-preview-paper p{display:flex;justify-content:space-between;gap:10px;margin:3px 0}.receipt-preview-paper [hidden]{display:none!important}.receipt-preview-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;margin:5px 0}.receipt-preview-total{font-size:14px;font-weight:900}.receipt-preview-paid{display:block;margin:8px 0;padding:5px;border:2px solid #000;text-align:center}.receipt-preview-paper footer{gap:4px;margin-top:8px}.receipt-preview-paper footer span{white-space:pre-line;font-size:9px}.receipt-preview-paper footer small{font-size:9px}.receipt-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-top:1px solid #e1e7ee}.receipt-preview-footer span{color:#596579;font-size:12px;font-weight:750}.receipt-preview-footer button{min-height:40px;padding:9px 16px;border:0;border-radius:9px;background:#0865c6;color:#fff;font-weight:850}@media(max-width:520px){.receipt-settings-actions{display:grid}.receipt-preview-button{width:100%}.receipt-preview-stage{padding:18px 10px}.receipt-preview-paper{width:260px}.receipt-preview-paper.paper-80{width:340px}.receipt-preview-footer{align-items:stretch;flex-direction:column}.receipt-preview-footer button{width:100%}}

/* Isolasi footer struk dari footer landing page */
.receipt-preview-paper footer{width:auto!important;margin:8px 0 0!important;padding:0!important;background:transparent!important;color:#000!important;box-shadow:none!important}.receipt-preview-paper footer strong,.receipt-preview-paper footer span,.receipt-preview-paper footer small{color:#000!important}

/* Editor landing page admin */
.landing-admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.landing-preview-link{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;padding:10px 15px;border:1px solid #86baf0;border-radius:10px;background:#e7f1ff;color:#075fba;font-size:13px;font-weight:850}.landing-editor{display:grid;gap:20px;margin-top:24px}.landing-editor-card{padding:26px 28px;border:1px solid #d3dfe9;border-radius:16px;background:#fff;box-shadow:0 5px 18px #17203308}.landing-editor-card>header{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e4e9ef}.landing-editor-card>header>span{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#e7f1ff;color:#075fba;font-size:24px;font-weight:900}.landing-editor-card h2{margin:1px 0 4px}.landing-editor-card header p{margin:0;color:#677084}.landing-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.landing-form-grid .wide{grid-column:1/-1}.landing-editor label{display:grid;gap:6px;color:#26344a;font-size:12px;font-weight:800}.landing-editor label small{color:#677084;font-weight:500}.landing-editor input:not([type=checkbox]),.landing-editor textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #c7d1dc;border-radius:9px;background:#fff;color:#172033;outline:none}.landing-editor input[type=color]{min-height:47px;padding:5px}.landing-editor input:focus,.landing-editor textarea:focus{border-color:#0865c6;box-shadow:0 0 0 3px #0865c619}.landing-image-editor{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:22px;align-items:center}.landing-image-preview{aspect-ratio:3/2;display:grid;place-items:center;overflow:hidden;border:1px dashed #aebdcd;border-radius:14px;background:linear-gradient(135deg,#dcecff,#f8fafc);color:#075fba;font-weight:850}.landing-image-preview img{width:100%;height:100%;display:block;object-fit:cover}.landing-image-editor>div:last-child{display:grid;gap:14px}.landing-remove-image{display:flex!important;align-items:center;gap:8px;padding:10px;border-radius:9px;background:#fff1f2;color:#b42318!important}.landing-remove-image input{width:17px;height:17px}.landing-toggle{display:flex!important;align-items:center;gap:11px;width:max-content;max-width:100%;margin-top:18px;padding:12px 14px;border-radius:11px;background:#f1f6fc}.landing-toggle input{width:19px;height:19px}.landing-toggle span{display:grid;gap:2px}.landing-editor-actions{position:sticky;z-index:5;bottom:14px;display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-left:auto;padding:9px;border:1px solid #d6e0e9;border-radius:13px;background:#fffffff2;box-shadow:0 12px 30px #17203326;backdrop-filter:blur(8px)}.landing-editor-actions a{min-height:44px;display:inline-flex;align-items:center;padding:10px 15px;border:1px solid #86baf0;border-radius:9px;color:#075fba;font-weight:800}.landing-editor-actions .menu-save{min-height:44px}

/* Landing bio restoran */
.bio-landing{min-height:100vh;background:var(--bio-bg);color:var(--bio-text);overflow:hidden}.bio-nav{width:min(1100px,calc(100% - 40px));min-height:78px;margin:auto;padding:13px 0;display:flex;align-items:center;gap:24px;background:transparent;color:var(--bio-text)}.bio-brand{min-width:0;display:flex;align-items:center;gap:10px}.bio-brand>span{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--bio-accent);color:#fff}.bio-brand strong{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.bio-nav nav{display:flex;gap:24px;margin-left:auto}.bio-nav nav a{font-size:13px;font-weight:700;opacity:.75}.bio-nav nav a:hover{opacity:1;color:var(--bio-accent)}.bio-nav-order,.bio-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bio-accent);color:#fff!important;font-weight:850}.bio-nav-order{min-height:43px;padding:10px 15px;font-size:13px}.bio-hero{width:min(1100px,calc(100% - 40px));min-height:570px;margin:28px auto 55px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:55px;align-items:center}.bio-hero-copy{padding:30px 0}.bio-eyebrow,.bio-section-kicker{color:var(--bio-accent);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.bio-hero h1{max-width:680px;margin:14px 0 18px;font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-.055em}.bio-hero-copy>p{max-width:600px;margin:0;color:color-mix(in srgb,var(--bio-text) 72%,transparent);font-size:19px;line-height:1.65}.bio-open-pill{width:max-content;max-width:100%;display:flex;align-items:center;gap:8px;margin-top:22px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--bio-accent) 11%,var(--bio-card));font-size:12px;font-weight:800}.bio-open-pill i{width:9px;height:9px;border-radius:50%;background:#22a447;box-shadow:0 0 0 4px #22a4471f}.bio-hero-actions{display:flex;gap:11px;margin-top:27px}.bio-primary,.bio-secondary{min-height:51px;padding:13px 20px}.bio-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--bio-text) 22%,transparent);border-radius:12px;background:var(--bio-card);font-weight:800}.bio-hero-visual{position:relative;aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;border-radius:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--bio-accent) 80%,#fff),var(--bio-accent));box-shadow:0 28px 65px color-mix(in srgb,var(--bio-accent) 28%,transparent);transform:rotate(2deg)}.bio-hero-visual:after{content:"";position:absolute;inset:16px;border:1px solid #ffffff55;border-radius:24px;pointer-events:none}.bio-hero-visual img{width:100%;height:100%;object-fit:cover}.bio-hero-visual>div{max-width:80%;display:grid;justify-items:center;gap:11px;color:#fff;text-align:center}.bio-hero-visual>div span{font-size:110px}.bio-hero-visual>div strong{font-size:25px}.bio-hero-visual>div small{line-height:1.5}.bio-announcement{width:min(1100px,calc(100% - 40px));margin:0 auto 70px;padding:18px 21px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid color-mix(in srgb,var(--bio-accent) 25%,transparent);border-radius:17px;background:var(--bio-card);box-shadow:0 8px 25px #1720330b}.bio-announcement>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--bio-accent);color:#fff}.bio-announcement div{display:grid;gap:3px}.bio-announcement p{margin:0;color:color-mix(in srgb,var(--bio-text) 68%,transparent);font-size:13px}.bio-announcement>a{color:var(--bio-accent);font-size:13px;font-weight:850}.bio-about{width:min(1100px,calc(100% - 40px));margin:0 auto 85px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:55px;border-radius:28px;background:var(--bio-card)}.bio-about h2,.bio-menu-section h2,.bio-contact h2{margin:8px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.035em}.bio-about>p{margin:0;color:color-mix(in srgb,var(--bio-text) 72%,transparent);font-size:16px;line-height:1.85}.bio-menu-section{width:min(1100px,calc(100% - 40px));margin:0 auto 90px}.bio-menu-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px;background:transparent;color:var(--bio-text);padding:0}.bio-menu-section>header>a{color:var(--bio-accent);font-size:13px;font-weight:850}.bio-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bio-menu-card{overflow:hidden;border-radius:20px;background:var(--bio-card);box-shadow:0 10px 30px #1720330d;transition:transform .2s,box-shadow .2s}.bio-menu-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #17203318}.bio-menu-card>a{display:block}.bio-menu-image{position:relative;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--bio-accent) 13%,var(--bio-card))}.bio-menu-image>span{font-size:70px}.bio-menu-image img{width:100%;height:100%;object-fit:cover}.bio-menu-image b{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:var(--bio-accent);color:#fff;font-size:9px;text-transform:uppercase}.bio-menu-info{padding:17px}.bio-menu-info h3{margin:0 0 7px;font-size:17px}.bio-menu-info>p{height:38px;margin:0;color:color-mix(in srgb,var(--bio-text) 65%,transparent);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bio-menu-info>div{display:flex;align-items:center;gap:8px;margin-top:15px}.bio-menu-info s{color:#98a2b3;font-size:11px}.bio-menu-info strong{color:var(--bio-accent);font-size:17px}.bio-menu-info>div span{width:35px;height:35px;margin-left:auto;display:grid;place-items:center;border-radius:50%;background:var(--bio-accent);color:#fff;font-size:21px}.bio-contact{width:min(1100px,calc(100% - 40px));margin:0 auto 60px;padding:50px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-radius:28px;background:var(--bio-accent);color:#fff}.bio-contact>div:first-child>p{max-width:380px;line-height:1.65;opacity:.8}.bio-contact .bio-section-kicker{color:#fff;opacity:.75}.bio-contact-list{display:grid;gap:10px}.bio-contact-list p{margin:0;padding:14px;display:grid;grid-template-columns:40px auto minmax(0,1fr) auto;align-items:center;gap:11px;border-radius:13px;background:#ffffff13}.bio-contact-list p>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;color:var(--bio-accent);font-style:normal}.bio-contact-list em{min-width:0;opacity:.8;font-style:normal;overflow-wrap:anywhere}.bio-contact-list a{color:#fff;text-decoration:underline;font-size:12px;font-weight:800}.bio-footer{width:min(1100px,calc(100% - 40px));margin:auto;padding:28px 0 40px;display:flex;align-items:center;gap:20px;background:transparent;color:var(--bio-text)}.bio-footer>div{display:grid;gap:3px}.bio-footer>div span{font-size:12px;opacity:.65}.bio-footer small{margin-left:auto;opacity:.6}.bio-footer>a{color:var(--bio-accent);font-size:12px;font-weight:800}.bio-mobile-order{display:none}
@media(max-width:900px){.landing-admin-head{align-items:flex-start;flex-direction:column}.landing-image-editor{grid-template-columns:1fr}.bio-nav nav{display:none}.bio-hero{min-height:0;grid-template-columns:1fr;gap:35px;margin-top:12px}.bio-hero-copy{padding:25px 0 0}.bio-hero-visual{width:min(600px,100%);aspect-ratio:4/3;justify-self:center;transform:none}.bio-about,.bio-contact{grid-template-columns:1fr;gap:30px}.bio-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.landing-editor-card{padding:19px 15px}.landing-form-grid{grid-template-columns:1fr}.landing-form-grid .wide{grid-column:auto}.landing-editor-actions{position:static;width:100%;display:grid;margin:0}.landing-editor-actions .menu-save,.landing-editor-actions a{width:100%;justify-content:center}.bio-nav{width:calc(100% - 28px);min-height:68px}.bio-brand strong{max-width:165px;font-size:16px}.bio-nav-order{display:none}.bio-hero{width:calc(100% - 28px);margin-bottom:32px}.bio-hero h1{font-size:45px}.bio-hero-copy>p{font-size:16px}.bio-hero-actions{display:grid;grid-template-columns:1fr 1fr}.bio-primary,.bio-secondary{padding:12px 13px}.bio-hero-visual{aspect-ratio:1/1;border-radius:23px}.bio-hero-visual>div span{font-size:75px}.bio-announcement{width:calc(100% - 28px);grid-template-columns:auto minmax(0,1fr);margin-bottom:45px;padding:14px}.bio-announcement>a{grid-column:2}.bio-about{width:calc(100% - 28px);margin-bottom:55px;padding:27px 20px;border-radius:20px}.bio-about>p{font-size:14px}.bio-menu-section{width:calc(100% - 28px);margin-bottom:55px}.bio-menu-section>header{align-items:flex-start;flex-direction:column}.bio-menu-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.bio-menu-card{flex:0 0 82%;scroll-snap-align:start}.bio-contact{width:calc(100% - 28px);margin-bottom:25px;padding:28px 19px;border-radius:20px}.bio-contact-list p{grid-template-columns:38px minmax(0,1fr);gap:8px}.bio-contact-list p b{align-self:end}.bio-contact-list em,.bio-contact-list a{grid-column:2}.bio-footer{width:calc(100% - 28px);padding-bottom:95px;align-items:flex-start;flex-direction:column}.bio-footer small{margin-left:0}.bio-mobile-order{position:fixed;z-index:20;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-radius:14px;background:var(--bio-accent);color:#fff;font-weight:900;box-shadow:0 12px 35px color-mix(in srgb,var(--bio-accent) 45%,transparent)}}

/* Background gradient, image overlay, dan galeri landing */
.landing-editor select{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #c7d1dc;border-radius:9px;background:#fff;color:#172033;outline:none}.landing-background-fields{margin-top:18px}.landing-opacity-field{position:relative}.landing-opacity-field output{position:absolute;right:0;top:0;color:#075fba;font-weight:900}.landing-opacity-field input[type=range]{min-height:36px;padding:0;border:0;box-shadow:none}.landing-background-upload{margin-top:20px;padding-top:20px;border-top:1px solid #e4e9ef}.landing-gallery-upload{padding:15px;border:1px dashed #99b9d9;border-radius:12px;background:#f6faff}.landing-admin-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.landing-admin-gallery>label{position:relative;display:block;overflow:hidden;border:1px solid #dce4ec;border-radius:12px;background:#fff}.landing-admin-gallery img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.landing-admin-gallery span{display:flex;align-items:center;gap:7px;padding:9px;color:#b42318;font-size:11px;font-weight:800}.landing-admin-gallery input{width:16px;height:16px}.landing-gallery-empty{margin-top:16px;padding:25px;border:1px dashed #b8c6d5;border-radius:12px;background:#f8fafc;color:#677084;text-align:center;font-size:13px}.bio-landing{position:relative;isolation:isolate;background:var(--bio-gradient,var(--bio-bg))}.bio-landing.has-page-background{background-image:var(--bio-bg-image),var(--bio-gradient);background-size:cover;background-position:center;background-attachment:fixed}.bio-landing.has-page-background:before{content:"";position:absolute;z-index:0;inset:0;background:var(--bio-overlay);pointer-events:none}.bio-landing.has-page-background>.bio-nav,.bio-landing.has-page-background>.bio-hero,.bio-landing.has-page-background>.bio-announcement,.bio-landing.has-page-background>.bio-about,.bio-landing.has-page-background>.bio-menu-section,.bio-landing.has-page-background>.bio-gallery-section,.bio-landing.has-page-background>.bio-contact,.bio-landing.has-page-background>.bio-footer,.bio-landing.has-page-background>.bio-mobile-order{position:relative;z-index:1}.bio-gallery-section{width:min(1100px,calc(100% - 40px));margin:0 auto 90px}.bio-gallery-section>header{max-width:620px;margin-bottom:25px}.bio-gallery-section h2{margin:8px 0 8px;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.035em}.bio-gallery-section header p{margin:0;color:color-mix(in srgb,var(--bio-text) 68%,transparent);line-height:1.6}.bio-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bio-gallery-grid button{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:0;border-radius:18px;background:var(--bio-card);cursor:zoom-in;box-shadow:0 8px 24px #17203314}.bio-gallery-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s}.bio-gallery-grid button:hover img{transform:scale(1.055)}.bio-gallery-grid button>span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:#101828bd;color:#fff;font-size:10px;font-weight:850;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.bio-gallery-grid button:hover>span{opacity:1;transform:none}.bio-gallery-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#080c14ed}.bio-gallery-dialog::backdrop{background:#080c14ed}.bio-gallery-dialog>div{position:relative;width:100%;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:28px}.bio-gallery-dialog img{max-width:100%;max-height:calc(100dvh - 95px);display:block;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #0009}.bio-gallery-dialog button{position:fixed;z-index:3;right:22px;top:22px;width:55px;height:55px;display:grid;place-items:center;padding:0;border:3px solid #fff;border-radius:50%;background:#dc2626;color:#fff;font-size:34px;font-weight:950;cursor:pointer;box-shadow:0 8px 24px #0008}.bio-gallery-dialog p{margin:10px 0 0;color:#fff;font-size:12px;text-align:center}
@media(max-width:900px){.landing-admin-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.bio-landing.has-page-background{background-attachment:scroll}}
@media(max-width:600px){.landing-admin-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bio-gallery-section{width:calc(100% - 28px);margin-bottom:55px}.bio-gallery-section h2{font-size:31px}.bio-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bio-gallery-grid button{border-radius:13px}.bio-gallery-grid button>span{display:none}.bio-gallery-dialog>div{padding:14px}.bio-gallery-dialog img{max-height:calc(100dvh - 75px)}.bio-gallery-dialog button{right:13px;top:13px;width:52px;height:52px;font-size:31px}}
@media(max-width:600px){.bio-landing.has-page-background>.bio-mobile-order{position:fixed;z-index:20}}

/* Pilihan eksklusif tipe background landing */
.landing-background-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-background-types label{position:relative;min-height:118px;display:grid;align-content:center;justify-items:center;gap:6px;padding:16px;border:2px solid #dce4ec;border-radius:13px;background:#f8fafc;color:#344054;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.landing-background-types label:hover{border-color:#91bee9}.landing-background-types label.active{border-color:#0865c6;background:#e7f1ff;box-shadow:0 0 0 3px #0865c614}.landing-background-types input{position:absolute;opacity:0;pointer-events:none}.landing-background-types label>span{font-size:25px;color:#075fba}.landing-background-types label>strong{font-size:14px}.landing-background-types label>small{font-size:10px;line-height:1.4}.landing-background-note{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#fff7df;color:#76510d;font-size:12px}.landing-background-panel{display:none;margin-top:18px;padding:18px;border:1px solid #dde5ed;border-radius:13px;background:#f9fbfd}.landing-background-panel.is-active{display:block}.landing-background-panel>h3{margin:0 0 15px;font-size:16px}.landing-background-panel .landing-background-fields{margin-top:0}@media(max-width:600px){.landing-background-types{grid-template-columns:1fr}.landing-background-types label{min-height:82px;grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}.landing-background-types label>span{grid-row:1/3}.landing-background-panel{padding:14px 11px}}

/* Mode image: warna hanya fallback, bukan lapisan background-image */
.bio-landing.has-page-background{background-image:var(--bio-bg-image);background-color:var(--bio-bg)}

/* Social media dan custom link card landing */
.landing-link-design{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;padding:16px;border-radius:12px;background:#f1f6fc}.landing-repeater{display:grid;gap:12px}.landing-repeater-list{display:grid;gap:12px}.landing-repeater-row{position:relative;padding:16px 72px 16px 16px;border:1px solid #dce4ec;border-radius:12px;background:#fff}.landing-social-fields,.landing-card-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-social-fields .wide,.landing-card-fields .wide{grid-column:1/-1}.landing-row-check{display:flex!important;align-items:center;gap:8px}.landing-row-check input{width:17px;height:17px}.landing-row-remove{position:absolute;right:14px;top:14px;min-height:36px;padding:7px 10px;border:1px solid #f1b4b4;border-radius:8px;background:#fff1f2;color:#b42318;font-size:11px;font-weight:850}.landing-add-row{width:max-content;min-height:42px;padding:9px 14px;border:1px solid #86baf0;border-radius:9px;background:#e7f1ff;color:#075fba;font-weight:850}.bio-links-section{width:min(1100px,calc(100% - 40px));margin:0 auto 80px}.bio-links-section>header{margin-bottom:23px}.bio-links-section h2{margin:8px 0 0;font-size:clamp(29px,4vw,44px);letter-spacing:-.035em}.bio-links-grid{display:grid;grid-template-columns:repeat(var(--bio-link-columns),minmax(0,1fr));gap:14px}.bio-links-grid>a{min-height:92px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;border-radius:var(--bio-link-radius);transition:transform .18s,box-shadow .18s}.bio-links-grid>a:hover{transform:translateY(-3px);box-shadow:0 13px 30px #1720331c}.bio-links-grid>a>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;font-size:24px}.bio-links-grid>a>strong{font-size:15px}.bio-links-grid>a>i{font-style:normal;font-size:20px}.bio-links-section.style-solid a{background:var(--link-color);color:#fff}.bio-links-section.style-solid a>span{background:#ffffff20}.bio-links-section.style-soft a{background:color-mix(in srgb,var(--link-color) 13%,var(--bio-card));color:var(--bio-text);border:1px solid color-mix(in srgb,var(--link-color) 25%,transparent)}.bio-links-section.style-soft a>span{background:var(--link-color);color:#fff}.bio-links-section.style-soft a>i{color:var(--link-color)}.bio-links-section.style-outline a{background:var(--bio-card);color:var(--bio-text);border:2px solid var(--link-color)}.bio-links-section.style-outline a>span{background:color-mix(in srgb,var(--link-color) 14%,transparent);color:var(--link-color)}.bio-links-section.style-outline a>i{color:var(--link-color)}.bio-social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.bio-social-links a{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff38;border-radius:999px;background:#ffffff12;color:#fff}.bio-social-links a>span{font-size:18px}.bio-social-links a>b{font-size:11px}.bio-social-links a:hover{background:#ffffff24}
@media(max-width:760px){.landing-link-design{grid-template-columns:1fr}.landing-social-fields,.landing-card-fields{grid-template-columns:1fr 1fr}.bio-links-grid{grid-template-columns:1fr}}
@media(max-width:520px){.landing-repeater-row{padding:14px 14px 60px}.landing-row-remove{top:auto;right:14px;bottom:12px}.landing-social-fields,.landing-card-fields{grid-template-columns:1fr}.landing-social-fields .wide,.landing-card-fields .wide{grid-column:auto}.landing-add-row{width:100%}.bio-links-section{width:calc(100% - 28px);margin-bottom:55px}.bio-links-grid>a{min-height:82px;padding:14px}.bio-social-links a>b{display:none}.bio-social-links a{width:44px;height:44px;justify-content:center;padding:0}}

/* Custom card dan social media yang cerah serta timbul */
.bio-links-section{padding:26px;border:1px solid #ffffffb8;border-radius:26px;background:#fffffff0;box-shadow:0 20px 55px #10182829,0 2px 5px #10182812;backdrop-filter:blur(12px)}.bio-links-section h2{color:#172033}.bio-links-section .bio-section-kicker{color:#0865c6}.bio-links-grid>a,.bio-links-section.style-solid a,.bio-links-section.style-soft a,.bio-links-section.style-outline a{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--link-color) 30%,#dce4ec);background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--link-color) 8%,#fff));color:#172033;box-shadow:0 11px 25px color-mix(in srgb,var(--link-color) 17%,#17203314),inset 0 1px 0 #fff}.bio-links-grid>a:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--link-color)}.bio-links-grid>a:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--link-color) 55%,#fff);box-shadow:0 18px 38px color-mix(in srgb,var(--link-color) 24%,#17203320),inset 0 1px 0 #fff}.bio-links-grid>a>span,.bio-links-section.style-solid a>span,.bio-links-section.style-soft a>span,.bio-links-section.style-outline a>span{background:linear-gradient(145deg,var(--link-color),color-mix(in srgb,var(--link-color) 72%,#fff));color:#fff;box-shadow:0 7px 15px color-mix(in srgb,var(--link-color) 30%,transparent)}.bio-links-grid>a>i,.bio-links-section.style-solid a>i,.bio-links-section.style-soft a>i,.bio-links-section.style-outline a>i{color:var(--link-color);font-weight:900}.bio-social-links{gap:10px}.bio-social-links a{border:1px solid #fff;background:#fff;color:#172033;box-shadow:0 9px 22px #1018282b,inset 0 1px 0 #fff;transition:transform .18s,box-shadow .18s}.bio-social-links a>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e7f1ff;color:#075fba}.bio-social-links a>b{color:#172033}.bio-social-links a:hover{background:#fff;transform:translateY(-3px);box-shadow:0 14px 28px #10182838}.bio-contact .bio-social-links a{color:#172033}
@media(max-width:520px){.bio-links-section{padding:19px 14px;border-radius:20px}.bio-links-grid>a{box-shadow:0 10px 22px #10182826}.bio-social-links a{width:48px;height:48px}.bio-social-links a>span{width:34px;height:34px}}

/* Social media brand tepat di bawah hero */
.bio-landing.has-page-background>.bio-hero-socials{position:relative;z-index:1}.bio-hero-socials{width:min(1100px,calc(100% - 40px));min-height:70px;margin:-35px auto 65px;padding:12px 15px;display:flex;align-items:center;gap:16px;border:1px solid #ffffffc7;border-radius:18px;background:#fffffff2;color:#172033;box-shadow:0 15px 40px #10182826;backdrop-filter:blur(12px)}.bio-hero-socials>span{flex:0 0 auto;padding:0 7px;color:#596579;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.bio-hero-socials>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bio-hero-socials a{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #e0e6ed;border-radius:999px;background:#fff;color:#172033;box-shadow:0 5px 13px #10182812;transition:transform .18s,box-shadow .18s,border-color .18s}.bio-hero-socials a:hover{transform:translateY(-3px);border-color:currentColor;box-shadow:0 10px 20px #10182822}.bio-hero-socials svg{width:25px;height:25px;display:block;fill:currentColor;stroke:none}.bio-hero-socials svg rect,.bio-hero-socials svg circle{fill:none;stroke:currentColor;stroke-width:1.9}.bio-hero-socials svg .brand-dot{fill:currentColor;stroke:none}.bio-hero-socials svg .brand-cutout{fill:#fff;stroke:none}.bio-hero-socials .brand-custom{width:25px;height:25px;display:grid;place-items:center;font-size:20px}.bio-hero-socials a>b{color:#172033;font-size:11px}.bio-hero-socials .brand-instagram{color:#e1306c}.bio-hero-socials .brand-facebook{color:#1877f2}.bio-hero-socials .brand-tiktok{color:#111}.bio-hero-socials .brand-youtube{color:#ff0000}.bio-hero-socials .brand-x{color:#111}.bio-hero-socials .brand-social{color:var(--bio-accent)}
@media(max-width:600px){.bio-hero-socials{width:calc(100% - 28px);margin:-12px auto 45px;align-items:flex-start;flex-direction:column;gap:9px;padding:13px}.bio-hero-socials>div{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.bio-hero-socials a{flex:0 0 auto}}
.bio-hero-socials .brand-youtube svg rect{fill:currentColor;stroke:none}

/* Logo brand restoran dan favicon visual */
.restaurant-logo-setting{display:grid!important;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px;padding:15px;border:1px solid #dce4ec;border-radius:13px;background:#f8fafc}.restaurant-logo-preview{width:112px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #d4dde7;border-radius:20px;background:#fff;font-size:42px}.restaurant-logo-preview img{width:100%;height:100%;padding:8px;display:block;object-fit:contain}.restaurant-logo-setting>div:last-child{display:grid;gap:11px}.restaurant-logo-remove{display:flex!important;align-items:center;gap:8px;width:max-content;padding:9px 11px;border-radius:9px;background:#fff1f2;color:#b42318!important}.restaurant-logo-remove input{width:17px;height:17px}.admin-brand>span img{width:32px;height:32px;display:block;object-fit:contain}.login-logo img{width:48px;height:48px;display:block;object-fit:contain}.bio-brand>span img{width:35px;height:35px;display:block;object-fit:contain}.bio-hero-visual>div .bio-hero-logo{width:150px;height:150px;display:block;padding:10px;border-radius:28px;background:#ffffffed;object-fit:contain;box-shadow:0 15px 35px #10182833}.menu-restaurant-logo{flex:0 0 40px;width:40px;height:40px;padding:4px;border:1px solid #dce4ec;border-radius:11px;background:#fff;object-fit:contain}.menu-header:has(.menu-restaurant-logo){gap:12px}
@media(max-width:600px){.restaurant-logo-setting{grid-template-columns:86px minmax(0,1fr);gap:12px}.restaurant-logo-preview{width:82px;border-radius:15px}.bio-hero-visual>div .bio-hero-logo{width:110px;height:110px}.menu-restaurant-logo{flex-basis:36px;width:36px;height:36px}}

/* Laporan penjualan dan insight owner */
.sales-report-page{display:grid;gap:22px;color:#172033}.sales-report-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.sales-report-header h1{margin:5px 0 5px;font-size:34px;letter-spacing:-.035em}.sales-report-header p{margin:0;color:#667085}.admin-kicker{color:#0865c6;font-size:11px;font-weight:950;letter-spacing:.13em}.sales-export-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:10px;background:#0865c6;color:#fff;font-size:13px;font-weight:900;box-shadow:0 7px 17px #0865c62b}.sales-export-button:hover{background:#0755a8}.sales-filter-card{display:grid;gap:16px;padding:18px 20px;border:1px solid #d8e1ea;border-radius:15px;background:#fff;box-shadow:0 6px 20px #17203308}.sales-filter-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.sales-filter-top>div{display:grid;gap:3px}.sales-filter-top>div span{color:#667085;font-size:12px}.sales-filter-top nav{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.sales-filter-top nav a{flex:0 0 auto;padding:9px 12px;border:1px solid #d7e0e9;border-radius:999px;background:#f8fafc;color:#475467;font-size:11px;font-weight:850}.sales-filter-top nav a.active{border-color:#0865c6;background:#e7f1ff;color:#075fba}.sales-custom-filter{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;align-items:end;gap:12px;padding-top:15px;border-top:1px solid #e8edf2}.sales-custom-filter label{display:grid;gap:6px;color:#344054;font-size:11px;font-weight:850}.sales-custom-filter input{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd5df;border-radius:9px;background:#fff;color:#172033}.sales-custom-filter button{min-height:42px;padding:9px 15px;border:0;border-radius:9px;background:#172033;color:#fff;font-weight:850;cursor:pointer}.sales-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.sales-kpi-card{min-width:0;display:flex;align-items:flex-start;gap:13px;padding:19px;border:1px solid #d8e1ea;border-radius:15px;background:#fff;box-shadow:0 6px 20px #17203308}.sales-kpi-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e7f1ff;color:#075fba;font-size:13px;font-weight:950}.sales-kpi-card>div{min-width:0;display:grid;gap:5px}.sales-kpi-card small{color:#667085}.sales-kpi-card strong{font-size:23px;line-height:1.15;overflow-wrap:anywhere}.sales-kpi-card em{color:#667085;font-size:10px;font-style:normal;line-height:1.4}.sales-kpi-card em.positive{color:#15803d}.sales-kpi-card em.negative{color:#b42318}.sales-kpi-primary{border-color:#afd1f3;background:linear-gradient(145deg,#fff,#f2f8ff)}.sales-panel{min-width:0;padding:22px;border:1px solid #d8e1ea;border-radius:16px;background:#fff;box-shadow:0 7px 22px #17203308}.sales-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.sales-panel>header span{color:#0865c6;font-size:9px;font-weight:950;letter-spacing:.13em}.sales-panel>header h2{margin:4px 0 0;font-size:19px}.sales-chart-panel>header>strong{color:#0865c6;font-size:22px}.sales-chart-scroll{width:100%;overflow-x:auto}.sales-line-chart{width:100%;min-width:680px;height:auto;overflow:visible}.sales-chart-grid{stroke:#e4eaf0;stroke-width:1}.sales-chart-y,.sales-chart-x{fill:#7a8495;font-family:system-ui,sans-serif;font-size:10px}.sales-chart-line{fill:none;stroke:#0865c6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.sales-chart-point{fill:#fff;stroke:#0865c6;stroke-width:4}.sales-chart-empty{margin:-15px 0 0;color:#667085;font-size:12px;text-align:center}.sales-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sales-breakdown-list,.sales-menu-ranking,.sales-peak-list,.sales-service-list{display:grid;gap:14px}.sales-breakdown-list>div{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:6px 10px}.sales-breakdown-list p{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;margin:0}.sales-breakdown-list p span{color:#667085;font-size:11px}.sales-breakdown-list i{height:8px;overflow:hidden;border-radius:99px;background:#e8eef5}.sales-breakdown-list i b{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,#0865c6,#54a0ef)}.sales-breakdown-list small{color:#475467;font-weight:850;text-align:right}.sales-menu-ranking>div{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px}.sales-menu-ranking>div>b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#e7f1ff;color:#075fba;font-size:11px}.sales-menu-ranking p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;margin:0}.sales-menu-ranking p>span{color:#667085;font-size:10px}.sales-menu-ranking i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:99px;background:#edf1f5}.sales-menu-ranking i em{height:100%;display:block;border-radius:99px;background:#1473e6}.sales-menu-ranking mark{background:transparent;color:#475467;font-size:10px;font-weight:850}.sales-peak-list>div{display:grid;grid-template-columns:minmax(115px,1fr) auto auto;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#f7f9fc}.sales-peak-list span{color:#075fba;font-weight:900}.sales-peak-list strong{font-size:12px}.sales-peak-list small{color:#667085}.sales-service-list>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #e4eaf0;border-radius:11px}.sales-service-list>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e7f1ff;color:#075fba;font-size:21px}.sales-service-list p{display:grid;gap:3px;margin:0}.sales-service-list small{color:#667085}.sales-empty{margin:8px 0;color:#667085;text-align:center}.sales-transactions-panel>header>small{color:#667085}.sales-table-wrap{overflow-x:auto}.sales-table-wrap table{width:100%;min-width:780px;border-collapse:collapse}.sales-table-wrap th,.sales-table-wrap td{padding:12px 10px;border-bottom:1px solid #e8edf2;text-align:left;font-size:12px}.sales-table-wrap th{color:#667085;font-size:9px;letter-spacing:.08em}.sales-table-wrap td:first-child{display:grid;gap:3px}.sales-table-wrap td:first-child small{color:#667085;font-size:9px}.sales-table-badge{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e7f1ff;color:#075fba;font-size:9px;font-weight:850}.sales-owner-note{display:flex;align-items:flex-start;gap:13px;padding:17px 19px;border:1px solid #f4d486;border-radius:13px;background:#fff8e7;color:#64480c}.sales-owner-note>span{font-size:23px}.sales-owner-note p{margin:4px 0 0;font-size:12px;line-height:1.55}
@media(max-width:1150px){.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.sales-report-header{align-items:flex-start}.sales-filter-top{align-items:flex-start;flex-direction:column}.sales-filter-top nav{width:100%}.sales-custom-filter{grid-template-columns:1fr 1fr}.sales-custom-filter button{grid-column:1/-1}.sales-analysis-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sales-report-page{gap:15px}.sales-report-header{display:grid}.sales-report-header h1{font-size:29px}.sales-export-button{width:100%;box-sizing:border-box}.sales-filter-card,.sales-panel{padding:16px 13px}.sales-custom-filter{grid-template-columns:1fr}.sales-custom-filter button{grid-column:auto}.sales-kpi-grid{grid-template-columns:1fr;gap:10px}.sales-kpi-card{padding:15px}.sales-kpi-card strong{font-size:21px}.sales-line-chart{min-width:620px}.sales-peak-list>div{grid-template-columns:1fr auto}.sales-peak-list small{grid-column:1/-1}.sales-service-list>div{grid-template-columns:38px minmax(0,1fr)}.sales-service-list>div>span{width:38px;height:38px}.sales-service-list>div>b{grid-column:2}.sales-owner-note{padding:14px}}

/* Mobile admin shell and POS cart drawer */
.pos-cart-close,.pos-cart-backdrop{display:none}
@keyframes posCartRowEnter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes posCartButtonPulse{50%{transform:scale(1.025);box-shadow:0 14px 34px #0b386b70}}
.pos-cart-row.is-entering{animation:posCartRowEnter .28s ease-out both}
.pos-mobile-cart.has-update{animation:posCartButtonPulse .3s ease-out}
@media(max-width:700px){
 html,body.admin-page{overflow-x:hidden}
 .admin-mobile-bar{box-sizing:border-box;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0}
 .admin-main{padding:26px 18px calc(96px + env(safe-area-inset-bottom))!important}
 .admin-section-head{gap:18px;margin:4px 0 26px}
 .admin-section-head h1{margin:8px 0 6px;line-height:1.16}
 .admin-section-head p{line-height:1.55}
 .admin-list-card,.settings-panel,.menu-editor,.category-management,.sales-filter-card,.sales-panel{max-width:100%;box-sizing:border-box}
 .pos-cart-backdrop{position:fixed;z-index:58;inset:0;display:block;border:0;background:#10182899;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
 .admin-page .pos-cart{position:fixed!important;z-index:60;top:0;right:0;bottom:0;left:auto;width:min(94vw,430px)!important;max-width:430px!important;height:100dvh;margin:0;border:0;border-left:1px solid #d7e0ea;border-radius:20px 0 0 20px;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;transform:translateX(105%);box-shadow:-18px 0 48px #10182838;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s}
 .pos-cart-open{overflow:hidden!important}
 .pos-cart-open .pos-cart{visibility:visible;transform:translateX(0)}
 .pos-cart-open .pos-cart-backdrop{opacity:1;visibility:visible;pointer-events:auto}
 .pos-cart>header{flex:0 0 auto;align-items:center;gap:11px;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;background:#fff}
 .pos-cart>header>div{flex:1;min-width:0}
 .pos-cart-close{flex:0 0 42px!important;width:42px;height:42px;display:grid!important;place-items:center;border:0!important;border-radius:11px!important;background:#e7f1ff!important;color:#075fba!important;font-size:31px!important;font-weight:800!important;line-height:1}
 .pos-cart>header #posClear{flex:0 0 auto}
 .pos-cart-items{flex:1 1 auto;max-height:none!important;min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:7px 16px}
 .pos-customer-form,.pos-summary,.pos-checkout{flex:0 0 auto}
 .pos-customer-form{max-height:39dvh;overflow-y:auto;overscroll-behavior:contain}
 .pos-checkout{margin-bottom:max(16px,env(safe-area-inset-bottom))}
 .pos-mobile-cart{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 17px;text-align:center}
}
@media(max-width:380px){.admin-main{padding-right:15px!important;padding-left:15px!important}.admin-mobile-bar{padding-right:15px;padding-left:15px}.admin-page .pos-cart{width:100vw!important;max-width:100vw!important;border-radius:0}.pos-customer-form{max-height:37dvh}}
@media(prefers-reduced-motion:reduce){.admin-page .pos-cart,.pos-cart-backdrop,.pos-cart-row.is-entering,.pos-mobile-cart.has-update{animation:none!important;transition:none!important}}

/* POS: tombol tambah dan feedback saat menu masuk ke keranjang */
@keyframes posProductAdded{0%{transform:scale(1)}42%{transform:scale(.975);border-color:#0865c6;background:#eaf4ff;box-shadow:0 0 0 4px #0865c61f}100%{transform:scale(1)}}
@keyframes posPlusAdded{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.28) rotate(90deg);background:#0756a8}100%{transform:scale(1) rotate(0)}}
.pos-product>i{right:9px;bottom:9px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0865c6;color:#fff;font-size:20px;line-height:1;box-shadow:0 4px 11px #0865c645;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.pos-product:hover>i{background:#0756a8;transform:scale(1.08);box-shadow:0 6px 14px #0865c65c}
.pos-product.selected{animation:posProductAdded .36s ease-out}
.pos-product.selected>i{animation:posPlusAdded .36s ease-out}
.pos-mobile-cart::before{content:"🛒";display:inline-grid;place-items:center;margin-right:7px;font-size:18px;line-height:1;filter:drop-shadow(0 2px 2px #053d7b55)}
@media(max-width:700px){.pos-product{padding-right:44px}.pos-product>i{right:10px;bottom:50%;transform:translateY(50%)}.pos-product:hover>i{transform:translateY(50%) scale(1.08)}.pos-product.selected>i{animation:posPlusAddedMobile .36s ease-out}.pos-mobile-cart::before{font-size:20px}}
@keyframes posPlusAddedMobile{0%{transform:translateY(50%) scale(1) rotate(0)}45%{transform:translateY(50%) scale(1.28) rotate(90deg);background:#0756a8}100%{transform:translateY(50%) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.pos-product.selected,.pos-product.selected>i{animation:none!important}}

/* POS: jarak harga, warna kontrol transaksi, dan animasi menuju keranjang */
@keyframes posCartReceive{0%{transform:scale(1)}45%{transform:scale(1.025);box-shadow:0 0 0 5px #16a34a24,0 12px 30px #17203324}100%{transform:scale(1)}}
.pos-product-info{padding-right:38px}
.pos-product-price{display:flex;align-items:center;gap:7px;min-width:0;padding-right:4px}
.pos-product-price b{white-space:nowrap}
.pos-quantity button:first-child{border-color:#f3a6a6;background:#fee2e2;color:#b42318}
.pos-quantity button:first-child:hover{border-color:#dc2626;background:#dc2626;color:#fff}
.pos-quantity button:last-child{border-color:#86d5a1;background:#dcfce7;color:#15803d}
.pos-quantity button:last-child:hover{border-color:#16a34a;background:#16a34a;color:#fff}
.pos-remove{top:9px;right:0;width:24px;height:24px;display:grid;place-items:center;padding:0;border-radius:50%;background:#dc2626;color:#fff;font-size:16px;font-weight:900;line-height:1;box-shadow:0 3px 8px #dc262638}
.pos-remove:hover{background:#b91c1c;transform:scale(1.08)}
.pos-add-flight{position:fixed;z-index:100;width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#e7f1ff;font-size:23px;pointer-events:none;box-shadow:0 10px 25px #1018284d}
.pos-add-flight img{width:100%;height:100%;object-fit:cover}
.pos-cart.receives-item,.pos-mobile-cart.receives-item{animation:posCartReceive .4s ease-out}
@media(max-width:700px){.pos-product-info{padding-right:0}.pos-product-price{padding-right:36px}.pos-cart-row{padding-right:34px}.pos-remove{right:1px}}
@media(prefers-reduced-motion:reduce){.pos-cart.receives-item,.pos-mobile-cart.receives-item{animation:none!important}.pos-add-flight{display:none!important}}

/* POS mobile: satu area scroll vertikal agar isi keranjang tidak terpotong */
.pos-cart-scroll{min-width:0}
@media(max-width:700px){
 .admin-page .pos-cart{height:100dvh;max-height:100dvh}
 .pos-cart-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
 .pos-cart-scroll .pos-cart-items{display:block;max-height:none!important;min-height:190px;overflow:visible;padding:8px 17px 14px}
 .pos-cart-scroll .pos-customer-form{max-height:none;overflow:visible;padding:18px 17px}
 .pos-cart-scroll .pos-summary{padding:17px 18px 19px;background:#fff}
 .pos-cart-row{min-height:86px;padding-top:16px;padding-bottom:16px}
 .pos-cart-row:last-child{border-bottom:0}
 .pos-cart .pos-checkout{position:relative;z-index:2;width:calc(100% - 32px);min-height:52px;margin:12px 16px max(12px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px #17203314}
}
@media(max-width:380px){.pos-cart-scroll .pos-cart-items{min-height:170px}.pos-cart .pos-checkout{width:calc(100% - 24px);margin-right:12px;margin-left:12px}}

/* POS: tombol kosongkan lebih jelas dan mudah disentuh */
.pos-cart>header #posClear{min-height:34px;padding:7px 11px;border:1px solid #ef9a9a;border-radius:9px;background:#fff1f2;color:#b42318;font-size:11px;font-weight:850;transition:background .18s,border-color .18s,transform .15s}
.pos-cart>header #posClear:hover{border-color:#dc2626;background:#fee2e2;color:#991b1b}
.pos-cart>header #posClear:active{transform:scale(.96)}
.pos-cart>header #posClear:focus-visible{outline:3px solid #fca5a5;outline-offset:2px}
@media(max-width:380px){.pos-cart>header #posClear{padding-right:8px;padding-left:8px;font-size:10px}}

/* Preview dan download QRIS */
.qris-image-wrap{position:relative;display:block;cursor:zoom-in;font:inherit;color:inherit;overflow:hidden}
.qris-image-wrap>span{position:absolute;right:9px;bottom:9px;left:9px;padding:7px 9px;border-radius:8px;background:#101828c9;color:#fff;font-size:10px;font-weight:800;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s}
.qris-image-wrap:hover>span,.qris-image-wrap:focus-visible>span{opacity:1;transform:translateY(0)}
.qris-image-wrap:focus-visible{outline:3px solid #82baff;outline-offset:3px}
.qris-preview-open{overflow:hidden}
.qris-preview-dialog{width:min(560px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:20px;background:transparent;overflow:visible}
.qris-preview-dialog::backdrop{background:#101828b8;backdrop-filter:blur(4px)}
.qris-preview-card{max-height:calc(100dvh - 24px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 28px 80px #10182870}
.qris-preview-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #e1e7ee;text-align:left}
.qris-preview-card>header span{color:#0865c6;font-size:10px;font-weight:900;letter-spacing:.12em}
.qris-preview-card>header h2{margin:3px 0 0;font-size:21px}
.qris-preview-card>header button{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#dc2626;color:#fff;font-size:27px;font-weight:900;line-height:1;cursor:pointer}
.qris-preview-stage{min-height:0;overflow:auto;padding:18px;background:#eef3f8}
.qris-preview-stage img{width:100%;height:auto;max-height:calc(100dvh - 205px);display:block;margin:auto;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 8px 24px #1720331f}
.qris-preview-card>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-top:1px solid #e1e7ee;background:#fff}
.qris-preview-card>footer strong{color:#0865c6;font-size:16px}
.qris-preview-card>footer a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:10px;background:#0865c6;color:#fff;font-weight:850}
.receipt-preview-product{display:grid;gap:2px;margin:5px 0}.receipt-preview-product .receipt-preview-item{margin:0}.receipt-preview-product>small{display:flex;justify-content:space-between;padding-left:18px;color:#555;font-size:8px}.receipt-preview-product>small b{color:#111}
@media(max-width:520px){.qris-image-wrap>span{opacity:1;transform:none}.qris-preview-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.qris-preview-card{max-height:calc(100dvh - 16px);border-radius:17px}.qris-preview-stage{padding:12px}.qris-preview-stage img{max-height:calc(100dvh - 235px)}.qris-preview-card>footer{align-items:stretch;flex-direction:column}.qris-preview-card>footer a{width:100%}}

/* Live update pesanan admin dan pelanggan */
@keyframes orderBadgeLivePulse{0%{transform:scale(1)}35%{transform:scale(1.38);box-shadow:0 0 0 8px #dc262624}100%{transform:scale(1)}}
@keyframes customerStatusLivePulse{0%{transform:scale(1)}45%{transform:scale(1.08);box-shadow:0 0 0 8px #0865c61c}100%{transform:scale(1)}}
@keyframes customerStepComplete{0%{transform:scale(.7)}55%{transform:scale(1.35)}100%{transform:scale(1)}}
.order-nav-badge.live-pulse{animation:orderBadgeLivePulse .65s ease-out}
.admin-live-toast{position:fixed;z-index:120;top:18px;right:18px;width:min(340px,calc(100% - 32px));display:grid;grid-template-columns:46px minmax(0,1fr);gap:2px 12px;padding:15px 17px;border:1px solid #9ac7f2;border-radius:15px;background:#fff;color:#172033;text-align:left;box-shadow:0 18px 48px #10182838;opacity:0;visibility:hidden;transform:translateY(-18px);transition:opacity .24s,visibility .24s,transform .24s;cursor:pointer}
.admin-live-toast.show{opacity:1;visibility:visible;transform:translateY(0)}
.admin-live-toast>span{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e7f1ff;font-size:23px}
.admin-live-toast>strong{align-self:end;color:#075fba;font-size:15px}.admin-live-toast>small{color:#667085;font-size:11px}
.status-step:after,.status-step i{transition:background .35s,border-color .35s,transform .35s}
.status-step.done:after{background:var(--blue)}
.status-step.just-completed i{animation:customerStepComplete .55s ease-out}
#orderStatusLabel.status-live-pulse{animation:customerStatusLivePulse .7s ease-out}
.order-cancelled-live #orderStatusLabel{background:#fee2e2;color:#b42318}
@media(max-width:700px){.admin-live-toast{top:calc(10px + env(safe-area-inset-top));right:12px;left:12px;width:auto}}
@media(prefers-reduced-motion:reduce){.order-nav-badge.live-pulse,.status-step.just-completed i,#orderStatusLabel.status-live-pulse{animation:none!important}.admin-live-toast{transition:none}}