:root{--g50:#f0fdf4;--g100:#dcfce7;--g200:#bbf7d0;--g500:#22c55e;--g600:#16a34a;--g700:#15803d;--g900:#14532d;--n0:#fff;--n50:#f9fafb;--n100:#f3f4f6;--n200:#e5e7eb;--n300:#d1d5db;--n400:#9ca3af;--n500:#6b7280;--n600:#4b5563;--n700:#374151;--n800:#1f2937;--n900:#111827;--red:#ef4444;--amber:#f59e0b;--sky:#0ea5e9;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 2px 6px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001f, 0 4px 12px #0000000f}.sasNoScrollbar::-webkit-scrollbar{display:none}.sasNoScrollbar{-ms-overflow-style:none;scrollbar-width:none}.sasPage{background:var(--n50);padding:24px 28px 80px}.sasStatsGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.sasStatCard{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;gap:10px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.sasStatCard:hover{border-color:var(--n300);box-shadow:0 4px 12px #0000000d}.sasStatHeader{justify-content:space-between;align-items:center;display:flex}.sasStatIconWrap{background:var(--g50);width:32px;height:32px;color:var(--g600);border-radius:8px;justify-content:center;align-items:center;display:flex}.sasStatLabel{color:var(--n500);font-size:12px;font-weight:500;font-family:var(--font-poppins), sans-serif;margin:0;display:block}.sasStatValue{color:var(--n900);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.2;font-family:var(--font-poppins), sans-serif;display:block}.sasStatPills{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.sasPill{font-size:11px;font-weight:500;font-family:var(--font-poppins), sans-serif;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.sasPill.green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.sasPill.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.sasPill.red{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.sasPill.warn{background:#fffbeeb;color:#b45309;border:1px solid #fde68a}.sasPill.gray{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.sasDashGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.sasCard{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:22px 24px}.sasCardHeader{border-bottom:1px solid var(--n100);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.sasCardHeader h3{color:var(--n800);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.sasMrrChart{grid-column:1/span 2}.sasChartWrap{align-items:flex-end;gap:8px;height:120px;margin-bottom:14px;padding:0 4px;display:flex}.sasBar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.sasBarTip{color:var(--n400);white-space:nowrap;font-size:10px;font-weight:500}.sasBarFill{background:var(--g600);opacity:.85;border-radius:4px 4px 0 0;width:100%;min-height:3px;transition:height .5s}.sasBarFill:hover{opacity:1}.sasBar>span:last-child{color:var(--n400);font-size:11px;font-weight:500}.sasMrrFooter{color:var(--n500);border-top:1px solid var(--n100);gap:24px;padding-top:12px;font-size:13px;display:flex}.sasMrrFooter strong{color:var(--n800)}.sasPlanRow{border-bottom:1px solid var(--n100);align-items:center;gap:12px;padding:9px 0;display:flex}.sasPlanRow:last-child{border-bottom:none}.sasPlanRowMeta{flex-direction:column;gap:1px;min-width:120px;display:flex}.sasPlanRowMeta>span:first-child{color:var(--n700);font-size:13px;font-weight:600}.sasPlanRowMeta>span:last-child{color:var(--n400);font-size:11px}.sasPlanBar{background:var(--n100);border-radius:99px;flex:1;height:6px;overflow:hidden}.sasPlanBar div{background:var(--g600);border-radius:99px;height:100%;transition:width .4s}.sasPlanPct{color:var(--n600);text-align:right;min-width:32px;font-size:12px;font-weight:600}.sasExpiryRow{border-bottom:1px solid var(--n100);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.sasExpiryRow:last-child{border-bottom:none}.sasExpiryRow>div{flex-direction:column;gap:2px;display:flex}.sasExpiryRow>div strong{color:var(--n800);font-size:13px}.sasExpiryRow>div small{color:var(--n400);font-size:12px}.sasQAGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sasQABtn{background:var(--n50);border:1px solid var(--n200);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--n700);align-items:center;gap:10px;padding:12px 14px;transition:all .18s;display:flex}.sasQABtn:hover{background:var(--g600);border-color:var(--g600);color:#fff}.sasQABtn:hover .sasQAIcon{color:#fff;background:#fff3}.sasQABtn:hover .sasQALabel{color:#fff}.sasQABtn:hover .sasQADesc{color:#ffffffb3}.sasQAIcon{border-radius:var(--radius-sm);background:var(--g50);width:32px;height:32px;color:var(--g600);flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.sasQALabel{color:var(--n800);font-size:13px;font-weight:600;transition:color .18s;display:block}.sasQADesc{color:var(--n400);font-size:11px;transition:color .18s;display:block}.sasBadge{letter-spacing:.01em;border:1px solid #0000;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{background:var(--g50);color:var(--g700);border-color:var(--g200)}.badge-expired{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.badge-suspended{color:var(--red);background:#fef2f2;border-color:#fecaca}.badge-warn{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge-trial{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.badge-basic{background:var(--n100);color:var(--n600);border-color:var(--n300)}.badge-pro{background:var(--g50);color:var(--g700);border-color:var(--g200)}.badge-ent{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.badge-ALL_TENANTS{background:var(--n100);color:var(--n600);border-color:var(--n300)}.badge-SPECIFIC_PLAN{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.sasToolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sasSearch{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius);align-items:center;gap:8px;min-width:260px;height:38px;padding:0 12px;transition:border .2s,box-shadow .2s;display:flex}.sasSearch:focus-within{border-color:var(--g600);box-shadow:0 0 0 3px #16a34a1a}.sasSearch svg{color:var(--n400);flex-shrink:0}.sasSearch input{color:var(--n800);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.sasSearch input::placeholder{color:var(--n400)}.sasTabs{background:var(--n100);border-radius:var(--radius);flex-wrap:wrap;gap:3px;padding:3px;display:flex}.sasTabs button{cursor:pointer;color:var(--n500);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.sasTabs button:hover{color:var(--n700)}.sasTabs button.selected{background:var(--n0);color:var(--n800);box-shadow:var(--shadow-xs)}.sasTable{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);position:relative;overflow:visible}.sasTableInner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.sasTableInner::-webkit-scrollbar{display:none}.sasTable table{border-collapse:collapse;white-space:nowrap;width:100%}.sasTable th{background:var(--n50);color:var(--n500);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--n200);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:600}.sasTable th:first-child{border-top-left-radius:calc(var(--radius-lg) - 1px)}.sasTable th:last-child{border-top-right-radius:calc(var(--radius-lg) - 1px)}.sasTable tr:last-child td:first-child{border-bottom-left-radius:calc(var(--radius-lg) - 1px)}.sasTable tr:last-child td:last-child{border-bottom-right-radius:calc(var(--radius-lg) - 1px)}.sasTable td{color:var(--n700);border-bottom:1px solid var(--n100);vertical-align:middle;white-space:nowrap;padding:13px 16px;font-size:13px}.sasTable td strong{color:var(--n800);font-size:13px;font-weight:600;display:block}.sasTable td small{color:var(--n400);margin-top:2px;font-size:12px;display:block}.sasTable tr:last-child td{border-bottom:none}.sasTable tbody tr:hover td{background:var(--n50)}.customSelectMenu{scrollbar-width:none!important;-ms-overflow-style:none!important}.customSelectMenu::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sasRowActions{align-items:center;gap:6px;display:flex}.sasActionBtn{border:1px solid var(--n200);border-radius:var(--radius-sm);background:var(--n0);cursor:pointer;color:var(--n600);white-space:nowrap;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.sasActionBtn:hover{background:var(--n50);border-color:var(--n300);color:var(--n800)}.sasActionBtn.primary{background:var(--g600);color:#fff;border-color:var(--g600)}.sasActionBtn.primary:hover{background:var(--g700);border-color:var(--g700)}.sasDrawerBackdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182766;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sasDrawer,.sasModal{background:var(--n0);border-radius:var(--radius-lg);width:min(520px,95vw);max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--n200);padding:28px;position:relative;overflow-y:auto}.sasDrawer h3,.sasModal h3{color:var(--n900);letter-spacing:-.02em;margin:6px 0 20px;font-size:18px;font-weight:700}.sasDrawerClose{border:1px solid var(--n200);border-radius:var(--radius-sm);background:var(--n50);cursor:pointer;width:30px;height:30px;color:var(--n500);justify-content:center;align-items:center;font-family:inherit;font-size:16px;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.sasDrawerClose:hover{background:var(--n100);color:var(--n700)}.sasDrawerGrid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px;display:grid}.sasDrawerField{background:var(--n50);border-radius:var(--radius-sm);border:1px solid var(--n100);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.sasDrawerField>span{color:var(--n400);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.sasDrawerField>strong{color:var(--n800);font-size:13px;font-weight:600}.sasDrawerActions{border-top:1px solid var(--n100);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.sasFormGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sasFormGrid label{color:var(--n500);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.sasFormGrid label.wide{grid-column:1/-1}.sasFormGrid input,.sasFormGrid select,.sasFormGrid textarea{border:1px solid var(--n200);border-radius:var(--radius-sm);color:var(--n800);background:var(--n0);text-transform:none;letter-spacing:normal;outline:none;padding:9px 11px;font-family:inherit;font-size:13px;font-weight:400;transition:border .15s,box-shadow .15s}.sasFormGrid input:focus,.sasFormGrid select:focus,.sasFormGrid textarea:focus{border-color:var(--g600);box-shadow:0 0 0 3px #16a34a1a}.sasModalActions{border-top:1px solid var(--n100);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.sasBtnPrimary{background:var(--g600);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.sasBtnPrimary:hover{background:var(--g700)}.sasBtnSecondary{background:var(--n0);color:var(--n700);border:1px solid var(--n200);border-radius:var(--radius-sm);cursor:pointer;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.sasBtnSecondary:hover{background:var(--n50);border-color:var(--n300)}.sasPlansGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sasPlanCard{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;gap:16px;padding:20px;display:flex}.sasPlanCard.ENTERPRISE{border-top:3px solid #7c3aed}.sasPlanCard.PRO{border-top:3px solid var(--g600)}.sasPlanCard.BASIC{border-top:3px solid var(--sky)}.sasPlanCard.FREE_TRIAL{border-top:3px solid var(--n300)}.sasPlanCardHeader{justify-content:space-between;align-items:center;display:flex}.sasPlanPriceLine{align-items:baseline;gap:3px;display:flex}.sasPlanPriceLine strong{color:var(--n900);letter-spacing:-.02em;font-size:24px;font-weight:700}.sasPlanPriceLine small{color:var(--n400);font-size:12px}.sasPlanLimits{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sasPlanLimitItem{background:var(--n50);border:1px solid var(--n100);border-radius:var(--radius-sm);padding:8px 10px}.sasPlanLimitItem span{color:var(--n400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;display:block}.sasPlanLimitItem strong{color:var(--n800);font-size:16px;font-weight:700}.sasPlanFeatureList{flex-direction:column;gap:5px;display:flex}.sasFeatureRow{color:var(--n500);align-items:center;gap:7px;font-size:12px;display:flex}.sasFeatureRow.enabled{color:var(--n700)}.sasFeatureRow.enabled svg{color:var(--g600)}.sasFeatureRow.disabled{opacity:.45}.sasFeatureRow.disabled svg{color:var(--n400)}.sasToggleList{flex-direction:column;display:flex}.sasToggleRow{border-bottom:1px solid var(--n100);color:var(--n700);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:flex}.sasToggleRow:last-child{border-bottom:none}.sasToggle{border:1px solid var(--n200);cursor:pointer;background:var(--n50);color:var(--n500);white-space:nowrap;border-radius:99px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.sasToggle.on{background:var(--g600);color:#fff;border-color:var(--g600)}.sasFlagsTable{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.sasFlagsHeader{background:var(--n50);border-bottom:1px solid var(--n200);align-items:center;min-width:900px;display:flex}.sasFlagsRow{border-bottom:1px solid var(--n100);align-items:center;min-width:900px;transition:background .1s;display:flex}.sasFlagsRow:last-child{border-bottom:none}.sasFlagsRow:hover{background:var(--n50)}.sasFlagsTenantCol{flex-direction:column;flex-shrink:0;gap:4px;min-width:200px;padding:12px 16px;display:flex}.sasFlagsHeader .sasFlagsTenantCol{color:var(--n400);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.sasFlagsTenantCol strong{color:var(--n800);font-size:13px;font-weight:600}.sasFlagCol{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:96px;padding:10px 8px;display:flex}.sasFlagsHeader .sasFlagCol{color:var(--n400);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:10px;font-weight:600;line-height:1.3}.sasFlagToggle{border-radius:var(--radius-sm);border:1px solid var(--n200);background:var(--n50);cursor:pointer;width:30px;height:30px;color:var(--n400);justify-content:center;align-items:center;transition:all .15s;display:flex}.sasFlagToggle:hover{border-color:var(--g600)}.sasFlagToggle.on{background:var(--g600);color:#fff;border-color:var(--g600)}.sasDnsInfo{border-radius:var(--radius);background:#eff6ff;border:1px solid #bfdbfe;margin-top:16px;padding:16px 18px}.sasDnsInfo h4{color:#1e40af;margin:0 0 8px;font-size:13px;font-weight:600}.sasDnsInfo p{color:#1e3a8a;margin:4px 0;font-size:13px;line-height:1.5}.sasDnsInfo code{font-family:var(--font-poppins), "Poppins", sans-serif;color:#1e40af;background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:12px}.sasBrandDot{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--n200);width:28px;height:28px;transition:transform .15s}.sasBrandDot:hover{transform:scale(1.1)}.sasBrandPreviewModal{background:var(--n0);border-radius:var(--radius-lg);width:min(400px,95vw);max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--n200);padding:28px;position:relative;overflow-y:auto}.sasBrandPreviewModal h3{color:var(--n900);margin:6px 0 20px;font-size:18px;font-weight:700}.sasBrandMockup{border:1px solid var(--n200);border-radius:var(--radius);overflow:hidden}.sasMockHeader{background:var(--n50);border-bottom:1px solid var(--n200);color:var(--n800);align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.sasMockLogo{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.sasMockMenu{flex-direction:column;gap:8px;padding:12px;display:flex}.sasMockItem{border:1px solid var(--n200);border-radius:var(--radius-sm);color:var(--n700);justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;display:flex}.sasMockFooter{background:var(--n50);border-top:1px solid var(--n200);color:var(--n400);text-align:center;padding:10px 14px;font-size:11px}.sasNotifRow{border-bottom:1px solid var(--n100);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;display:flex}.sasNotifRow:last-child{border-bottom:none}.sasNotifRow>div>strong{color:var(--n800);margin-bottom:3px;font-size:13px;font-weight:600;display:block}.sasNotifRow>div>p{color:var(--n500);margin:0;font-size:12px;line-height:1.4}.sasSuccessToast{background:var(--g50);border:1px solid var(--g200);border-radius:var(--radius);color:var(--g700);align-items:center;gap:8px;margin-bottom:18px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.sasEmpty{text-align:center;color:var(--n400);padding:32px 20px;font-size:13px}.sasGreen{color:var(--g600)!important}.sasMuted{color:var(--n400)!important}.sasCode{font-family:var(--font-poppins), "Poppins", sans-serif;background:var(--n100);color:var(--n600);border-radius:4px;padding:2px 6px;font-size:11px}.sasFeatureChips{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.sasFeatureChip{background:var(--g50);border:1px solid var(--g200);color:var(--g700);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.sasAuditTag{letter-spacing:.04em;border:1px solid #0000;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}@media (max-width:1200px){.sasPlansGrid,.sasStatsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.sasPage{padding:16px}.sasDashGrid{grid-template-columns:1fr}.sasMrrChart{grid-column:1}.sasStatsGrid,.sasPlansGrid{grid-template-columns:1fr}.sasPageHeader{flex-direction:column}}.qrPage{background:var(--n50);min-height:100vh;font-family:var(--font-poppins), "Poppins", sans-serif;padding-bottom:90px;position:relative}.qrLoading{min-height:100vh;color:var(--n400);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.qrLoadingSpinner{border:2.5px solid var(--n200);border-top-color:var(--g600);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.qrLoading p{font-size:13px}.qrClosed{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;padding:32px;display:flex}.qrClosedIcon{background:var(--n100);width:64px;height:64px;color:var(--n400);border-radius:20px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.qrClosed h1{color:var(--n400);margin:0;font-size:14px;font-weight:500}.qrClosed h2{color:var(--n800);margin:0;font-size:22px;font-weight:700}.qrClosed>p{color:var(--n500);max-width:280px;font-size:14px}.qrClosedHours{background:var(--n100);border-radius:var(--radius);color:var(--n700);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.qrClosedNote{color:var(--n400);font-size:12px}.qrHeader{z-index:50;position:sticky;top:0}.qrHeaderContent{justify-content:space-between;align-items:center;padding:13px 16px 10px;display:flex}.qrBrand{align-items:center;gap:10px;display:flex}.qrBrandIcon{color:#fff;background:#fff3;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:flex}.qrBrand strong{color:#fff;font-size:15px;font-weight:700;display:block}.qrBrand small{color:#ffffffbf;font-size:11px;display:block}.qrHeaderRight{align-items:center;gap:8px;display:flex}.qrOpenBadge{color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.qrCartBtn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.qrCartBtn:hover{background:#ffffff4d}.qrCartCount{color:var(--n900);background:#fff;border-radius:99px;padding:1px 6px;font-size:11px;font-weight:800}.qrCategories{scrollbar-width:none;gap:6px;padding:0 16px 12px;display:flex;overflow-x:auto}.qrCategories::-webkit-scrollbar{display:none}.qrCatBtn{color:#ffffffbf;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff40;border-radius:99px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.qrCatBtn.active{color:#fff;background:#ffffff40;border-color:#ffffff80}.qrMenuSection{padding:16px}.qrMenuGrid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;display:grid}.qrMenuCard{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius-lg);transition:box-shadow .18s;overflow:hidden}.qrMenuCard:hover{box-shadow:var(--shadow-sm)}.qrMenuCardImg{aspect-ratio:4/3;border-bottom:1px solid var(--n100);width:100%;color:var(--n400);justify-content:center;align-items:center;display:flex}.qrMenuCardBody{padding:12px}.qrMenuCat{color:var(--n400);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.qrMenuName{color:var(--n800);margin:3px 0 4px;font-size:13px;font-weight:700;line-height:1.3}.qrMenuDesc{color:var(--n500);margin:0 0 10px;font-size:11px;line-height:1.4}.qrMenuCardFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.qrMenuPrice{font-size:13px;font-weight:700}.qrAddBtn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .15s}.qrAddBtn:hover{opacity:.88}.qrStepper{align-items:center;gap:5px;display:flex}.qrStepper button{border-radius:var(--radius-sm);border:1px solid var(--n200);background:var(--n50);cursor:pointer;width:26px;height:26px;color:var(--n700);justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:all .1s;display:flex}.qrStepper button:first-child:hover{background:var(--n100)}.qrStepper button:last-child{color:#fff;border-color:#0000}.qrStepper span{text-align:center;min-width:18px;font-size:14px;font-weight:700}.qrFloatBar{border-radius:var(--radius-lg);color:#fff;cursor:pointer;width:calc(100% - 32px);max-width:400px;box-shadow:var(--shadow-lg);z-index:90;justify-content:space-between;align-items:center;padding:13px 18px;font-size:13px;font-weight:700;transition:transform .15s;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.qrFloatBar:hover{transform:translate(-50%)translateY(-2px)}.qrFloatCount{background:#fff3;border-radius:99px;padding:3px 10px;font-size:12px}.qrModalBackdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182780;align-items:flex-end;display:flex;position:fixed;inset:0}.qrCartSheet{background:var(--n0);border-radius:18px 18px 0 0;width:100%;max-height:88vh;padding:8px 20px 36px;overflow-y:auto;box-shadow:0 -4px 24px #0000001f}.qrCartSheetHandle{background:var(--n200);border-radius:99px;width:38px;height:4px;margin:8px auto 16px}.qrCartHeader{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.qrCartHeader h3{color:var(--n900);margin:0;font-size:17px;font-weight:700}.qrCartHeader button{border:1px solid var(--n200);border-radius:var(--radius-sm);background:var(--n50);cursor:pointer;width:30px;height:30px;color:var(--n500);font-family:inherit;font-size:16px}.qrCartTableTag{color:var(--n400);margin:0 0 16px;font-size:12px}.qrCartItems{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.qrCartItem{align-items:flex-start;gap:10px;display:flex}.qrCartItemIcon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--n400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.qrCartItemInfo{flex:1}.qrCartItemInfo strong{color:var(--n800);font-size:13px;font-weight:600;display:block}.qrCartItemInfo small{color:var(--n400);margin-bottom:6px;font-size:11px;display:block}.qrCartNote{border:1px solid var(--n200);border-radius:var(--radius-sm);background:var(--n50);resize:none;width:100%;color:var(--n700);outline:none;padding:6px 10px;font-family:inherit;font-size:12px}.qrCartNote:focus{border-color:var(--g600)}.qrCartTotal{color:var(--n800);text-align:right;flex-shrink:0;min-width:72px;font-size:13px;font-weight:700}.qrCartSummary{border-top:1px solid var(--n200);flex-direction:column;gap:7px;margin-bottom:14px;padding-top:12px;display:flex}.qrCartSummary>div{color:var(--n500);justify-content:space-between;font-size:13px;display:flex}.qrCartGrand{color:var(--n800);border-top:1px solid var(--n200);justify-content:space-between;margin-top:2px;padding-top:8px;font-size:15px;font-weight:700;display:flex}.qrOrderBtn{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;width:100%;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s}.qrOrderBtn:hover{opacity:.9}.qrModal{background:var(--n0);border-radius:18px 18px 0 0;width:100%;max-height:92vh;padding:8px 20px 36px;position:relative;overflow-y:auto}.qrModalClose{border:1px solid var(--n200);border-radius:var(--radius-sm);background:var(--n50);cursor:pointer;width:30px;height:30px;color:var(--n500);justify-content:center;align-items:center;font-family:inherit;font-size:16px;display:flex;position:absolute;top:14px;right:14px}.qrModalHeader{align-items:center;gap:12px;margin:16px 0 20px;padding-top:8px;display:flex}.qrModalHeader svg{color:var(--g600)}.qrModalHeader h3{color:var(--n900);margin:0 0 2px;font-size:17px;font-weight:700}.qrModalHeader p{color:var(--n500);margin:0;font-size:13px}.qrPayMethods{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.qrPayMethod{border:1.5px solid var(--n200);border-radius:var(--radius);background:var(--n0);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:13px;transition:all .15s;display:flex}.qrPayMethod.selected{border-color:var(--g600);background:var(--g50)}.qrPayMethod svg{color:var(--n500);flex-shrink:0}.qrPayMethod.selected svg{color:var(--g600)}.qrPayMethod strong{color:var(--n800);font-size:13px;font-weight:600;display:block}.qrPayMethod small{color:var(--n500);font-size:11px}.qrPayCheck{color:var(--g600);margin-left:auto}.qrQrisBox{background:var(--n50);border:1.5px dashed var(--n300);border-radius:var(--radius);text-align:center;margin-bottom:14px;padding:24px}.qrQrisPlaceholder svg{color:var(--n400);margin:0 auto 10px;display:block}.qrQrisPlaceholder p{color:var(--n700);margin:0 0 3px;font-size:14px;font-weight:600}.qrQrisPlaceholder small{color:var(--n400);font-size:12px}.qrCashInfo{border-radius:var(--radius);color:#92400e;background:#fffbeb;border:1px solid #fde68a;align-items:flex-start;gap:10px;margin-bottom:14px;padding:11px 13px;font-size:13px;line-height:1.4;display:flex}.qrWaiterBtn{color:#fff;cursor:pointer;box-shadow:var(--shadow-md);z-index:100;white-space:nowrap;border:none;border-radius:99px;align-items:center;gap:7px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.qrWaiterBtn:hover{box-shadow:var(--shadow-lg);transform:translate(-50%)translateY(-2px)}.qrWaiterBtn.cooldown{cursor:not-allowed;opacity:.6}.qrWaiterSent{background:var(--n800);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:150;white-space:nowrap;align-items:center;gap:10px;padding:13px 18px;animation:.25s fadeInUp;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.qrWaiterSent strong{font-size:13px;display:block}.qrWaiterSent p{opacity:.65;margin:2px 0 0;font-size:11px}.qrCallOptions{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.qrCallOption{border:1.5px solid var(--n200);border-radius:var(--radius);background:var(--n0);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.qrCallOption.selected{border-color:var(--g600);background:var(--g50)}.qrCallOption svg{color:var(--n500);flex-shrink:0}.qrCallOption.selected svg{color:var(--g600)}.qrCallOption strong{color:var(--n800);font-size:13px;font-weight:600;display:block}.qrCallOption small{color:var(--n500);font-size:11px}.qrCallNote{border:1px solid var(--n200);border-radius:var(--radius-sm);resize:none;background:var(--n50);width:100%;color:var(--n800);outline:none;margin-bottom:12px;padding:9px 11px;font-family:inherit;font-size:13px}.qrCallNote:focus{border-color:var(--g600)}.qrCallConfirm{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s}.qrCallConfirm:disabled{cursor:not-allowed;background:var(--n300)!important}.qrStatusPage{flex-direction:column;gap:14px;padding:16px;display:flex}.qrStatusTracker{background:var(--n0);border:1px solid var(--n200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px}.qrStatusHeader{border-bottom:1px solid var(--n100);align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;display:flex}.qrStatusPulse{background:var(--g600);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.8s ease-in-out infinite pulse}.qrStatusLabel{color:var(--n400);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px;font-size:11px;font-weight:600;display:block}.qrStatusNumber{color:var(--n800);font-size:16px;font-weight:700;font-family:var(--font-poppins), "Poppins", sans-serif}.qrStatusSteps{flex-direction:column;display:flex}.qrStatusStep{align-items:flex-start;gap:14px;padding-bottom:18px;display:flex;position:relative}.qrStatusStep:last-child{padding-bottom:0}.qrStepDot{border:2px solid var(--n200);background:var(--n50);width:32px;height:32px;color:var(--n400);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.qrStatusStep.done .qrStepDot{background:var(--g600);border-color:var(--g600);color:#fff}.qrStatusStep.active .qrStepDot{background:var(--n0);border-color:var(--g600);color:var(--g600);border-width:2.5px;animation:2s ease-in-out infinite activePulse;box-shadow:0 0 0 4px #16a34a1f}.qrStatusStep.upcoming .qrStepDot{opacity:.35}.qrStepLine{background:var(--n200);z-index:0;width:2px;height:calc(100% - 14px);position:absolute;top:32px;left:15px}.qrStatusStep.done .qrStepLine{background:var(--g600)}.qrStepInfo{padding-top:5px}.qrStepInfo strong{color:var(--n800);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.qrStatusStep.upcoming .qrStepInfo strong{color:var(--n400)}.qrStatusStep.done .qrStepInfo strong{color:var(--n500)}.qrStepInfo p{color:var(--n500);margin:0;font-size:12px;line-height:1.4}.qrServedBanner{background:var(--g50);border:1px solid var(--g200);border-radius:var(--radius);color:var(--g700);align-items:center;gap:8px;margin-top:14px;padding:13px 16px;font-size:14px;font-weight:600;display:flex}.qrOrderAgainBtn{border-radius:var(--radius);color:#fff;cursor:pointer;border:none;width:100%;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .15s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes activePulse{0%,to{box-shadow:0 0 0 4px #16a34a1f}50%{box-shadow:0 0 0 8px #16a34a0f}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sasFormGrid select,select.sasSelect,.sasModal select,select{appearance:none;font-size:13px;font-weight:500;font-family:var(--font-poppins), sans-serif;color:#0f172a;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 38px 10px 14px;transition:all .15s;box-shadow:0 1px 2px #00000008}.sasFormGrid select:hover,select.sasSelect:hover,.sasModal select:hover{background-color:#f8fafc;border-color:#cbd5e1}.sasFormGrid select:focus,select.sasSelect:focus,.sasModal select:focus{background-color:#fff;border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a26}.sasFormGrid select option,select.sasSelect option,.sasModal select option{color:#0f172a;font-size:13px;font-family:var(--font-poppins), sans-serif;background-color:#fff;padding:10px 14px}.app.dark select,.app.dark .sasFormGrid select,.app.dark select.sasSelect{color:#f8fafc;background-color:#1e293b;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");border-color:#334155}.app.dark select option{color:#f8fafc;background-color:#1e293b}