.quickmenu-wrap{display:flex;justify-content:center;margin-bottom:.75rem;}.pwa-hero__picture{display:block;width:100%;height:100%;}.quickmenu-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;width:100%;margin:0 auto;justify-items:center;}.quickmenu-grid .qcard{width:100%;max-width:90px;margin:0 auto;}.menu-label{display:block;margin-top:.25rem;text-align:center;font-size:11px;}.op-card{position:relative;overflow:hidden;border-radius:22px;padding:22px;color:#fff;background:linear-gradient(135deg,#4ebe86 0%,#023c27 100%);box-shadow:0 8px 28px rgba(0,0,0,.12);}.op-card::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 420px at -10% 0%,rgba(255,255,255,.1),transparent 60%),radial-gradient(1200px 420px at 110% 100%,rgba(255,255,255,.08),transparent 60%);}.op-card>*{position:relative;}.sppg-mbg-card{color:#fff;background:radial-gradient(900px 360px at -10% 0%,rgba(255,255,255,.18),transparent 58%),radial-gradient(700px 320px at 110% 100%,rgba(255,255,255,.12),transparent 62%),linear-gradient(360deg,#4ebe86 0,#023c27 100%);box-shadow:0 16px 34px rgba(2,60,39,.25);}.sppg-mbg-card::before{display:block;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 34%),radial-gradient(240px 140px at 78% 8%,rgba(214,180,92,.18),transparent 68%);}.sppg-mbg-card .op-title,.sppg-mbg-card .txt{color:#fff;text-shadow:0 1px 2px rgba(2,30,20,.25);}.sppg-mbg-card .ico{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);}.sppg-mbg-card .sppg-penerima-highlight{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}.sppg-mbg-card .sppg-penerima-highlight strong{color:#fff;}.sppg-mbg-card .sppg-penerima-highlight strong.sppg-penerima-less,.sppg-mbg-card .sppg-penerima-highlight strong.sppg-penerima-more{color:#fff !important;}.op-title{margin:0 0 .55rem;font-size:1.5rem;font-weight:800;}.op-row{display:flex;align-items:center;gap:.5rem;margin:.3rem 0;}.op-row .ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.15);}.op-row .txt{font-weight:700;}.live-time-counter{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:1.05rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2;}.live-time-counter.is-ticking{animation:liveTimePulse .32s ease-out;}@keyframes liveTimePulse{0%{transform:translateY(0) scale(1);}50%{transform:translateY(-1px) scale(1.035);}100%{transform:translateY(0) scale(1);}}.sppg-penerima-highlight{margin-top:.65rem;padding:.6rem .7rem;border-radius:14px;background:rgba(255,255,255,.17);border:1px dashed rgba(255,255,255,.5);}.sppg-penerima-highlight strong{color:#fff;font-size:1.35rem;}.free-ongkir-card{position:relative;overflow:hidden;border-radius:16px;background:#fff;}.free-ongkir-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#277295,#20c997);box-shadow:0 8px 18px rgba(32,201,151,.25);}.voucher-section{text-align:left;margin-top:1rem;}.voucher-label{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.4rem;color:#277295;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}.voucher-dot{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#277295,#20c997);box-shadow:0 0 0 4px rgba(39,114,149,.15);font-size:.9rem;}.voucher-pill{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .7rem;margin-bottom:.45rem;border-radius:12px;background:#f7fbff;border:1px solid rgba(39,114,149,.06);box-shadow:0 4px 10px rgba(15,23,42,.03);color:#374151;}.voucher-pill-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(39,114,149,.08);font-size:1.1rem;}.voucher-pill-text{color:#374151;font-size:.8rem;line-height:1.45;}.voucher-pill-title{margin-bottom:.1rem;font-weight:700;}.sppg-monitoring-pill{display:block;padding:.75rem .85rem;}#sppgPreviewList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;}#sppgPreviewList .sppg-monitoring-pill{height:100%;margin-bottom:0;}.sppg-monitoring-head{display:flex;align-items:center;gap:.65rem;margin-bottom:.45rem;}.sppg-monitoring-pill .voucher-pill-icon{width:42px;height:42px;font-size:1.2rem;}.sppg-monitoring-pill .voucher-pill-title{margin:0;color:#334155;font-size:1rem;line-height:1.25;font-weight:900;}.sppg-monitoring-body{width:100%;padding-left:0;font-size:.82rem;}.t-card{--grad-1:#023c27;--grad-2:#0f7a4d;--grad-3:#4ebe86;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;overflow:hidden;border-radius:26px;padding:36px 22px 28px;color:#fff;text-align:center;background:radial-gradient(120% 100% at 100% 0,rgb(255 255 255 / .16),transparent 50%),linear-gradient(160deg,var(--grad-1) 0%,var(--grad-2) 60%,var(--grad-3) 100%);box-shadow:0 20px 50px rgb(2 6 23 / .15),inset 0 1px 0 rgb(255 255 255 / .15);}.t-card::before{content:"";position:absolute;inset:0;background:var(--bg,none) center / cover no-repeat;opacity:.15;mix-blend-mode:soft-light;pointer-events:none;}.t-quote{position:relative;margin:0;font-weight:800;letter-spacing:.015em;line-height:1.6;font-size:clamp(18px,2.6vw,26px);}.t-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:14px;border:2px solid rgb(255 255 255 / .9);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.06em;background:rgb(255 255 255 / .09);box-shadow:0 8px 22px rgb(2 6 23 / .25);}.t-btn:hover{color:#fff;background:rgb(255 255 255 / .18);}.t-btn.__loading{pointer-events:none;min-width:96px;}.t-btn .spinner-border{width:1.1rem;height:1.1rem;border-width:.16em;}.feature-card-link{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:128px;color:inherit;text-decoration:none;}.fs-track>li.media{padding:18px 20px;min-height:150px;}.fs-track>li.media .feature-card-link .avatar-sm{width:68px;height:68px;min-width:68px;margin:0 !important;border-radius:24px !important;box-shadow:0 12px 24px rgba(2,60,39,.08);}.fs-track>li.media .feature-card-link .media-body{min-width:0;text-align:left;}.fs-track>li.media .feature-card-link h4{margin:0 0 6px;color:#0f172a;font-size:1.18rem;line-height:1.15;text-align:left;}.fs-track>li.media .feature-card-link p{margin:0;color:#334155;font-size:.92rem;line-height:1.45;text-align:left;}.feature-card-link:hover,.feature-card-link:focus{color:#023c27;text-decoration:none;}.feature-card-link:hover h4,.feature-card-link:focus h4{color:#023c27;}@media (max-width:380px){.fs-track>li.media{padding:16px;}.feature-card-link{gap:11px;}.fs-track>li.media .feature-card-link .avatar-sm{width:58px;height:58px;min-width:58px;border-radius:20px !important;}.fs-track>li.media .feature-card-link h4{font-size:1rem;}.fs-track>li.media .feature-card-link p{font-size:.84rem;}}.sppg-home-chart-card{background:#fff;border:1px solid #e4efe9;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(0,0,0,.05);margin-bottom:12px;}.sppg-chart-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}.sppg-chart-filter strong{color:#023c27;text-transform:uppercase;letter-spacing:.04em;}.sppg-chart-filter form{display:flex;gap:6px;}.sppg-chart-filter input{max-width:160px;}.sppg-data-badge{display:inline-flex;margin-top:5px;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:900;}.sppg-data-badge.is-ready{background:#dcfce7;color:#166534;}.sppg-data-badge.is-empty{background:#fff7ed;color:#9a3412;}.sppg-preview-controls{display:flex;justify-content:space-between;gap:8px;width:100%;}.sppg-preview-btn{min-width:42px;}.menu-circle.loading .emoji-icon{opacity:0;}.menu-circle.loading{position:relative;}.menu-circle.loading::after{content:"";position:absolute;inset:0;width:26px;height:26px;margin:auto;border-radius:50%;border:3px solid rgba(255,255,255,.75);border-right-color:transparent;animation:sppgQuickSpin .6s linear infinite;}@keyframes sppgQuickSpin{to{transform:rotate(360deg);}}@media (max-width:576px){.quickmenu-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:380px;gap:.6rem;}.menu-label{font-size:10px;}}@media (max-width:420px){.sppg-chart-filter{display:block;}.sppg-chart-filter form{margin-top:8px;}.sppg-chart-filter input{max-width:100%;width:100%;}}@media (max-width:767.98px){#sppgPreviewList{grid-template-columns:1fr;}}