:root{--maroon:#7a1426;--deep:#4a0e17;--soft:#f6e7ea;--soft2:#eed5da;--cream:#fbf7f2;--cream2:#f3ece3;--line:#ece2d8;--ink:#2b2120;--muted:#8a7b74;--champ:#e8c9a0;--champ-text:#9a6b2f;--on-deep:#f3dcc8;--ok:#1f7a4d;--ok-bg:#e3f2ea;--warn:#8a5a0c;--warn-bg:#fff1d9;--info:#204a81;--info-bg:#e4efff;--bad:#9b1c1c;--bad-bg:#fce6e6;--hero:linear-gradient(135deg, var(--deep), var(--maroon));--shadow-hero:0 12px 28px #4a0e1740;--shadow-soft:0 8px 24px #4a0e1714;--rail:96px}.settings-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:start;gap:16px;padding-bottom:84px;display:grid}.settings-column{gap:16px;min-width:0;display:grid}.setting-card.panel{box-shadow:none;border-radius:22px;flex-direction:column;gap:16px;margin:0;padding:20px;display:flex}.setting-card>header h2{font-size:16px;font-weight:700;line-height:1.4}.setting-card>header p{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5}.setting-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:62px;padding:10px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row>span:first-child{gap:5px;display:grid}.setting-row strong{font-size:14px;font-weight:600}.setting-row small{color:var(--muted);font-size:12px;line-height:1.5}.setting-row .toggle{flex-shrink:0}.setting-card:has(>.setting-row){gap:0}.setting-card:has(>.setting-row)>header{margin-bottom:10px}.setting-row .toggle{appearance:none;background:var(--line);width:46px;height:28px;box-shadow:none;border:0;border-radius:999px;padding:0;transition:background .18s;display:block;position:relative}.setting-row .toggle:before{content:"";background:#fff;border-radius:50%;grid-area:auto;width:22px;height:22px;transition:transform .18s;position:absolute;inset:3px auto auto 3px;transform:translate(0,0);box-shadow:0 1px 3px #0002}.setting-row .toggle:after{display:none}.setting-row .toggle:checked{background:var(--maroon)}.setting-row .toggle:checked:before{transform:translate(18px)}.setting-link>span:last-child{color:var(--muted);align-items:center;gap:10px;display:flex}.setting-link:hover strong{color:var(--maroon)}.discount-setting>button{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.setting-icon{background:var(--soft);width:36px;height:36px;color:var(--maroon);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.setting-add{min-height:38px;color:var(--maroon);text-align:left;align-items:center;gap:8px;font-weight:600;display:flex}.setting-choices{gap:8px;display:flex}.setting-choices>.btn{border-radius:13px;flex:1;min-width:0;min-height:44px;padding:8px;font-size:13px}.setting-choices>.is-active,.setting-choices>.is-active:hover{border:1.5px solid var(--maroon);background:var(--soft);color:var(--maroon)}.settings-live-preview{background:var(--cream2);border-radius:22px;justify-items:center;gap:14px;min-width:0;max-height:calc(100dvh - 180px);padding:24px;display:grid;position:sticky;top:12px;overflow-y:auto}.settings-live-preview>span{color:var(--muted);font-size:12px;font-weight:600}.settings-live-preview .qris-card{width:100%;max-width:360px}.settings-live-preview .receipt{width:100%;max-width:340px}.settings-settings{grid-template-columns:minmax(0,650px)}.settings-actions{z-index:35;bottom:0;left:var(--rail);padding:14px 28px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;justify-content:flex-end;gap:10px;display:flex;position:fixed;right:0}.settings-actions>.btn{min-width:150px}.settings-header-actions{display:none}@media (min-width:1000px){.settings-header-actions{gap:10px;display:flex}.settings-actions{display:none}}.phone-section-link,.phone-section-back,.qris-phone-preview{display:none}.section-segment{flex-shrink:0;width:190px}.color-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.qris-upload{color:var(--maroon);gap:10px;font-weight:600;display:grid}.qris-upload .file-input{width:100%;min-width:0}.time-trigger{justify-content:flex-start;width:100%;min-height:50px;font-weight:400}.time-trigger svg{color:var(--muted)}.time-picker{gap:16px;display:grid}.time-picker>p{color:var(--muted);font-size:12px;line-height:1.5}.time-digits{justify-content:center;align-items:center;gap:14px;display:flex}.time-digits>label{gap:6px;max-width:112px;display:grid}.time-digits label>span{color:var(--muted);font-size:12px}.time-digits .input{text-align:center;width:100%;height:72px;color:var(--maroon);background:var(--soft);font-size:32px;font-weight:600}.time-digits>b{padding-top:20px;font-size:28px}.time-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.time-grid .btn{border-radius:12px;min-height:42px;padding:0}.time-picker .modal-action{margin-top:0}.workspace-settings-records{gap:16px;display:grid}.store-settings-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.store-setting-card.panel{border-radius:22px;gap:16px;padding:20px;display:grid}.store-setting-card.is-current{border:1.5px solid var(--maroon)}.store-setting-heading{align-items:center;gap:12px;display:flex}.store-setting-heading>div{flex:1;min-width:0}.store-setting-heading h3{font-size:15px;font-weight:700}.store-setting-heading p,.store-address,.store-setting-card footer>span{color:var(--muted);font-size:12px;line-height:1.5}.store-setting-heading .setting-icon{width:44px;height:44px}.pill.is-current{background:var(--soft);color:var(--maroon)}.pill.is-inactive{background:var(--bad-bg);color:var(--bad)}.store-setting-card footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.store-setting-card footer>div{gap:8px;display:flex}.add-store-card{border:1.5px dashed var(--soft2);min-height:185px;color:var(--maroon);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.device-settings-list.panel{border-radius:22px;padding:6px 20px}.device-setting-open{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.device-setting-open>span:nth-child(2){gap:5px;min-width:0;display:grid}.device-setting-open strong{overflow-wrap:anywhere}.device-setting-open>svg{display:none}.device-setting-actions{gap:8px;display:flex}.reason-options{flex-wrap:wrap;gap:8px;display:flex}.reason-options .btn{border-radius:14px;min-height:44px;padding-inline:14px;font-size:13px}.reason-options .is-active{background:var(--soft);color:var(--maroon);border-color:var(--maroon)}.cash-count-summary{background:var(--cream);border-radius:20px;gap:12px;padding:18px;display:grid}.cash-count-summary>div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.cash-count-summary span{color:var(--muted);font-size:12px}.cash-count-summary strong{font-size:14px}.cash-count-summary .cash-expected{border-top:1px solid var(--line);padding-top:12px}.cash-expected strong{font-size:20px}.cash-expected span{color:var(--ink);font-weight:600}.banner.cash-matched{background:var(--ok-bg);color:var(--ok)}.refund-item-choices{gap:8px;display:grid}.refund-item-choices>span{color:var(--muted);font-size:12px}.refund-item-choices .btn{justify-content:flex-start;font-size:12px}.form-actions{margin-top:6px}.is-appending .cart-heading h2{font-size:18px}.is-appending .cart-heading>div{min-width:0}.is-appending .cart-heading>div>span{overflow-wrap:anywhere}.is-appending .cart-actions>.btn{padding-inline:12px;font-size:13px}[data-display-density=compact] .record-card{padding-block:12px}[data-display-density=comfortable] .record-card{padding-block:24px}@media (max-width:999px){.settings-workspace{grid-template-columns:minmax(0,1fr)}.settings-live-preview{display:none}.qris-phone-preview{justify-items:center;display:grid}.qris-phone-preview .qris-card{width:100%;max-width:350px}}@media (max-width:599px){.app-shell:has(.settings-workspace) .mobile-nav.dock{display:none}.settings-workspace{gap:14px;padding-bottom:78px}.setting-card.panel{border-radius:22px;gap:12px;padding:20px}.settings-column{gap:14px}.settings-actions{padding:12px 20px max(12px, env(safe-area-inset-bottom));left:0}.settings-actions>.btn{flex:1;min-width:0;min-height:54px;padding-inline:12px}.cafe-section-settings{display:none}.phone-section-link,.phone-section-back{display:flex}.show-section-settings .cafe-main-settings{display:none}.show-section-settings .cafe-section-settings{display:grid}.section-segment{width:160px}.section-segment button{font-size:11px}.settings-workspace .form-grid,.store-settings-grid{grid-template-columns:minmax(0,1fr)}.store-setting-heading{flex-wrap:wrap}.device-setting-actions{display:none}.device-setting-open>svg{flex-shrink:0;display:block}.device-setting-row{flex-wrap:wrap;gap:10px}.device-setting-row>.pill{margin-left:48px}}html,body{background:var(--cream);color:var(--ink)}body{font-size:13px}.btn{border-radius:16px;gap:8px;min-height:48px;padding-inline:20px;font-size:14px;font-weight:600}.btn-sm{border-radius:11px;min-height:36px;padding-inline:12px;font-size:12px}.btn-lg{min-height:56px;font-size:15px}.btn-primary{background:var(--maroon);border-color:var(--maroon);color:#fff;box-shadow:0 6px 16px #7a142633}.btn-primary:hover{background:#6a1121;border-color:#6a1121}.btn-primary:disabled{box-shadow:none}.btn-outline,.btn:where(:not(.btn-primary,.btn-ghost,.btn-outline,.btn-circle)){border:1px solid var(--line);color:var(--ink);background:#fff}.btn-outline:hover{background:var(--cream);color:var(--ink);border-color:#dccfc3}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid}.icon-button:disabled{opacity:.45}.chip{border:1px solid var(--line);min-height:36px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex}.chip.is-active{background:var(--maroon);border-color:var(--maroon);color:#fff;font-weight:600}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.segmented{background:var(--cream2);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented>button{min-width:0;min-height:36px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:11px;flex:1;padding-inline:2px;font-size:12px;overflow:hidden}.segmented>button.is-active{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 2px 6px #4a0e1712}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.option-grid>button{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:44px;padding:0 12px;font-size:13px}.option-grid>button.is-active{background:var(--soft);border:1.5px solid var(--maroon);color:var(--maroon);font-weight:600}.avatar{background:var(--maroon);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid}.pill{background:var(--warn-bg);color:var(--warn);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.is-ok{background:var(--ok-bg);color:var(--ok)}.banner{background:var(--info-bg);color:var(--info);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.banner svg{flex-shrink:0;margin-top:1px}.banner.is-warn{background:var(--warn-bg);color:var(--warn)}.input,.textarea{border-color:var(--line);border-radius:14px;font-size:14px}.input{height:50px;min-height:50px}.input:focus,.input:focus-within,.textarea:focus{border-color:var(--maroon);outline:1.5px solid var(--maroon);outline-offset:-1px}.form-field{gap:8px}.form-field>span{color:var(--muted);font-size:12px;font-weight:600}.select-trigger{border-color:var(--line);border-radius:14px;min-height:50px;font-size:14px}.search-input{border-radius:16px;gap:10px;height:48px;min-height:48px;padding-inline:16px}.search-input svg{color:var(--muted)}.status-badge{border-radius:8px;min-height:26px;padding:5px 10px;font-size:11px;font-weight:600}.badge-success{background:var(--ok-bg);color:var(--ok)}.badge-warning{background:var(--warn-bg);color:var(--warn)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-error{background:var(--bad-bg);color:var(--bad)}.text-error{color:var(--bad)}.text-success{color:var(--ok)}.checkbox-primary:checked{background-color:var(--maroon);border-color:var(--maroon)}.empty-state{color:var(--muted);gap:10px;padding:36px 16px}.empty-state>svg{box-sizing:content-box;background:var(--soft);color:var(--maroon);border-radius:28px;padding:22px}.empty-state strong{color:var(--ink);font-size:18px}.side-rail{width:var(--rail);padding:max(20px, env(safe-area-inset-top)) 12px max(20px, env(safe-area-inset-bottom));background:var(--deep);border-right:none;align-items:center}.rail-brand{background:var(--cream);border-radius:20px;width:64px;height:64px;min-height:64px;margin-bottom:18px}.rail-brand img{width:50px}.side-rail nav{width:100%}.rail-menu{gap:6px}.rail-menu li>a{min-height:0;color:var(--on-deep);background:0 0;border-radius:18px;flex-direction:column;gap:6px;padding:12px 0 10px}.rail-menu li>a:hover{color:#fff;background:#ffffff14}.rail-menu li>a.menu-active,.rail-menu li>a.menu-active:hover{background:var(--cream);color:var(--maroon)}.rail-icon{display:grid;position:relative}.rail-icon>svg{width:24px;height:24px}.rail-label{font-size:11px;line-height:1.2}.menu-active .rail-label{font-weight:600}.rail-count{background:var(--champ);min-width:20px;height:20px;color:var(--deep);border-radius:10px;place-items:center;padding:0 5px;font-size:10px;font-weight:700;display:grid;top:-6px;right:-12px}.rail-power{width:48px;height:48px;min-height:48px;color:var(--on-deep);background:#ffffff14;border:none;border-radius:16px;padding:0}.rail-power:hover{color:#fff;background:#ffffff24}.app-header,.app-header.navbar{background:var(--cream);min-height:84px;padding:max(14px, env(safe-area-inset-top)) 28px 10px;border-bottom:none}.app-header .header-title h1{letter-spacing:-.6px;color:var(--ink);font-size:24px;font-weight:700;line-height:1.2}.header-title .header-subtitle{color:var(--muted);margin-top:3px;font-size:13px}.header-title .header-subtitle span{margin:0}.header-logo{display:none}.header-actions{gap:10px}.header-actions>.form-field{width:240px}.header-actions .select-trigger{border-radius:16px;min-height:48px;font-size:13px;font-weight:600}.header-actions .install-button,.header-actions .notification-button{border:1px solid var(--line);background:#fff;border-radius:14px;width:48px;height:48px;min-height:48px}.notification-count{background:var(--maroon);color:#fff;border:2px solid #fff}.user-chip{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;height:48px;margin:0;padding:0 16px 0 5px}.user-chip>span{background:var(--maroon);color:#fff;width:38px;height:38px;font-size:14px;font-weight:700}.user-chip strong{font-size:13px}.user-chip small{margin-top:1px;font-size:11px}.main-content{background:var(--cream)}.offline-banner{background:var(--bad-bg);color:var(--bad);border-radius:14px;margin:0 28px 8px;padding:12px 14px;font-size:13px;font-weight:600}.demo-banner{background:var(--warn-bg);color:var(--warn);text-align:center;border-radius:12px;margin:0 28px 8px;padding:8px 14px;font-size:12px;font-weight:600}.app-toast .alert{background:var(--ink);color:#fff;border:none;border-radius:16px;font-size:13px;font-weight:600;box-shadow:0 10px 24px #00000040}.app-toast .alert-success svg{color:#7dd3a8}.app-toast .alert-error{background:var(--bad)}.boot-screen{background:var(--cream);gap:18px}.boot-screen img{width:150px}.boot-screen small{color:var(--muted);font-size:13px}.boot-dots{gap:6px;display:flex}.boot-dots i{background:var(--maroon);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite boot-dot}.boot-dots i:nth-child(2){animation-delay:.15s}.boot-dots i:nth-child(3){animation-delay:.3s}@keyframes boot-dot{0%,to{opacity:.25}50%{opacity:1}}.catalog-pane{background:var(--cream)}.catalog-search{padding:8px 28px 0}.category-filter-row{gap:8px;padding:16px 28px}.category-filter-row>.category-tabs{gap:8px}.category-tabs .category-filter{border:1px solid var(--line);min-width:0;min-height:40px;color:var(--ink);background:#fff;border-radius:999px;padding:0 16px;font-size:13px;font-weight:400}.category-tabs .category-filter.is-active{background:var(--maroon);border-color:var(--maroon);color:#fff;font-weight:600}.category-filter-row .category-scroll-button{border:1px solid var(--line);width:36px;height:36px;min-height:36px;color:var(--ink);background:#fff}.catalog-scroll{padding:0 28px 28px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:8px;display:flex;position:relative;overflow:visible}.product-card:hover{border-color:#dccfc3;transform:none}.product-card.is-selected{border:1.5px solid var(--maroon);box-shadow:0 6px 18px #4a0e171a}.product-card.is-unavailable{opacity:.55}.product-hit{text-align:left;background:0 0;flex-direction:column;gap:10px;width:100%;display:flex}.product-image{aspect-ratio:1.55;background:var(--cream2);border-radius:14px}.product-count{background:var(--maroon);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.product-copy{padding:0 4px}.product-copy>strong{white-space:nowrap;text-overflow:ellipsis;min-height:0;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.product-copy>small{color:var(--muted);margin:2px 0 0;font-size:12px}.product-card.is-selected .product-copy>small{color:var(--maroon);font-weight:600}.product-foot{justify-content:space-between;align-items:center;padding-left:4px;display:flex}.product-foot>b{color:var(--maroon);font-size:15px;font-weight:700}.product-add,.product-foot .product-add{background:var(--soft);width:30px;height:30px;color:var(--maroon);box-shadow:none;border:none;border-radius:10px;position:static}.quantity-control{background:var(--soft);border:none;border-radius:11px;align-items:center;gap:7px;padding:2px;display:flex}.quantity-control>button{width:26px;height:26px;color:var(--maroon);background:#fff;border-radius:9px;place-items:center;display:grid}.quantity-control>button:last-child{background:var(--maroon);color:#fff}.quantity-control>span{text-align:center;min-width:14px;color:var(--maroon);font-size:13px;font-weight:700}.product-card>.quantity-control{justify-content:space-between}.cart-pane{border-left:1px solid var(--line);background:#fff;width:clamp(340px,33vw,394px)}.cart-content{background:#fff}.cart-heading{justify-content:space-between;padding:22px 24px 14px}.cart-heading h2{letter-spacing:-.4px;font-size:20px;font-weight:700}.cart-heading div>span{margin-top:3px;font-size:12px}.cart-content>.segmented{margin:0 24px}.member-row,.member-picker{background:var(--soft);text-align:left;color:var(--ink);border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.cart-content>.member-row{width:auto;margin:14px 24px 0}.member-row>span:nth-child(2),.member-picker>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.member-row strong,.member-picker strong{font-size:14px;font-weight:600}.member-row small,.member-picker small{color:var(--maroon);font-size:12px}.member-row>svg,.member-picker>svg{color:var(--maroon)}.member-picker{border:1px solid var(--line);background:#fff}.member-picker small{color:var(--muted)}.cart-items{padding:14px 24px 0}.cart-items-heading{justify-content:space-between;align-items:baseline;display:flex}.cart-items-heading strong{font-size:14px;font-weight:700}.cart-items-heading span{color:var(--muted);font-size:12px}.cart-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0}.cart-item-photo{background:var(--cream2);border:none;border-radius:14px;width:56px;height:56px}.cart-item-name{font-size:14px;font-weight:600}.cart-item-copy p{align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.cart-item-copy small{margin-top:3px;font-size:12px}.cart-item-end{gap:8px}.cart-item-end>strong{font-size:14px;font-weight:700}.cart-link{color:var(--maroon);align-items:center;gap:8px;padding:14px 0;font-size:13px;font-weight:600;display:flex}.cart-footer{background:var(--cream);border-top:none;padding:18px 24px 24px}.cart-summary{gap:10px}.summary-line span{color:var(--muted);font-size:13px}.summary-line strong{color:var(--ink);font-size:13px;font-weight:400}.summary-line.points strong{color:var(--champ-text);font-weight:600}.cart-total{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.cart-total>span{font-size:15px}.cart-total>strong{color:var(--ink);font-size:26px;font-weight:700}.cart-actions{gap:10px;margin-top:16px}.cart-actions>.btn{min-height:56px}.cart-actions>.btn-primary{justify-content:center;font-size:15px}.mobile-cart-button{background:var(--hero);height:68px;box-shadow:var(--shadow-hero);color:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 12px}.cart-bar-open{text-align:left;color:#fff;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cart-bar-icon{background:#ffffff1f;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.cart-bar-icon>i{background:var(--champ);min-width:22px;height:22px;color:var(--deep);border-radius:11px;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid;position:absolute;top:-5px;right:-6px}.cart-bar-copy{gap:1px;min-width:0;display:grid}.cart-bar-copy small{color:var(--on-deep);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cart-bar-copy b{letter-spacing:-.3px;font-size:19px;font-weight:700}.cart-bar-pay{background:var(--cream);height:46px;color:var(--maroon);border-radius:15px;align-items:center;gap:6px;padding:0 14px 0 18px;font-size:14px;font-weight:700;display:flex}.modal::backdrop,.modal-backdrop{background:#2b21207a}.modal-box{border:none;border-radius:28px;width:min(560px,100% - 32px);max-width:560px;padding:28px;box-shadow:0 24px 60px #00000040}.modal-wide{width:min(820px,100% - 32px);max-width:820px}.dialog-heading{margin:0 0 18px}.dialog-heading h2{letter-spacing:-.4px;font-size:20px;font-weight:700}.dialog-heading .btn{border:1px solid var(--line);background:#fff;border-radius:14px;width:40px;height:40px;min-height:40px}.dialog-heading .btn:focus-visible{outline:2px solid var(--soft2);outline-offset:1px}.modal-action{gap:10px;margin-top:20px;display:flex}.modal-action>.btn{flex:1;min-height:54px}.details-form,.data-form{flex-direction:column;gap:16px;display:flex}.member-remove{align-self:flex-start;margin-top:-8px}.menu-detail-photo{object-fit:cover;border-radius:20px;width:100%;height:210px;margin-bottom:16px}.item-edit-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.item-edit-title>span{gap:4px;display:grid}.item-edit-title strong{letter-spacing:-.4px;font-size:22px;font-weight:700}.item-edit-title small{color:var(--muted);font-size:12px}.item-edit-title b{color:var(--maroon);font-size:20px}.quick-notes{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.customer-results{gap:8px;margin-top:14px;display:grid}.customer-results>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.customer-results>button.is-active{background:var(--soft);border:1.5px solid var(--maroon)}.customer-results>button>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.customer-results strong{font-size:14px;font-weight:600}.customer-results small{color:var(--muted);font-size:12px}.customer-results b{color:var(--champ-text);font-size:12px;font-weight:600}.customer-results>button>svg{color:var(--maroon)}.customer-avatar{background:var(--soft);width:40px;height:40px;color:var(--maroon);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.customer-results>.is-active .customer-avatar{background:var(--maroon);color:#fff}.customer-avatar.is-general{background:var(--cream2);color:var(--muted)}.payment-screen{inset:0 0 0 var(--rail);z-index:60;background:var(--cream);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.payment-header{padding:max(20px, env(safe-area-inset-top)) 28px 12px;align-items:center;gap:14px;display:flex}.payment-header h2{letter-spacing:-.6px;font-size:24px;font-weight:700}.payment-header p{color:var(--muted);margin-top:2px;font-size:13px}.payment-body{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:24px;padding:8px 28px 28px;display:grid}.payment-summary{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden}.payment-hero{background:var(--hero);color:#fff;gap:10px;padding:24px;display:grid}.payment-hero>span{color:var(--on-deep);font-size:13px}.payment-hero>strong{letter-spacing:-1.4px;font-size:44px;font-weight:700;line-height:1.1}.payment-hero>div{gap:8px;display:flex}.payment-hero i{color:#fff;background:#ffffff1f;border-radius:9px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.payment-hero i.is-gold{color:var(--champ)}.payment-items{padding:8px 24px 0}.payment-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.payment-item .cart-item-photo{width:48px;height:48px}.payment-item>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.payment-item strong{font-size:14px;font-weight:600}.payment-item small{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.payment-item>b{font-size:14px}.payment-summary .cart-summary{padding:16px 24px 24px}.payment-hero.is-compact{display:none}.payment-main>h3{margin-bottom:10px;font-size:16px;font-weight:700}.method-tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.method-tiles>button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 4px 12px;font-size:12px;display:flex}.method-tiles>button>svg{color:var(--muted)}.method-tiles>button.is-active{background:var(--soft);border:1.5px solid var(--maroon);color:var(--maroon);font-weight:600}.method-tiles>button.is-active>svg{color:var(--maroon)}.other-methods{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.other-methods>span{color:var(--muted);margin-right:2px;font-size:12px}.other-methods .chip{min-height:30px;padding:0 12px;font-size:12px}.payment-panel{border:1px solid var(--line);background:#fff;border-radius:24px;margin-top:16px;padding:24px}.payment-panel.is-static_qris{padding:20px}.cash-panel{grid-template-columns:minmax(0,1fr) 252px;align-items:start;gap:24px;display:grid}.cash-fields{flex-direction:column;gap:14px;display:flex}.cash-input,.input.cash-input{letter-spacing:-.5px;border:1.5px solid var(--maroon);height:60px;min-height:60px;font-size:24px;font-weight:700}.cash-shortcuts{gap:8px;display:flex}.cash-shortcuts .chip{flex:1;min-height:40px}.change-line{background:var(--ok-bg);color:var(--ok);border-radius:18px;grid-template-columns:1fr auto;align-items:center;padding:16px 18px;display:grid}.change-line>span{font-size:12px;font-weight:600}.change-line>strong{letter-spacing:-.4px;grid-row:2;font-size:22px;font-weight:700}.change-line>svg{grid-area:1/2/3}.change-line.is-short{background:var(--warn-bg);color:var(--warn)}.keypad{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.keypad>button{background:var(--cream2);border-radius:16px;height:56px;font-size:20px;font-weight:600}.keypad>.keypad-back{background:var(--soft);color:var(--maroon);place-items:center;display:grid}.qris-panel{grid-template-columns:280px minmax(0,1fr);gap:24px;display:grid}.qris-panel .qris-card{width:280px}.qris-panel-compact{display:none}.qris-side{flex-direction:column;gap:14px;display:flex}.qris-side h3{letter-spacing:-.3px;font-size:18px;font-weight:700}.qris-side>p{color:var(--muted);font-size:13px;line-height:1.5}.qris-steps{gap:12px;display:grid}.qris-steps li{align-items:center;gap:12px;font-size:13px;display:flex}.qris-steps li>span{background:var(--soft);width:28px;height:28px;color:var(--maroon);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.btn.show-qris{background:var(--soft);border:1.5px solid var(--maroon);min-height:52px;color:var(--maroon);border-radius:14px}.qris-confirm{font-size:13px;font-weight:600;line-height:1.5}.qris-side .payment-actions{flex-direction:column-reverse;margin-top:auto;padding-top:6px}.qris-side .payment-actions>.btn{width:100%}.provider-panel,.receivable-panel{flex-direction:column;gap:16px;display:flex}.payment-actions{gap:12px;margin-top:16px;display:flex}.payment-actions>.btn{min-height:56px}.payment-actions>.btn-primary{flex:1;font-size:15px}.qris-fullscreen[open]{z-index:85;padding:max(24px, env(safe-area-inset-top)) 40px max(24px, env(safe-area-inset-bottom));background:var(--cream);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.qris-fullscreen>header{color:var(--muted);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.qris-fullscreen>header img{object-fit:contain;width:70px;height:28px}.qris-fullscreen>header>.btn{margin-left:auto}.qris-fullscreen-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;padding-top:12px;display:flex;overflow:auto}.qris-fullscreen .qris-card{width:min(440px,100%);min-height:610px}.qris-fullscreen .qris-code{width:310px;height:310px}.qris-brightness{color:var(--champ-text);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.qris-fullscreen-actions{gap:10px;width:min(440px,100%);display:flex}.qris-fullscreen-actions>.btn{min-height:54px}.qris-fullscreen-actions>.btn-primary{flex:1;font-size:15px}.checkout-success-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.checkout-success{text-align:left;flex-direction:column;align-items:flex-start;gap:10px;padding:0;display:flex}.checkout-success-icon{background:var(--ok-bg);width:60px;height:60px;color:var(--ok);border-radius:20px;place-items:center;display:grid}.checkout-success-icon.is-pending{background:var(--warn-bg);color:var(--warn)}.checkout-success>strong{letter-spacing:-.4px;font-size:22px;font-weight:700}.checkout-success>p{color:var(--muted);font-size:13px}.checkout-success-total{background:var(--cream);border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;display:flex}.checkout-success-total>span{color:var(--muted);font-size:13px}.checkout-success-total>strong{color:var(--ink);font-size:22px;font-weight:700}.checkout-success .modal-action{width:100%}.receipt-preview{background:var(--cream2);border-radius:18px;max-height:560px;padding:16px 0;overflow-y:auto}.receipt-preview .receipt-print-root{width:min(320px,100% - 24px);margin:0 auto}.login-page{background:var(--cream);place-items:center;min-height:100dvh;padding:96px 24px;display:grid;position:relative}.login-page>.language-switch{top:max(28px, env(safe-area-inset-top));background:var(--cream2);border-radius:12px;gap:2px;padding:3px;display:flex;position:absolute;right:28px}.language-switch>button{height:30px;color:var(--muted);border-radius:9px;padding:0 12px;font-size:12px}.language-switch>button.is-active{color:var(--maroon);background:#fff;font-weight:700}.login-card{border:1px solid var(--line);background:#fff;border-radius:28px;width:min(460px,100%);min-height:0;padding:40px;display:block;box-shadow:0 16px 48px #4a0e170f}.login-form{text-align:left;flex-direction:column;justify-content:flex-start;gap:16px;width:100%;max-width:none;margin:0;padding:0;display:flex}.login-logo{object-fit:contain;width:128px;height:50px;margin:0 auto 4px}.login-form>h1{letter-spacing:-.6px;text-align:center;font-size:26px;font-weight:700}.login-form>p{color:var(--muted);text-align:center;margin:-10px 0 16px;font-size:14px}.login-form .input svg{color:var(--muted)}.login-submit,.login-form .login-submit{min-height:56px;font-size:15px}.demo-login{gap:12px;margin-top:2px;display:grid}.demo-login>p{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.demo-login>p:before,.demo-login>p:after{content:"";border-top:1px solid var(--line);flex:1}.demo-login>div{gap:10px;display:flex}.demo-login .btn{flex:1;min-height:46px;font-size:13px}.login-footer{bottom:max(28px, env(safe-area-inset-bottom));color:var(--muted);justify-content:center;gap:6px;font-size:12px;display:flex;position:absolute;left:0;right:0}.login-footer .studio-credit{color:var(--muted)}.module-page{padding:8px 28px 32px}.module-heading{margin-bottom:16px}.module-heading>div:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.module-heading{justify-content:flex-end}.module-actions .btn-primary{min-height:48px}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px 20px}.panel h3{font-size:15px;font-weight:700}.metric-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px}.metric-card>span,.overview-metric-label>span:first-child{color:var(--muted);font-size:12px}.metric-card>strong{letter-spacing:-.5px;font-size:22px;font-weight:700}.overview-metric-icon{background:var(--soft);width:34px;height:34px;color:var(--maroon);border-radius:11px}.overview-metric-income .overview-metric-icon{background:var(--ok-bg);color:var(--ok)}.overview-metric-profit{background:var(--hero);color:#fff;box-shadow:var(--shadow-hero);border:none}.overview-metric-profit *{color:#fff}.overview-metric-profit .overview-metric-label>span:first-child,.overview-metric-profit small{color:var(--on-deep)}.metrics-grid.transaction-metrics{background:var(--hero);box-shadow:var(--shadow-hero);border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px;display:grid}.transaction-metrics .metric-card{box-shadow:none;background:#ffffff14;border:none;border-radius:16px;padding:12px}.transaction-metrics .metric-card>span{color:var(--on-deep);font-size:12px}.transaction-metrics .metric-card>strong{color:#fff;font-size:16px}.transaction-metrics .metric-income{background:0 0;grid-column:1/-1;padding:0 0 4px}.transaction-metrics .metric-expense,.transaction-metrics .metric-count{color:#fff;background:#ffffff14;grid-column:auto}.transaction-metrics .metric-income>strong{letter-spacing:-1px;font-size:32px}.overview-metric-profit .overview-metric-icon{background:#ffffff1f}.dashboard-greeting{background:var(--hero);box-shadow:var(--shadow-hero);border-radius:24px;padding:22px 24px}.dashboard-greeting p{color:var(--on-deep)}.dashboard-greeting .btn{background:var(--cream);color:var(--maroon);border:none}.cash-shift-card{gap:16px}.records-list{border:1px solid var(--line);background:#fff;border-radius:20px;gap:0;padding:4px 16px;overflow:hidden}:is(.records-list:has(.order-record),.records-list:not(:has(.record-card))){background:0 0;border:none;padding:0;overflow:visible}.records-list>.record-card{border:none;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:12px 0}.records-list>.record-card:last-child{border-bottom:none}.record-icon{background:var(--soft);width:42px;height:42px;color:var(--maroon);border-radius:14px;font-size:15px;font-weight:700}.transaction-record .record-icon{background:var(--ok-bg);color:var(--ok)}.transaction-record .record-icon.is-expense{background:var(--soft);color:var(--maroon)}.record-main strong{font-size:14px;font-weight:600}.record-main small{color:var(--muted);font-size:12px}.record-end>strong{font-size:14px;font-weight:700}.record-icon-action{background:var(--cream2);border-radius:11px;width:36px;height:36px;min-height:36px}.records-list:has(.order-record){grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;display:grid}.records-list>.order-record{border:1px solid var(--line);text-align:left;background:#fff;border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;margin:0;padding:16px;display:flex}.order-record>*{width:100%}.order-head{align-items:center;gap:10px;display:flex}.order-head>div{flex:1;gap:2px;min-width:0;display:grid}.order-head strong{font-size:15px;font-weight:600}.order-head small{color:var(--muted);font-size:12px}.avatar.is-soft{background:var(--soft);color:var(--maroon)}.order-items{color:var(--ink);font-size:13px;line-height:1.5}.order-summary{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-type{background:var(--cream2);border-radius:8px;padding:5px 10px;font-size:11px}.order-summary strong{font-size:16px;font-weight:700}.order-record .record-actions{border-top:1px solid var(--line);justify-content:stretch;gap:8px;margin:0;padding-top:12px;display:flex}.order-record .record-actions>.btn{white-space:nowrap;flex:1;min-height:42px;padding-inline:10px;font-size:13px}.points-badge{background:var(--soft);color:var(--maroon);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:38px;font-size:13px;font-weight:400}.filter-chip.is-active{background:var(--maroon);border-color:var(--maroon);color:#fff;font-weight:600}.more-sections .more-group{border:1px solid var(--line);background:#fff;border-radius:22px;padding:16px 18px 6px}.more-sections .more-group>h3{color:var(--ink);margin:0 0 4px;font-size:15px;font-weight:700}.more-sections .more-grid{gap:0}.more-sections .more-card{border:none;border-bottom:1px solid var(--line);box-shadow:none;text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;padding:12px 0;display:flex}.more-sections .more-card+.more-card{border-top:none}.more-sections .more-grid>.more-card:last-child{border-bottom:none}.more-sections .module-icon{background:var(--soft);width:42px;height:42px;color:var(--maroon);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.more-sections .more-card strong{font-size:14px;font-weight:600}.more-sections .more-card small{color:var(--muted);font-size:12px}.trend-panel .section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.trend-panel .section-heading p{color:var(--muted);margin-top:3px;font-size:12px}.trend-total{color:var(--maroon);white-space:nowrap;font-size:16px;font-weight:700}.bar-chart{align-items:stretch;gap:8px;height:200px;margin-top:16px;display:flex}.bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.bar>span{background:var(--soft2);border-radius:8px;width:min(44px,100%)}.bar.is-last>span{background:var(--maroon)}.bar>small{height:14px;color:var(--muted);white-space:nowrap;font-size:11px}.bar.is-last>small{color:var(--ink);font-weight:600}.settings-save-bar{border-radius:20px}.pagination-controls .btn{border-radius:12px}.calendar-day.btn-primary,.calendar-days .btn-primary{background:var(--maroon);border-color:var(--maroon)}@media (min-width:1000px){.workspace:has(.pos-main){--cart-w:clamp(340px, 33vw, 394px)}.workspace:has(.pos-main)>:is(.app-header,.demo-banner,.offline-banner){width:auto;margin-right:var(--cart-w)}.workspace:has(.pos-main) .header-actions>:not(.notification-button){display:none}.pos-main .pos-layout{padding-right:var(--cart-w)}.pos-main .cart-pane{z-index:5;width:var(--cart-w);padding-top:env(safe-area-inset-top);position:fixed;top:0;bottom:0;right:0}.mobile-cart-button{display:none}.user-chip>div{display:block}.more-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (max-width:999px){.mobile-cart-button{width:auto;min-height:0;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.catalog-scroll{padding-bottom:110px}.payment-body{grid-template-columns:minmax(0,1fr)}.payment-summary{display:none}.payment-hero.is-compact{box-shadow:var(--shadow-hero);border-radius:22px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:18px;display:flex}.payment-hero.is-compact>span{gap:4px;display:grid}.payment-hero.is-compact>span:last-child{justify-items:end}.payment-hero.is-compact small{color:var(--on-deep);font-size:12px}.payment-hero.is-compact span:last-child small{color:var(--champ);font-weight:600}.payment-hero.is-compact strong{letter-spacing:-.8px;color:#fff;font-size:30px;font-weight:700}.payment-hero.is-compact i{background:#ffffff1f;border-radius:9px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-style:normal;font-weight:600;display:inline-flex}.checkout-success-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:599px){.app-shell{padding-bottom:0}.app-header.navbar{min-height:calc(74px + env(safe-area-inset-top));padding:calc(18px + env(safe-area-inset-top)) 20px 8px}.header-title{flex:1;align-items:center;gap:12px;width:auto;min-width:0;display:flex}.header-actions .notification-button,.header-actions .user-chip{display:flex}.header-title>div{min-width:0}.pos-header .header-title h1{text-align:left;font-size:26px}.header-title .header-subtitle{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mobile-back{border:1px solid var(--line);background:#fff;border-radius:14px;width:44px;height:44px;min-height:44px;margin:0;display:inline-grid;position:static}.mobile-back+div h1,.pos-header .mobile-back+.header-logo+div h1{font-size:20px}.header-logo{object-fit:contain;object-position:left;width:82px;height:32px;display:block}.header-title:has(.header-logo){flex-direction:column;align-items:flex-start;gap:4px}.header-title:has(.header-logo) h1{display:none}.header-title:has(.header-logo) .header-date{display:none}.header-title:has(.header-logo) .header-subtitle{margin:0;font-weight:600}.app-header .header-actions{gap:10px;display:flex}.header-actions>.form-field,.header-actions .install-button{display:none}.header-actions .notification-button{width:44px;height:44px;min-height:44px}.user-chip{background:var(--maroon);border:none;border-radius:14px;justify-content:center;width:44px;height:44px;padding:0}.user-chip>span{border-radius:14px;width:44px;height:44px;font-size:17px}.user-chip>div{display:none}.mobile-nav.dock{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);background:#fff;border-radius:24px;gap:4px;width:auto;height:70px;padding:7px;box-shadow:0 10px 30px #4a0e171f}.mobile-nav.dock>a{height:100%;min-height:0;color:var(--muted);border-radius:18px;gap:4px;padding:0}.mobile-nav.dock>.active{background:var(--maroon);color:#fff}.mobile-nav .dock-label{font-size:11px}.mobile-nav.dock>.active .dock-label{font-weight:600}.app-shell:after{content:"";z-index:15;pointer-events:none;background:linear-gradient(#fbf7f200, var(--cream) 45%);height:112px;position:fixed;bottom:0;left:0;right:0}.mobile-nav.dock{z-index:25}.dock-icon{display:grid;position:relative}.dock-count{background:var(--maroon);color:#fff;border:2px solid #fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;display:grid;position:absolute;top:-5px;right:-9px}.active .dock-count{display:none}.main-content{padding-bottom:104px}.pos-main{padding-bottom:0}.offline-banner,.demo-banner{margin:0 20px 8px}.catalog-search{padding:6px 20px 0}.category-filter-row{padding:12px 20px}.category-filter-row .category-scroll-button{display:none}.catalog-scroll{padding:0 20px 200px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{grid-template-columns:none;align-items:stretch;gap:10px;min-height:0;padding:8px;display:flex}.product-image{aspect-ratio:1.6;border-radius:14px;width:100%;height:auto;position:relative}.product-copy{padding:0 4px}.product-copy>strong{overflow-wrap:normal;font-size:14px}.product-add{border:none;width:30px;height:30px}.mobile-cart-button{left:16px;right:16px;bottom:calc(100px + env(safe-area-inset-bottom));z-index:30;position:fixed}.modal-box{padding:10px 20px max(34px, env(safe-area-inset-bottom));border-radius:28px 28px 0 0;max-height:94dvh}.modal-box:before{content:"";background:var(--line);border-radius:3px;width:40px;height:5px;margin:0 auto 16px;display:block}.modal-box{width:100%;max-width:100%}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-item{align-items:center;gap:12px;padding-block:14px;display:flex}.cart-item-end{flex-direction:column;grid-column:auto;justify-content:flex-start;align-items:flex-end;margin-top:0}.cart-item-end>strong{font-size:14px}.quantity-control>button{width:26px;height:26px}.quantity-control>span{min-width:14px;font-size:13px}.mobile-cart-content .cart-heading{padding:0 0 14px}.mobile-cart-content .cart-content>.segmented{margin:0}.mobile-cart-content .cart-content>.member-row{margin:14px 0 0}.mobile-cart-content .cart-items{padding:14px 0 0}.mobile-cart-content .cart-footer{background:#fff;padding:16px 0 0}.menu-detail-photo{height:170px}.payment-screen{z-index:80;inset:0}.payment-header{padding:calc(18px + env(safe-area-inset-top)) 20px 8px}.payment-header h2{font-size:20px}.payment-body{gap:0;padding:4px 20px 150px}.payment-main>h3{font-size:15px}.method-tiles{gap:8px}.method-tiles>button{padding:12px 2px 10px;font-size:12px}.payment-panel{background:0 0;border:none;padding:0}.payment-panel.is-static_qris{padding:0}.cash-panel{grid-template-columns:minmax(0,1fr)}.keypad{display:none}.qris-panel{grid-template-columns:minmax(0,1fr);gap:14px}.qris-panel-card,.qris-side>h3,.qris-side>p,.qris-side>.qris-steps{display:none}.qris-panel-compact{background:var(--cream2);border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.qris-thumb{background:#fff;border-radius:12px;padding:6px}.qris-thumb img{object-fit:contain;width:64px;height:64px}.qris-panel-compact>span:last-child{gap:3px;display:grid}.qris-panel-compact small{color:var(--muted);font-size:12px}.qris-panel-compact small:first-child{font-weight:600}.qris-panel-compact strong{color:var(--maroon);letter-spacing:-.4px;font-size:22px;font-weight:700}.payment-actions{z-index:2;padding:12px 20px max(20px, env(safe-area-inset-bottom));background:var(--cream);flex-direction:column-reverse;gap:10px;margin:0;position:fixed;bottom:0;left:0;right:0}.payment-actions>.btn{width:100%}.payment-actions>.btn-outline{min-height:48px}.receipt-preview{max-height:420px}.login-page{background:var(--cream);align-items:start;padding:88px 24px 72px}.login-page>.language-switch{right:24px;top:max(20px, env(safe-area-inset-top))}.login-card{min-height:0;box-shadow:none;background:0 0;border:none;padding:0}.module-page{padding:4px 20px 24px}.module-heading{justify-content:flex-end;margin:0 0 10px;display:flex}.module-heading:not(:has(.btn)){display:none}.module-actions .btn{width:44px;height:44px;min-height:44px;box-shadow:none;border-radius:14px;padding:0}.module-actions .btn span{display:none}.metrics-grid.transaction-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.more-sections{gap:14px}.more-sections .more-group{padding:14px 12px}.more-sections .more-group>h3{color:var(--muted);margin:0 0 10px;font-size:13px}.more-sections .more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 4px;display:grid}.more-sections .more-card{text-align:center;border:none;flex-direction:column;justify-content:flex-start;gap:6px;padding:0}.more-sections .more-card>span:nth-child(2){display:block}.more-sections .more-card strong{font-size:11px;font-weight:600;line-height:1.25}.more-sections .more-card small,.more-sections .more-card>svg:last-child{display:none}.more-sections .more-card .module-icon{border-radius:16px;width:50px;height:50px}.more-sections .mobile-more-account .more-grid{grid-template-columns:minmax(0,1fr)}.more-sections .mobile-more-account .more-card{text-align:left;flex-direction:row;gap:12px}.more-sections .mobile-more-account .more-card small{display:block}}html[data-native] .install-button,html[data-native] .install-item{display:none}.qris-panel{flex-direction:column;gap:16px;display:flex}.qris-summary{background:var(--cream2);border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.qris-icon{background:var(--maroon);color:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid}.qris-summary>span:last-child{gap:3px;min-width:0;display:grid}.qris-summary small{color:var(--muted);font-size:12px}.qris-summary small:first-child{font-weight:600}.qris-summary strong{color:var(--maroon);letter-spacing:-.4px;font-size:26px;font-weight:700}.qris-howto{gap:12px;display:grid}.qris-howto h3{font-size:14px;font-weight:700}.order-record .record-actions>.record-print{flex:0 0 42px;width:42px;min-width:42px;padding:0}.append-banner{background:var(--soft);color:var(--maroon);border-radius:16px;align-items:center;gap:10px;margin:8px 28px 0;padding:10px 10px 10px 14px;display:flex}.append-banner>span{flex:1;gap:1px;min-width:0;display:grid}.append-banner strong{font-size:13px;font-weight:700}.append-banner small{font-size:11px}.append-banner .btn{min-height:36px;color:var(--ink);background:#fff;border:none}.already-ordered{background:var(--cream2);border-radius:16px;gap:8px;margin:0 24px;padding:14px;display:grid}.already-ordered-head,.already-ordered-row{justify-content:space-between;gap:10px;font-size:13px;display:flex}.already-ordered-head{color:var(--muted);font-size:12px;font-weight:600}.already-ordered-row>span:last-child{color:var(--muted)}.summary-line.added strong{color:var(--maroon);font-weight:600}.update-card{z-index:90;top:max(18px, env(safe-area-inset-top));border:1px solid var(--line);background:#fff;border-radius:22px;align-items:center;gap:14px;width:min(600px,100% - 32px);padding:14px 14px 14px 16px;animation:.35s cubic-bezier(.2,.8,.2,1) drop-in;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 16px 40px #0003}.update-icon{background:var(--maroon);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.update-card>div:nth-child(2){flex:1;min-width:0}.update-card strong{font-size:14px;font-weight:700}.update-card p{color:var(--muted);margin-top:2px;font-size:12px}.update-actions{gap:8px;display:flex}.update-actions .btn{min-height:42px}.update-actions .btn-ghost{color:var(--maroon)}.select-menu{border-radius:16px;padding:6px;box-shadow:0 12px 32px #4a0e171f}.select-menu.menu li>.select-option{border-radius:11px;min-height:44px;font-size:14px}.select-menu.menu li>.select-option[aria-selected=true]{background:var(--soft);color:var(--maroon);font-weight:600}.select-menu .select-check{color:var(--maroon)}.select-trigger[aria-expanded=true],.date-trigger[aria-expanded=true]{border-color:var(--maroon);box-shadow:0 0 0 1px var(--maroon)}.date-trigger{border-radius:14px;min-height:50px;font-size:14px}.calendar-popover{border-radius:20px;padding:16px;box-shadow:0 16px 40px #4a0e1726}.calendar-heading .btn{border-radius:12px}.calendar-day.btn{border-radius:12px;min-height:38px;font-size:14px;font-weight:400}.calendar-day[aria-current=date]{box-shadow:inset 0 0 0 1.5px var(--maroon);color:var(--maroon);font-weight:700}.calendar-day[aria-pressed=true],.calendar-day[aria-pressed=true]:hover{background:var(--maroon);color:#fff;font-weight:700}.date-time-field{grid-template-columns:minmax(0,1fr) 130px;align-items:end;gap:12px;display:grid}@media (min-width:600px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}.product-card{gap:12px;padding:10px}.product-image{aspect-ratio:1.13}.product-foot{padding:2px 2px 2px 4px}}@media (max-width:599px){.append-banner{margin:6px 20px 0}.qris-summary{padding:14px}.qris-icon{width:52px;height:52px}.qris-summary strong{font-size:22px}.qris-howto{display:none}.qris-fullscreen[open]{padding:calc(18px + env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom))}.qris-fullscreen .qris-card{min-height:580px}.qris-fullscreen .qris-code{width:270px;height:270px}.update-card{top:max(12px, env(safe-area-inset-top));flex-wrap:wrap}.update-card>div:nth-child(2){flex-basis:calc(100% - 58px)}.update-actions{width:100%}.update-actions .btn{flex:1}.already-ordered{margin:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-box:has(.open-bill-editor){flex-direction:column;height:min(880px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:22px;display:flex;overflow:hidden}.modal-box:has(.open-bill-editor)>.dialog-heading{flex-shrink:0;margin-bottom:14px}.open-bill-editor{flex:1;gap:14px;min-height:0}.open-bill-editor .bill-banner{background:var(--soft);border-radius:16px;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.bill-banner>div{flex:1;gap:3px;min-width:0;display:grid}.bill-banner small{color:var(--muted);font-size:12px}.open-bill-editor .bill-fields{flex:1;min-height:0;display:flex;overflow:hidden}.open-bill-editor .bill-workspace{grid-template-columns:minmax(0,1fr) minmax(310px,.65fr);gap:20px;width:100%;min-height:0}.open-bill-editor .bill-catalog{flex-direction:column;min-height:0;display:flex}.open-bill-editor .bill-catalog>.category-filter-row{padding:12px 0}.open-bill-editor .bill-menu-scroll{flex:1;min-height:0;max-height:none;padding-right:6px}.open-bill-editor .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.open-bill-editor .product-card{gap:8px;padding:8px}.open-bill-editor .product-copy strong{white-space:normal;font-size:13px;line-height:1.3}.open-bill-editor .product-copy small{font-size:11px}.open-bill-editor .product-foot b{font-size:13px}.open-bill-editor .bill-cart{overscroll-behavior:contain;flex-direction:column;gap:14px;min-height:0;padding-left:18px;display:flex;overflow-y:auto}.open-bill-editor .bill-cart .form-grid{grid-template-columns:minmax(0,1fr);gap:10px}.open-bill-editor .bill-cart .bill-lines{max-height:none;overflow:visible}.open-bill-editor .bill-line{border-bottom:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.bill-item-photo{background:var(--soft);width:48px;height:48px;color:var(--maroon);border-radius:12px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.bill-item-photo img{object-fit:cover;width:100%;height:100%}.bill-item-photo .menu-initials{font-size:16px}.bill-item-copy{flex:1;gap:8px;min-width:0;display:grid}.bill-item-copy .bill-line-top>strong{white-space:nowrap}.bill-line-top>div{min-width:0}.bill-item-copy .input{width:100%;height:38px;min-height:38px;font-size:12px}.bill-item-copy .quantity-control{justify-self:end}.open-bill-editor>.modal-action{background:#fff;flex-wrap:nowrap;flex-shrink:0;gap:10px;margin:0;padding:14px 0 0;position:static}.open-bill-editor>.modal-action .btn{flex:initial}.bill-action-total{gap:3px;margin-right:auto;display:grid}.bill-action-total span{color:var(--muted);font-size:11px}.bill-action-total strong{font-size:20px}.bill-mobile-tabs,:is(.app-shell:has(.settings-workspace) .header-actions>.form-field,.app-shell:has(.settings-workspace) .header-actions>.install-button,.app-shell:has(.settings-workspace) .header-actions>.notification-button){display:none}@media (max-width:999px){.open-bill-editor .bill-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.open-bill-editor .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.open-bill-editor .bill-cart{border-top:0;border-left:1px solid var(--line);padding-top:0}}@media (max-width:599px){.modal-box:has(.open-bill-editor){width:100%;height:100dvh;max-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px max(16px, env(safe-area-inset-bottom));border-radius:0}.modal-box:has(.open-bill-editor)>.dialog-heading h2{font-size:17px}.open-bill-editor .bill-banner{gap:8px;padding:10px}.bill-banner .setting-icon{display:none}.bill-banner small{font-size:11px}.bill-mobile-tabs{flex-shrink:0;display:flex}.open-bill-editor .bill-workspace{display:flex}.open-bill-editor .bill-catalog,.open-bill-editor .bill-cart{width:100%}.open-bill-editor .bill-cart{border:0;padding:0}.bill-view-menu .bill-cart,.bill-view-cart .bill-catalog{display:none}.open-bill-editor>.modal-action{flex-wrap:wrap;gap:8px;padding-top:10px}.open-bill-editor>.modal-action .bill-action-total{flex-basis:100%;justify-content:space-between;align-items:baseline;width:100%;display:flex}.open-bill-editor>.modal-action .btn{flex:1;min-height:48px;padding-inline:12px;font-size:13px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drop-in{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes slide-in-right{0%{opacity:.4;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-240px 0}to{background-position:240px 0}}@keyframes boot-logo{0%{opacity:0;transform:scale(.86)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes boot-breathe{50%{transform:scale(1.04)}}.main-content>*{animation:.32s cubic-bezier(.2,.8,.2,1) rise-in}.modal[open] .modal-box{animation:.28s cubic-bezier(.2,.8,.2,1) modal-in}.modal[open]::backdrop{animation:.2s ease-out fade-in}.app-toast .alert{animation:.3s cubic-bezier(.2,.8,.2,1) drop-in}.product-count,.rail-count,.dock-count,.cart-bar-icon>i,.notification-count{animation:.32s cubic-bezier(.2,.8,.2,1) pop}.product-card{transition:border-color .18s,box-shadow .18s,transform .18s}.product-card:active{transform:scale(.98)}.btn{transition:transform .12s,background-color .15s,border-color .15s,box-shadow .15s}.btn:active:not(:disabled){transform:scale(.97)}.mobile-cart-button{animation:.3s cubic-bezier(.2,.8,.2,1) rise-in}.payment-screen{animation:.3s cubic-bezier(.2,.8,.2,1) slide-in-right}.qris-fullscreen{animation:.2s ease-out fade-in}.qris-fullscreen .qris-card{animation:.35s cubic-bezier(.2,.8,.2,1) zoom-in}.checkout-success-icon{animation:.45s cubic-bezier(.2,.8,.2,1) pop}.method-tiles>button,.chip,.option-grid>button{transition:background-color .15s,border-color .15s,color .15s,transform .12s}.method-tiles>button:active,.chip:active,.option-grid>button:active{transform:scale(.96)}.skeleton{background:linear-gradient(90deg, var(--cream2) 0, #fff 50%, var(--cream2) 100%) var(--cream2);background-size:480px 100%;animation:1.2s linear infinite shimmer}.loading-panel{animation:.3s ease-out fade-in}.boot-screen img.boot-logo-loading{animation:.7s cubic-bezier(.2,.8,.2,1) both boot-logo,2.4s ease-in-out .7s infinite boot-breathe}.boot-screen small{animation:.4s ease-out .35s both fade-in}.login-card{animation:.45s cubic-bezier(.2,.8,.2,1) rise-in}.login-logo{animation:.6s cubic-bezier(.2,.8,.2,1) both boot-logo}@media (max-width:599px){.modal[open] .modal-box{animation:.32s cubic-bezier(.2,.8,.2,1) sheet-up}.payment-screen{animation:.28s cubic-bezier(.2,.8,.2,1) rise-in}}.print-choices{gap:10px;display:grid}.print-choice{border:1px solid var(--line);width:100%;color:var(--maroon);text-align:left;background:#fff;border-radius:18px;align-items:center;gap:14px;padding:14px 16px 14px 14px;transition:border-color .15s,background-color .15s,transform .12s;display:flex}.print-choice:hover{border-color:var(--soft2);background:var(--soft)}.print-choice:active{transform:scale(.98)}.print-choice>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.print-choice strong{color:var(--ink);font-size:15px;font-weight:700}.print-choice small{color:var(--muted);font-size:12px;line-height:1.4}.print-choice-icon{background:var(--soft);border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.print-choice-note{color:#204a81;background:#e4efff;border-radius:14px;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.print-choice-note svg{flex-shrink:0;margin-top:1px}.print-choices>.btn-outline{min-height:52px;margin-top:2px}.more-account{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:20px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.more-account>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.more-account strong{font-size:15px;font-weight:700}.more-account small{color:var(--muted);font-size:12px}.more-account>svg{color:var(--muted)}.order-status-tabs{margin-bottom:16px}.order-status-tabs>button{white-space:nowrap}.order-toolbar:before{content:none}.order-toolbar{border-bottom:0;padding-bottom:0}@media (max-width:599px){.order-toolbar{display:none}}.page-actions{align-items:center;gap:8px;display:flex}.page-action{border-radius:14px;gap:6px;min-height:44px}.module-page>.module-heading{display:none}.balance-hero{background:linear-gradient(135deg, var(--deep), var(--maroon));color:#fff;box-shadow:var(--shadow-hero);border-radius:24px;gap:6px;margin-bottom:18px;padding:20px;display:grid}.balance-hero>span{color:var(--on-deep);font-size:12px}.balance-hero>strong{letter-spacing:-.8px;font-size:32px;font-weight:700}.balance-hero>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.balance-hero>div>span{color:var(--on-deep);background:#ffffff1f;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:10px 12px;font-size:12px;display:grid}.balance-hero>div b{color:#fff;grid-column:1/-1;margin-top:2px;font-size:15px}.list-heading{justify-content:space-between;align-items:baseline;margin:4px 2px 10px;display:flex}.list-heading strong{font-size:15px;font-weight:700}.list-heading span{color:var(--muted);font-size:12px}.transaction-record .record-icon{color:#19643f;background:#e1f2e9}.transaction-record .record-icon.is-expense{color:#991b1b;background:#fce6e6}.top-items h3{margin-bottom:6px}.top-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.top-item:first-of-type{border-top:0}.top-item>b{background:var(--soft);width:28px;height:28px;color:var(--maroon);border-radius:50%;place-items:center;font-size:12px;display:grid}.top-item>span{flex:1;gap:2px;min-width:0;display:grid}.top-item>span small{color:var(--muted);font-size:12px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:599px){.page-action>span{display:none}.page-action{width:44px;padding:0}}.module-page:has(>.dashboard-greeting){flex-direction:column;display:flex}.module-page>.dashboard-greeting{order:-1;margin-bottom:16px;display:flex}.overview-metrics .metric-card>strong{white-space:nowrap;font-size:clamp(18px,5.2vw,26px)}.product-cover-field{border:1.5px dashed var(--soft2);background:#fdf8f7;border-radius:18px;padding:14px}.product-cover-title{color:var(--maroon);font-size:14px;font-weight:700}.product-cover-editor{grid-template-columns:112px minmax(0,1fr)}.product-cover-preview{background:var(--soft);width:112px;height:112px;color:var(--maroon);border:0;border-radius:16px}.record-icon:has(img){border-radius:14px}@media (max-width:599px){.product-cover-editor{grid-template-columns:88px minmax(0,1fr)}.product-cover-preview{width:88px;height:88px}}.module-page .records-list:not(:has(.order-record)){border:1px solid var(--line);background:#fff;border-radius:22px;gap:0;padding:2px 16px}.module-page .records-list:not(:has(.order-record))>.record-card{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;flex-wrap:nowrap;align-items:center;gap:12px;padding:12px 0}.module-page .records-list:not(:has(.order-record))>.record-card:first-child{border-top:0}.module-page .records-list .record-main{flex:1;gap:12px;min-width:0}.module-page .records-list .record-main>div{min-width:0}.module-page .records-list .record-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.module-page .records-list .record-main small{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.module-page .records-list .record-icon{background:var(--soft);width:44px;height:44px;color:var(--maroon);border-radius:14px;font-size:15px;font-weight:700}.module-page .records-list .record-end{border:0;flex-flow:row;align-items:center;gap:8px;width:auto;margin:0;padding:0}.module-page .records-list .record-actions{flex-wrap:nowrap;gap:4px;margin:0}.module-page .records-list .record-icon-action{border-radius:11px;width:36px;min-width:36px;height:36px;min-height:36px;padding:8px}.module-page .records-list .record-meta{justify-items:end;gap:2px;display:grid}.module-page .records-list .record-meta small{color:var(--muted);font-size:11px}@media (max-width:599px){.module-page .records-list:not(:has(.order-record))>.record-card{flex-wrap:wrap}.module-page .records-list .record-end{margin-left:56px}}.pill.is-info{color:#204a81;background:#e4efff}.pill.is-bad{color:#991b1b;background:#fce6e6}.module-tabs{margin-bottom:14px}.module-tabs>button{white-space:nowrap;gap:6px}.tab-count{background:var(--maroon);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-style:normal;font-weight:700;display:inline-grid}.metric-tiles{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.metric-tiles>div{border:1px solid var(--line);background:#fff;border-radius:18px;gap:4px;min-width:0;padding:14px;display:grid}.metric-tiles>div>span{color:var(--muted);font-size:11px;font-weight:600}.metric-tiles>div>strong{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;overflow:hidden}.metric-tiles>div>small{color:var(--muted);font-size:11px}.metric-tiles>div.is-warn{background:#fff7e8;border-color:#f3dfb8}.metric-tiles>div.is-warn>strong{color:#7b510c}.metric-tiles.four>div{text-align:center;padding:12px}.attendance-hero{background:linear-gradient(135deg, var(--deep), var(--maroon));color:#fff;box-shadow:var(--shadow-hero);border-radius:24px;gap:4px;margin-bottom:12px;padding:18px;display:grid}.attendance-hero>div{color:var(--on-deep);justify-content:space-between;align-items:center;font-size:12px;display:flex}.attendance-hero>strong{letter-spacing:-1.4px;font-size:44px;font-weight:700;line-height:1.1}.attendance-hero>small{color:var(--on-deep);font-size:12px}.attendance-hero>.btn{min-height:46px;color:var(--maroon);background:#fff;border:0;margin-top:12px;font-weight:700}.rank-meta{justify-items:end;gap:6px;min-width:110px;display:grid}.rank-bar{background:var(--soft);border-radius:3px;width:100%;height:6px;display:block;overflow:hidden}.rank-bar>i{background:var(--maroon);border-radius:3px;height:100%;display:block}