:root{--blue:#0068d0;--blue-dark:#0054ad;--sky:#98e8f8;--deep:#003878;--ice:#eaf6fc;--ice-deep:#cfe6f7;--navy:#15324f;--navy-soft:#5a7593;--navy-mute:#8fa5bb;--green:#25d366;--orange:#f5a623;--white:#fff;--bg:#f7fafc;--border:#eaf1f7;--shadow-sm:0 1px 2px rgba(21,50,79,.05),0 1px 3px rgba(21,50,79,.06);--shadow-md:0 6px 18px rgba(21,50,79,.1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--navy);min-height:100vh}.wrap{max-width:480px;margin:0 auto}.login,.wrap{min-height:100vh;display:flex;flex-direction:column}.login-hero{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 28px 40px;color:#fff;background:linear-gradient(165deg,#29b083,#1a9c73 45%,#0f6e52)}.logo-mark{width:64px;height:64px;border-radius:18px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.28);display:flex;align-items:center;justify-content:center;margin-bottom:22px}.logo-mark svg{width:34px;height:34px}.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:hsla(0,0%,100%,.75)}.hero-title{font-size:26px;font-weight:800;line-height:1.2;margin-top:8px;letter-spacing:-.5px}.login-sheet{background:#fff;border-radius:28px 28px 0 0;margin-top:-24px;padding:28px 26px 34px;box-shadow:0 -10px 34px rgba(0,0,0,.1)}.signin-title{font-size:18px;font-weight:700}.signin-sub{margin-top:6px;font-size:13px;color:var(--navy-soft);font-weight:500;line-height:1.5}.google-btn{width:100%;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;border-radius:14px;background:#fff;border:1.6px solid #cfefe2;font-family:inherit;font-size:14.5px;font-weight:700;color:var(--navy);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .1s}.google-btn:hover{box-shadow:var(--shadow-md)}.google-btn:active{transform:scale(.98)}.signin-meta{margin-top:16px;text-align:center;font-size:11px;color:var(--navy-mute);font-weight:500}.app-header{background:#fff;padding:14px 20px;justify-content:space-between;border-bottom:1px solid var(--border)}.app-header,.brand{display:flex;align-items:center}.brand{gap:10px}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));display:flex;align-items:center;justify-content:center}.brand-mark svg{width:22px;height:22px}.brand-name{font-size:17px;font-weight:800;color:var(--blue);letter-spacing:-.3px}.content{padding:22px 20px 112px}.greet{font-size:22px;font-weight:700;letter-spacing:-.5px}.greet-sub{margin-top:4px;font-size:12.5px;color:var(--navy-soft);font-weight:500}.greet-tag{margin-top:6px;font-size:11px;color:var(--blue);font-weight:600;font-style:italic;letter-spacing:.2px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;margin-top:18px;box-shadow:var(--shadow-sm)}.card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--navy-soft);margin-bottom:12px}.prod-row{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border)}.prod-row:first-of-type{border-top:none}.prod-name{font-size:14px;font-weight:500}.prod-price{font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge-ok{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#15803d;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px}.signout{margin-top:22px;width:100%;padding:13px;border:1px solid var(--border);background:#fff;border-radius:12px;font-family:inherit;font-weight:700;font-size:13.5px;color:var(--navy-soft);cursor:pointer}.signout:active{background:var(--bg)}.notice{padding:60px 30px;text-align:center}.notice .icon{width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:var(--orange);opacity:.15}.notice h2{font-size:18px;font-weight:700}.notice p{margin-top:8px;font-size:13px;color:var(--navy-soft);line-height:1.6}.notice .email{display:inline-block;margin-top:14px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:700}.field-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--navy-soft);margin-bottom:6px}.select{width:100%;padding:13px 14px;border:1.5px solid var(--ice-deep);border-radius:12px;font-family:inherit;font-size:14px;font-weight:600;color:var(--navy);background:#fff}.empty-mini{padding:22px;text-align:center;font-size:13px;color:var(--navy-mute);background:#fff;border:1px dashed var(--ice-deep);border-radius:12px;margin-top:8px}.item-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border)}.item-row:first-child{border-top:none}.prod-sub{font-size:12px;color:var(--navy-soft);margin-top:2px}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--ice-deep);background:#fff;font-size:18px;font-weight:700;color:var(--blue);cursor:pointer;line-height:1}.stepper span{min-width:18px;text-align:center;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sticky-cta{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:#fff;border-top:1px solid var(--border);padding:12px 20px 16px;box-shadow:0 -4px 16px rgba(21,50,79,.07)}.cta-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;color:var(--navy-soft)}.cta-total b{font-size:18px;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cta-btn{width:100%;padding:14px;border:none;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(0,104,208,.28)}.cta-btn:disabled{opacity:.5}.seg{display:flex;gap:6px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.seg button{flex:1 1;padding:9px;border:none;background:none;border-radius:9px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--navy-soft);cursor:pointer}.seg button.on{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 3px 8px rgba(0,104,208,.3)}.ocard{background:#fff;border:1px solid var(--border);border-left:4px solid var(--navy-mute);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.ocard.s-pending{border-left-color:#f59e0b}.ocard.s-on_progress{border-left-color:#fb923c}.ocard.s-delivered{border-left-color:#86efac}.ocard.s-tersedia{border-left-color:#67e8f9}.ocard.s-done{border-left-color:#15803d}.ocard-top{display:flex;justify-content:space-between;gap:10px}.ocust{font-size:14.5px;font-weight:700}.oitems{font-size:12.5px;margin-top:3px}.oitems,.sbadge{color:var(--navy-soft)}.sbadge{flex-shrink:0;height:-moz-fit-content;height:fit-content;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:16px;background:var(--bg)}.sbadge.s-pending{background:#fef3c7;color:#b45309}.sbadge.s-on_progress{background:#ffedd5;color:#c2410c}.sbadge.s-delivered{background:#dcfce7;color:#15803d}.sbadge.s-tersedia{background:#ecfeff;color:#0e7490}.sbadge.s-done{background:#dcfce7;color:#14532d}.ocard-bot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}.oamt{font-size:13.5px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.odisc{color:var(--orange)}.odisc,.omethod{font-size:11px;font-weight:600}.omethod{color:var(--navy-mute);text-transform:capitalize}.oacts button{padding:9px 14px;border:1.5px solid var(--ice-deep);background:#fff;border-radius:11px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--blue);cursor:pointer}.oacts button.primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none}.sheet-overlay{position:fixed;inset:0;background:rgba(21,50,79,.55);display:flex;align-items:flex-end;justify-content:center;z-index:200}.sheet{background:#fff;width:100%;max-width:480px;border-radius:24px 24px 0 0;padding:8px 22px 26px}.sheet-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 14px}.sheet-title{font-size:15px;font-weight:700;margin-bottom:16px}.sheet-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--navy-soft);margin:14px 0 7px}.pay-methods{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.pay-methods button{padding:11px 4px;border:1.5px solid var(--ice-deep);background:#fff;border-radius:11px;font-family:inherit;font-size:12px;font-weight:700;color:var(--navy);cursor:pointer}.pay-methods button.on{background:var(--ice);border-color:var(--blue);color:var(--blue)}.bnav{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;height:72px;background:#fff;border-top:1px solid var(--border);display:flex;align-items:flex-end;padding:0 10px;box-shadow:0 -4px 16px rgba(21,50,79,.06);z-index:50}.bnav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 2px 13px;color:var(--navy-mute);text-decoration:none;font-size:10px;font-weight:600;background:none;border:none;cursor:pointer}.bnav-item svg{width:22px;height:22px}.bnav-item.on{color:var(--blue)}.bnav-item.dim{opacity:.45}.bnav-fab{flex:0 0 60px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--green),#1fb857);color:#fff;transform:translateY(-12px);border:3.5px solid #fff;box-shadow:0 8px 20px rgba(37,211,102,.45)}.bnav-fab svg{width:24px;height:24px}.hero-card{margin-top:16px;border-radius:18px;padding:18px 20px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 8px 24px rgba(0,104,208,.22)}.hero-card .hero-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;opacity:.85}.hero-card .hero-num{font-size:32px;font-weight:800;letter-spacing:-.8px;margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:14px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 8px;text-align:center;box-shadow:var(--shadow-sm)}.stat-val{font-size:17px;font-weight:800;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.3px}.stat-label{font-size:10px;font-weight:600;color:var(--navy-soft);margin-top:3px}.row-net{border-top:1px solid var(--border);margin-top:4px;padding-top:11px}.row-net .prod-name{font-weight:800}.row-net .prod-price{font-weight:800;color:var(--blue)}.type-tabs{display:flex;gap:6px;margin:4px 0 6px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:4px}.type-tabs button{flex:1 1;padding:9px 4px;border:none;background:none;border-radius:9px;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--navy-soft);cursor:pointer}.type-tabs button.on{background:var(--blue);color:#fff}.finput{width:100%;padding:13px 14px;border:1.5px solid var(--ice-deep);border-radius:12px;font-family:inherit;font-size:14px;font-weight:600;color:var(--navy)}.treat-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:14px;height:-moz-fit-content;height:fit-content}.treat-badge.opex{background:var(--ice);color:var(--blue)}.treat-badge.hpp{background:#fff3dd;color:#d48705}.treat-badge.none{background:var(--bg);color:var(--navy-mute)}.set-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;margin-top:10px;text-decoration:none;box-shadow:var(--shadow-sm)}.set-label{font-size:14.5px;font-weight:700;color:var(--navy)}.set-sub{font-size:12px;color:var(--navy-soft);margin-top:2px}.set-arrow{font-size:12px;color:var(--navy-mute);font-weight:700}.tog-row{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;font-size:14px;font-weight:600;color:var(--navy);cursor:pointer;border-top:1px solid var(--border);margin-top:4px}.tog{width:42px;height:24px;border-radius:14px;background:var(--ice-deep);position:relative;transition:background .2s;flex-shrink:0}.tog:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.tog.on{background:var(--blue)}.tog.on:after{left:20px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.finput:focus,.select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,104,208,.13)}[role=button]:focus-visible,[role=radio]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}.hero-card [role=button]:focus-visible,.hero-card a:focus-visible,.komisi-card [role=button]:focus-visible,.komisi-card a:focus-visible{outline-color:var(--sky)}@media (prefers-reduced-motion:no-preference){[role=button],[role=radio]{transition:box-shadow .15s ease,background .15s ease,border-color .15s ease}}.cta-btn,.google-btn{transition:transform .1s ease,box-shadow .15s ease,opacity .15s ease}.cta-btn:active:not(:disabled),.oacts button:active,.pay-methods button:active,.stepper button:active{transform:scale(.97)}.card,.ocard,.set-row,.stat{transition:box-shadow .16s ease,transform .1s ease}.ocard:active,.set-row:active{transform:scale(.992)}.bnav-item,.nav-item,.seg button,.subtab,.tab{transition:color .15s ease,background .15s ease}.sheet{animation:sheetUp .26s cubic-bezier(.34,1.2,.64,1)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-overlay{animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero,.hero-card{box-shadow:0 10px 28px rgba(0,104,208,.2)}.badge-ok{letter-spacing:.2px}::selection{background:rgba(0,104,208,.15)}:root{--blue-deeper:#003878;--green-dark:#1fb857;--green-soft:#e8f8ef;--orange-soft:#fff3dd;--red:#e74c3c;--red-soft:#fdecea;--yellow:#f1c40f}.dash .card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-sm);margin:0 0 12px}.dash .d-card-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.7px;margin-bottom:14px}.dash .d-card-title svg{width:14px;height:14px;color:var(--blue)}.dash .greeting{margin-bottom:18px}.dash .greeting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dash .greeting-text h1{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-.5px;line-height:1.2}.dash .greeting-text .wave{display:inline-block;animation:wave 2.5s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.dash .greeting-text .date{font-size:12.5px;color:var(--navy-soft);margin-top:4px;font-weight:500}.dash .greeting-text .tagline{font-size:10.5px;color:var(--blue);margin-top:6px;font-weight:600;font-style:italic;letter-spacing:.2px}.dash .status-pill{display:inline-flex;align-items:center;gap:6px;background:var(--green-soft);color:var(--green-dark);padding:7px 13px;border-radius:20px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid #c5e9d2;flex-shrink:0;white-space:nowrap}.dash .status-pill.off{background:var(--red-soft);color:var(--red);border-color:#f5c4bf}.dash .status-pill .pill-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(37,211,102,.2)}.dash .status-pill.off .pill-dot{background:var(--red);box-shadow:0 0 0 3px rgba(231,76,60,.2)}.dash .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;cursor:pointer;position:relative;box-shadow:0 2px 8px rgba(0,104,208,.3);text-decoration:none}.dash .avatar.owner{background:linear-gradient(135deg,#f5a623,#d48705)}.dash .avatar-dot{position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2.5px solid #fff}.dash .avatar.off .avatar-dot{background:var(--red)}.dash .section-tabs{background:#fff;border-radius:14px;padding:5px;display:flex;gap:4px;margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.dash .section-tab{flex:1 1;padding:10px 12px;background:transparent;border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;color:var(--navy-soft);cursor:pointer;transition:all .25s}.dash .section-tab.active{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 3px 8px rgba(0,104,208,.3)}.dash .banner-available{background:linear-gradient(135deg,#fff8e5,#ffedc2);border:1px solid #f4d08b;border-radius:14px;padding:14px 16px;margin-bottom:14px;display:flex;align-items:center;gap:13px;cursor:pointer;position:relative;overflow:hidden;text-decoration:none}.dash .banner-available:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}.dash .banner-available .b-icon{width:40px;height:40px;background:var(--orange);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(245,166,35,.35)}.dash .banner-available .b-icon svg{width:20px;height:20px}.dash .banner-available .b-text{flex:1 1}.dash .banner-available .b-title{font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.3}.dash .banner-available .b-sub{font-size:11px;color:#8b6914;margin-top:2px;font-weight:500}.dash .banner-available .b-arrow{color:var(--orange)}.dash .stat-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0}.dash .stat-row .stat-label{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:13.5px;font-weight:500}.dash .stat-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash .stat-icon svg{width:15px;height:15px}.dash .stat-row.pending .stat-icon{background:#fef3c7}.dash .stat-row.pending .stat-icon svg{color:#f59e0b}.dash .stat-row.done .stat-icon{background:#dcfce7}.dash .stat-row.done .stat-icon svg{color:#15803d}.dash .stat-row .stat-value{font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.5px}.dash .stat-row.pending .stat-value{color:#b45309}.dash .stat-row.done .stat-value{color:#15803d}.dash .stat-divider{height:1px;background:var(--border);margin:6px 0}.dash .stat-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.dash .stat-total .label{font-size:12px;color:var(--navy-soft);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dash .stat-total .val{font-size:18px;color:var(--navy);font-weight:700}.dash .komisi-card{background:linear-gradient(135deg,var(--blue),var(--blue-deeper));color:#fff;border:none;box-shadow:var(--shadow-blue);position:relative;overflow:hidden}.dash .komisi-card .d-card-title{color:hsla(0,0%,100%,.85)}.dash .komisi-amount{font-size:32px;font-weight:700;letter-spacing:-1.2px;line-height:1;margin-bottom:14px}.dash .komisi-amount .rp{font-size:15px;font-weight:600;opacity:.85;margin-right:5px}.dash .komisi-break{background:hsla(0,0%,100%,.12);border-radius:12px;padding:12px 14px}.dash .komisi-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12.5px}.dash .komisi-row .left{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.95);font-weight:500}.dash .komisi-row .qty{background:hsla(0,0%,100%,.18);padding:2px 7px;border-radius:6px;font-size:10px;font-weight:600}.dash .komisi-row .right{font-weight:600;font-size:13px}.dash .komisi-section-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.8px;margin:14px 0 8px}.dash .komisi-subtotal{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:6px;border-top:1px solid hsla(0,0%,100%,.18);font-size:12px;font-weight:700;color:hsla(0,0%,100%,.95)}.dash .komisi-hint{font-size:10.5px;color:hsla(0,0%,100%,.65);margin-top:8px;padding-top:6px;border-top:1px solid hsla(0,0%,100%,.12);font-style:italic}.dash .komisi-laporan{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;margin-top:14px;padding-top:13px;border-top:1px solid hsla(0,0%,100%,.2);color:#fff}.dash .komisi-laporan .kl-txt{font-size:12px;font-weight:700}.dash .komisi-laporan .kl-sub{font-size:10px;font-weight:500;opacity:.8;margin-top:1px}.dash .komisi-laporan svg{width:18px;height:18px;flex-shrink:0;opacity:.95}.dash .bonus-card{background:linear-gradient(135deg,#fff,#f8fcff);border:1px solid var(--ice-deep)}.dash .bonus-progress-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.dash .bonus-numbers{display:flex;align-items:baseline}.dash .bonus-current{font-size:34px;font-weight:800;color:var(--blue);letter-spacing:-1.5px;line-height:1}.dash .bonus-divider{font-size:24px;font-weight:600;color:var(--navy-mute);margin:0 4px}.dash .bonus-target{font-size:22px;font-weight:700;color:var(--navy-soft);letter-spacing:-.5px}.dash .bonus-unit{font-size:11px;font-weight:600;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;margin-left:6px;padding-bottom:2px}.dash .bonus-percent{font-size:13px;font-weight:700;color:var(--blue);background:var(--ice);padding:5px 11px;border-radius:8px;border:1px solid var(--ice-deep)}.dash .bonus-bar{width:100%;height:10px;background:var(--ice);border-radius:5px;overflow:hidden;margin-bottom:12px}.dash .bonus-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:5px;transition:width .6s ease}.dash .bonus-message{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--ice),#dceef8);padding:12px 14px;border-radius:12px;border:1px solid var(--ice-deep)}.dash .bonus-msg-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--orange),#e89500);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px rgba(245,166,35,.35)}.dash .bonus-msg-main{font-size:13.5px;color:var(--navy);font-weight:500}.dash .bonus-msg-main strong{color:var(--blue);font-weight:700}.dash .bonus-msg-sub{font-size:11.5px;color:var(--navy-soft);font-weight:500;margin-top:1px}.dash .bonus-msg-sub strong{color:var(--green-dark);font-weight:700}.dash .top-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}.dash .top-row:last-of-type{border-bottom:none}.dash .top-rank{width:28px;height:28px;border-radius:50%;background:var(--ice);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.dash .top-row.rank-1 .top-rank{background:linear-gradient(135deg,gold,#ffb300);color:#7a5c00;font-size:14px;box-shadow:0 2px 6px rgba(255,179,0,.4)}.dash .top-row.rank-2 .top-rank{background:linear-gradient(135deg,#dcdcdc,#b0b0b0);color:#4a4a4a;font-size:14px}.dash .top-row.rank-3 .top-rank{background:linear-gradient(135deg,#d69460,#b57340);color:#fff;font-size:14px}.dash .top-info{flex:1 1;min-width:0}.dash .top-name{font-size:13.5px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash .top-orders{font-size:11px;color:var(--navy-soft);margin-top:2px}.dash .top-margin{font-size:13px;font-weight:700;color:var(--green-dark);white-space:nowrap}.dash .churn-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}.dash .churn-row:last-of-type{border-bottom:none}.dash .churn-indicator{width:8px;height:36px;border-radius:4px;flex-shrink:0}.dash .churn-row.red .churn-indicator{background:var(--red)}.dash .churn-row.orange .churn-indicator{background:var(--orange)}.dash .churn-row.yellow .churn-indicator{background:var(--yellow)}.dash .churn-info{flex:1 1;min-width:0}.dash .churn-name{font-size:13.5px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash .churn-meta{font-size:11px;color:var(--navy-soft);margin-top:2px}.dash .churn-days{font-size:12px;font-weight:700;white-space:nowrap}.dash .churn-row.red .churn-days{color:var(--red)}.dash .churn-row.orange .churn-days{color:var(--orange)}.dash .churn-row.yellow .churn-days{color:#9a7c00}.dash .view-switcher{background:linear-gradient(135deg,#fff9e5,#fff3dd);border:1px solid #f4d08b;border-radius:12px;padding:10px 14px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.dash .vs-left{gap:9px;flex:1 1;min-width:0}.dash .vs-icon,.dash .vs-left{display:flex;align-items:center}.dash .vs-icon{width:30px;height:30px;border-radius:8px;background:#fff;color:var(--orange);justify-content:center;flex-shrink:0;border:1px solid #f0c674}.dash .vs-label{font-size:10px;font-weight:700;color:#8b6914;text-transform:uppercase;letter-spacing:.6px}.dash .vs-value{font-size:13.5px;font-weight:700;color:var(--navy);margin-top:1px}.dash .vs-chevron{color:#8b6914;flex-shrink:0}.dash .vs-option{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#fff;border:1.5px solid var(--border);margin-bottom:8px;cursor:pointer}.dash .vs-option.selected{border-color:var(--blue);background:var(--ice);box-shadow:0 0 0 3px rgba(0,104,208,.08)}.dash .vs-option-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--blue-dark))}.dash .vs-option-info{flex:1 1}.dash .vs-option-title{font-size:14px;font-weight:600;color:var(--navy)}.dash .vs-option-sub{font-size:11px;color:var(--navy-soft);margin-top:2px}.dash .footer-tagline{text-align:center;font-size:10.5px;color:var(--navy-mute);font-weight:500;font-style:italic;padding:18px 0 8px}.dash .footer-tagline strong{color:var(--blue);font-weight:700;font-style:normal}.dash .dash-skel{height:120px;border-radius:16px;background:linear-gradient(90deg,#e8eff6 25%,#f4f8fc 50%,#e8eff6 75%);background-size:720px 100%;animation:skShimmer 1.2s linear infinite}@keyframes skShimmer{0%{background-position:-360px 0}to{background-position:360px 0}}.dash .komisi-card .komisi-row .left svg,.dash .komisi-section-label svg{width:12px;height:12px;flex-shrink:0}.dash .tab-view{animation:tabInR .28s cubic-bezier(.4,0,.2,1)}.dash .tab-view.dir-l{animation-name:tabInL}@keyframes tabInR{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}@keyframes tabInL{0%{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:translateX(0)}}.dash .section-tabs{position:relative}.dash .tab-slider{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 3px 8px rgba(0,104,208,.3);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.dash .section-tab{position:relative;z-index:1}.dash .section-tab.active{background:transparent!important;box-shadow:none!important}.dash .tab-view,.dash .tab-view.dir-l{animation:none}.dash .tab-swap{animation:tabFade .18s ease}@keyframes tabFade{0%{opacity:.4}to{opacity:1}}.page-anim{animation:pageIn .3s cubic-bezier(.22,.61,.36,1)}@keyframes pageIn{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}:root{--orange-dark:#d48705;--grey-soft:#f0f4f8}.ord .filter-tabs{display:flex;gap:8px;margin-bottom:14px}.ord .filter-tab{flex:1 1;padding:11px 14px;background:var(--bg);border:1px solid var(--border);border-radius:12px;font-family:inherit;font-size:13px;font-weight:600;color:var(--navy-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.ord .filter-tab.active{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-color:var(--blue-dark);box-shadow:0 3px 10px rgba(0,104,208,.3)}.ord .filter-tab .tab-count{background:var(--ice);color:var(--blue);padding:1px 7px;border-radius:10px;font-size:11px;font-weight:700;min-width:22px;text-align:center}.ord .filter-tab.active .tab-count{background:hsla(0,0%,100%,.25);color:#fff}.ord .sort-hint{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--navy-soft);font-weight:500;margin-bottom:10px;padding:0 4px}.ord .sort-hint svg{color:var(--navy-mute);width:13px;height:13px}.ord .order-card{background:#fff;border-radius:14px;margin-bottom:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;cursor:pointer;position:relative;display:flex}.ord .order-card:active{transform:scale(.99)}.ord .order-swipe{display:flex;flex:1 1;min-width:0;background:#fff;position:relative;z-index:1;border-radius:inherit;transition:transform .2s cubic-bezier(.22,.61,.36,1);will-change:transform}.ord .swipe-action{position:absolute;inset:0;display:flex;align-items:center;padding-left:16px;background:linear-gradient(90deg,var(--green),var(--green-dark));color:#fff;font-size:12.5px;font-weight:700;border-radius:inherit;z-index:0}.ord .status-bar-left{width:5px;flex-shrink:0;background:var(--navy-mute)}.ord .order-card.pending .status-bar-left{background:var(--status-pending)}.ord .order-card.on_progress .status-bar-left{background:var(--status-onprogress)}.ord .order-card.delivered .status-bar-left{background:var(--status-delivered)}.ord .order-card.done .status-bar-left{background:var(--status-done)}.ord .order-card.tersedia .status-bar-left{background:var(--status-tersedia)}.ord .order-card-content{flex:1 1;padding:13px 14px;min-width:0}.ord .order-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:8px}.ord .status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--bg);color:var(--navy-soft)}.ord .order-card.pending .status-badge{background:var(--status-pending-soft);color:var(--status-pending-dark)}.ord .order-card.on_progress .status-badge{background:var(--status-onprogress-soft);color:var(--status-onprogress-dark)}.ord .order-card.delivered .status-badge{background:var(--status-delivered-soft);color:var(--status-delivered-dark)}.ord .order-card.done .status-badge{background:var(--status-done-soft);color:var(--status-done-dark)}.ord .order-card.tersedia .status-badge{background:var(--status-tersedia-soft);color:var(--status-tersedia-dark)}.ord .order-meta-right{gap:6px}.ord .order-meta-right,.ord .source-icon{display:flex;align-items:center;flex-shrink:0}.ord .source-icon{width:18px;height:18px;border-radius:5px;justify-content:center}.ord .source-icon.manual{background:var(--ice);color:var(--blue)}.ord .source-icon.manual svg{width:11px;height:11px}.ord .source-icon.whatsapp svg{width:18px;height:18px}.ord .driver-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;flex-shrink:0;border:1.5px solid #fff;background:linear-gradient(135deg,#6c5ce7,#4834d4)}.ord .driver-avatar.none{background:#fff;color:var(--navy-mute);border:1.5px dashed var(--navy-mute)}.ord .order-cust-row{display:flex;align-items:center;gap:9px;margin-bottom:4px}.ord .ord-cust-av{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));overflow:hidden}.ord .ord-cust-av.has-photo{background:none}.ord .ord-cust-av img{width:100%;height:100%;object-fit:cover}.ord .order-customer{font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.3px;line-height:1.25}.ord .order-address{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:var(--navy-soft);line-height:1.35;margin-bottom:8px;font-weight:500}.ord .order-address svg{color:var(--navy-mute);flex-shrink:0;margin-top:1px;width:12px;height:12px}.ord .order-items{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;margin-bottom:8px;padding:7px 10px;background:var(--bg);border-radius:8px}.ord .order-items-label{color:var(--navy);font-weight:600}.ord .order-items-price{color:var(--navy);font-weight:700}.ord .order-time{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-bottom:10px}.ord .order-time svg{width:11px;height:11px}.ord .order-cta{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border-radius:10px;border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#fff}.ord .order-cta svg{width:14px;height:14px}.ord .order-card.pending .order-cta,.ord .order-card.tersedia .order-cta{background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 3px 8px rgba(0,104,208,.3)}.ord .order-card.on_progress .order-cta{background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 3px 8px rgba(37,211,102,.3)}.ord .order-card.delivered .order-cta{background:linear-gradient(135deg,var(--green-dark),#18a04c);box-shadow:0 3px 8px rgba(37,211,102,.3)}.ord .order-steps{display:flex;gap:4px;margin-bottom:10px}.ord .ostep{flex:1 1;height:4px;border-radius:20px;background:#eaf0f4;transition:background .35s ease}.ord .ostep.on{background:linear-gradient(90deg,var(--status-onprogress),var(--green))}.ord .order-card.urgent .status-bar-left{animation:urgentStripe 1.7s ease-in-out infinite}@keyframes urgentStripe{0%,to{opacity:1}50%{opacity:.4}}.ord .order-time.urgent:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);animation:urgentPulse 1.6s infinite}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 rgba(231,76,60,.5)}50%{box-shadow:0 0 0 5px rgba(231,76,60,0)}}.ord .order-payment-info{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--grey-soft);border-radius:8px;font-size:12px;color:var(--navy);font-weight:600}.ord .order-payment-info .pi-icon{width:22px;height:22px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ord .order-payment-info .pi-icon svg{width:12px;height:12px}.ord .pi-icon{width:24px;height:24px;border-radius:6px;background:#fff;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ord .pi-icon svg{width:14px;height:14px;color:var(--navy-soft)}.ord .pi-icon img{width:20px;height:auto}.ord .order-payment-info .pi-label{flex:1 1;text-transform:capitalize}.ord .order-payment-info .pi-amount{font-weight:700}.ord .modal-overlay{position:fixed;inset:0;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.ord .modal-sheet{background:#fff;width:100%;max-width:480px;border-radius:24px 24px 0 0;max-height:88%;display:flex;flex-direction:column;animation:sheetUp .26s cubic-bezier(.34,1.2,.64,1)}.ord .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0;border-bottom:1px solid var(--border)}.ord .modal-title-main{font-size:17px;font-weight:700;color:var(--navy)}.ord .modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1}.ord .modal-body-scroll{overflow-y:auto;padding:14px 20px;flex:1 1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ord .detail-status-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.ord .wa-preview-section{margin-bottom:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;overflow:hidden}.ord .wa-preview-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer}.ord .wa-preview-icon{width:22px;height:22px;border-radius:6px;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ord .wa-preview-icon svg{width:16px;height:16px}.ord .wa-preview-label{flex:1 1;font-size:11.5px;font-weight:700;color:#15803d;text-transform:uppercase;letter-spacing:.4px}.ord .wa-preview-body{padding:0 14px 12px;font-size:12.5px;color:var(--navy);line-height:1.5;font-style:italic;font-weight:500}.ord .detail-section{margin-bottom:18px}.ord .detail-section-title{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}.ord .detail-section-title svg{width:13px;height:13px;color:var(--blue)}.ord .detail-box{background:var(--bg);border-radius:12px;padding:12px 14px;border:1px solid var(--border)}.ord .detail-customer-name{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:3px}.ord .detail-customer-phone{font-size:12px;color:var(--navy-soft);font-weight:500}.ord .cust-box{display:flex;gap:12px;align-items:flex-start}.ord .cust-box-main{flex:1 1;min-width:0}.ord .cust-photo{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--ice);display:flex;align-items:center;justify-content:center;cursor:default;border:1px solid var(--border)}.ord .cust-photo.editable{cursor:pointer}.ord .cust-photo img{width:100%;height:100%;object-fit:cover}.ord .cust-photo-ph{color:var(--blue);font-size:19px;font-weight:800}.ord .cust-photo-ph svg{width:22px;height:22px}.ord .cust-photo-cam{position:absolute;right:2px;bottom:2px;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}.ord .cust-photo-cam svg{width:10px;height:10px}.ord .cust-photo.up{opacity:.6;pointer-events:none}.pl-photo{position:relative;width:76px;height:76px;border-radius:14px;overflow:hidden;background:var(--ice);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 auto 14px}.pl-photo img{width:100%;height:100%;object-fit:cover}.pl-photo-ph{color:var(--blue);font-size:26px;font-weight:800}.pl-photo-cam{position:absolute;right:3px;bottom:3px;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.pl-photo.up{opacity:.6;pointer-events:none}.ord .detail-address-text{font-size:13px;color:var(--navy);line-height:1.4;font-weight:500}.ord .detail-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);gap:8px}.ord .detail-item-row:last-of-type{border-bottom:none}.ord .detail-item-info{flex:1 1;min-width:0}.ord .detail-item-name{font-size:13px;font-weight:600;color:var(--navy)}.ord .detail-item-unit{font-size:10.5px;color:var(--navy-soft);margin-top:1px}.ord .detail-item-controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.ord .qty-btn{width:26px;height:26px;border-radius:7px;background:#fff;border:1px solid var(--border);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer}.ord .qty-btn:active{transform:scale(.9);background:var(--ice)}.ord .qty-value{min-width:20px;text-align:center;font-size:14px;font-weight:700;color:var(--navy)}.ord .detail-item-subtotal{font-size:12.5px;font-weight:700;color:var(--navy);min-width:62px;text-align:right}.ord .item-remove{width:24px;height:24px;border-radius:6px;background:var(--red-soft);border:none;color:var(--red);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:14px}.ord .item-remove:active{transform:scale(.9)}.ord .quick-add-section{margin-top:10px;padding-top:10px;border-top:1px dashed var(--ice-deep)}.ord .quick-add-label{font-size:10.5px;font-weight:600;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.ord .quick-add-pills{display:flex;flex-wrap:wrap;gap:6px}.ord .qa-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:#fff;border:1.5px dashed var(--blue);color:var(--blue);border-radius:20px;font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.ord .qa-pill:active{transform:scale(.95);background:var(--ice)}.ord .detail-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:2px solid var(--blue)}.ord .detail-total-label{font-size:13px;font-weight:600;color:var(--navy-soft)}.ord .detail-total-amount{font-size:18px;font-weight:800;color:var(--blue);letter-spacing:-.5px}.ord .modal-footer{padding:14px 20px 18px;border-top:1px solid var(--border);flex-shrink:0;background:#fff}.ord .btn-cancel-link{padding:10px;margin-bottom:10px;background:transparent;color:var(--red);font-size:12.5px;font-weight:600}.ord .btn-cancel-link,.ord .btn-primary-full{width:100%;border:none;font-family:inherit;cursor:pointer}.ord .btn-primary-full{padding:13px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-size:14.5px;font-weight:700;box-shadow:0 6px 16px rgba(0,104,208,.28);display:flex;align-items:center;justify-content:center;gap:7px}.ord .btn-primary-full.green{background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 6px 16px rgba(37,211,102,.3)}.ord .empty-state{flex-direction:column;padding:60px 30px;text-align:center}.ord .empty-icon,.ord .empty-state{display:flex;align-items:center;justify-content:center}.ord .empty-icon{width:80px;height:80px;background:var(--ice);border-radius:50%;margin-bottom:16px;color:var(--blue)}.ord .empty-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:6px}.ord .empty-msg{font-size:12.5px;color:var(--navy-soft);line-height:1.5;font-weight:500}.bp .app-header{justify-content:space-between}.bp-source{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--ice);border:1px solid var(--ice-deep);border-radius:20px;font-size:10.5px;color:var(--blue);letter-spacing:.4px}.bp-label,.bp-source{font-weight:700;text-transform:uppercase}.bp-label{font-size:11px;letter-spacing:.6px;color:var(--navy-soft);margin-bottom:8px}.bp-req{color:var(--red)}.bp-picker{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}.bp-search{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--border)}.bp-search input{flex:1 1;border:none;outline:none;font-family:inherit;font-size:13.5px;color:var(--navy);background:transparent}.bp-search input::placeholder{color:var(--navy-mute);font-weight:500}.bp-search-clear{width:24px;height:24px;border-radius:50%;background:var(--ice);border:none;color:var(--navy-soft);font-size:15px;line-height:1;cursor:pointer;flex-shrink:0}.bp-list-head{font-size:10px;font-weight:700;color:var(--navy-mute);text-transform:uppercase;letter-spacing:.6px;padding:9px 14px 4px}.bp-list{max-height:262px;overflow-y:auto;padding-bottom:6px}.bp-cust-item{display:block;width:100%;text-align:left;background:none;border:none;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;font-family:inherit}.bp-cust-item:last-child{border-bottom:none}.bp-cust-item:active{background:var(--ice)}.bp-cust-item-name{font-size:13.5px;font-weight:600;color:var(--navy)}.bp-cust-item-addr,.bp-cust-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-cust-item-addr{font-size:11.5px;color:var(--navy-soft);font-weight:500;margin-top:2px}.bp-empty{text-align:center;padding:26px 16px}.bp-empty-title{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:3px}.bp-empty-msg{font-size:11.5px;color:var(--navy-soft)}.bp-empty-cta{display:inline-block;margin-top:12px;padding:9px 16px;background:var(--blue);color:#fff;border-radius:10px;font-size:12.5px;font-weight:700;text-decoration:none}.bp-empty-cta:active{transform:scale(.97)}.bp-cust-card{position:relative;background:#fff;border:1.5px solid var(--blue);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-sm)}.bp-cust-clear{position:absolute;top:11px;right:11px;width:28px;height:28px;border-radius:50%;background:var(--red-soft);color:var(--red);border:none;font-size:17px;line-height:1;cursor:pointer}.bp-cust-clear:active{transform:scale(.9)}.bp-cust-name{font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.3px;padding-right:34px}.bp-cust-phone{font-size:12px;color:var(--navy-soft);font-weight:500;margin-top:3px}.bp-cust-addr{font-size:12.5px;color:var(--navy);font-weight:500;line-height:1.4;margin-top:10px;padding:10px 12px;background:var(--bg);border-radius:10px}.bp-items{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-sm)}.bp-items-empty{text-align:center;padding:12px 0 6px;font-size:12.5px;font-weight:600;color:var(--navy-mute)}.bp-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}.bp-item:first-child{border-top:none}.bp-item-info{flex:1 1;min-width:0}.bp-item-name{font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-item-unit{font-size:10.5px;color:var(--navy-soft);margin-top:1px}.bp-stepper{display:flex;align-items:center;gap:6px;flex-shrink:0}.bp-stepper button{width:26px;height:26px;border-radius:7px;background:#fff;border:1px solid var(--border);color:var(--navy);font-size:15px;font-weight:700;line-height:1;cursor:pointer}.bp-stepper button:active{transform:scale(.9);background:var(--ice)}.bp-stepper span{min-width:20px;text-align:center;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bp-item-sub,.bp-stepper span{font-weight:700;color:var(--navy)}.bp-item-sub{font-size:12.5px;min-width:62px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bp-item-remove{width:24px;height:24px;border-radius:6px;background:var(--red-soft);border:none;color:var(--red);font-size:15px;line-height:1;cursor:pointer;flex-shrink:0}.bp-item-remove:active{transform:scale(.9)}.bp-quickadd{margin-top:12px;padding-top:12px;border-top:1px dashed var(--ice-deep)}.bp-quickadd-label{font-size:10.5px;font-weight:600;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.bp-quickadd-pills{display:flex;flex-wrap:wrap;gap:7px}.bp-pill{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:#fff;border:1.5px dashed var(--blue);color:var(--blue);border-radius:20px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.bp-pill:active{transform:scale(.95);background:var(--ice)}.bp-items-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:2px solid var(--blue)}.bp-items-total span{font-size:13px;font-weight:600;color:var(--navy-soft)}.bp-items-total b{font-size:20px;font-weight:800;color:var(--blue);letter-spacing:-.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bp .sticky-cta{display:flex;flex-direction:column;gap:10px;bottom:72px}.bp-assign{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:11.5px;font-weight:600;line-height:1.3;background:var(--ice);color:var(--blue-dark)}.bp-assign b{font-weight:700}.bp .cta-btn{background:linear-gradient(135deg,var(--green),#1fb857);box-shadow:0 6px 16px rgba(37,211,102,.3)}.tp-content{padding-bottom:112px}.tp-summary-meta{font-size:11.5px;font-weight:500;opacity:.9;margin-top:6px}.tp-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px 14px;margin:16px 0 14px;box-shadow:var(--shadow-sm);color:var(--navy-mute)}.tp-search input{flex:1 1;border:none;outline:none;font-family:inherit;font-size:13.5px;color:var(--navy);background:transparent}.tp-search input::placeholder{color:var(--navy-mute);font-weight:500}.tp-search-clear{width:24px;height:24px;border-radius:50%;background:var(--ice);border:none;color:var(--navy-soft);font-size:15px;line-height:1;cursor:pointer}.tp-card{display:flex;background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:12px;box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer}.tp-card:active{transform:scale(.992)}.tp-card-bar{width:5px;flex-shrink:0;background:var(--green)}.tp-card.overdue .tp-card-bar{background:var(--red)}.tp-card-body{flex:1 1;padding:13px 14px;min-width:0}.tp-card-row1{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.tp-card-info{min-width:0}.tp-card-name{font-size:14.5px;font-weight:700;color:var(--navy)}.tp-card-addr{font-size:11.5px;color:var(--navy-soft);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.tp-card-total{font-size:14.5px;font-weight:800;color:var(--navy);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tp-card-meta{font-size:11.5px;color:var(--navy-soft);margin-top:8px;font-weight:500}.tp-m-over{color:var(--red);font-weight:700}.tp-m-ok{color:var(--green-dark,#1fb857);font-weight:700}.tp-card-hint{font-size:11px;color:var(--navy-soft);margin-top:6px;padding-top:8px;border-top:1px solid var(--border);font-weight:500}.tp .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.tp-sheet{background:#fff;width:100%;max-width:480px;border-radius:24px 24px 0 0;max-height:88%;display:flex;flex-direction:column;padding:8px 0 0;animation:sheetUp .26s cubic-bezier(.34,1.2,.64,1)}.tp-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 20px 12px;border-bottom:1px solid var(--border)}.tp-sheet-name{font-size:17px;font-weight:700;color:var(--navy)}.tp-sheet-sub{font-size:12px;color:var(--navy-soft);margin-top:2px;font-weight:500}.tp-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);font-size:18px;line-height:1;cursor:pointer;flex-shrink:0}.tp-piutang{display:flex;justify-content:space-between;align-items:center;margin:14px 20px 0;padding:12px 14px;background:var(--ice);border:1px solid var(--ice-deep);border-radius:12px}.tp-piutang span{font-size:12px;font-weight:600;color:var(--blue-dark)}.tp-piutang b{font-size:18px;font-weight:800;color:var(--blue);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tp-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 20px 0;padding:11px;border-radius:11px;border:1.5px solid var(--green);background:#fff;color:var(--green-dark,#1fb857);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.tp-wa.off{border-color:var(--border);color:var(--navy-mute);background:var(--bg);cursor:not-allowed}.tp-wa-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--navy-mute);color:#fff}.tp-chips{display:flex;gap:8px;padding:12px 20px 0}.tp-chip{flex:1 1;padding:9px;border:1.5px solid var(--ice-deep);background:#fff;border-radius:10px;font-family:inherit;font-size:12px;font-weight:700;color:var(--blue);cursor:pointer}.tp-chip:active{background:var(--ice)}.tp-rows{overflow-y:auto;padding:12px 20px 6px;flex:1 1}.tp-row{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1.5px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer}.tp-row.on{border-color:var(--blue);background:var(--ice)}.tp-row input{width:19px;height:19px;accent-color:var(--blue);flex-shrink:0}.tp-row-info{flex:1 1;min-width:0}.tp-row-date{font-size:13px;font-weight:600;color:var(--navy)}.tp-row-stat{font-size:11px;font-weight:600;margin-top:2px;color:var(--navy-soft)}.tp-row-stat.overdue{color:var(--red)}.tp-row-stat.today{color:var(--orange)}.tp-row-amt{font-size:13.5px;font-weight:700;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tp-foot{display:flex;align-items:center;gap:12px;padding:12px 20px 18px;border-top:1px solid var(--border)}.tp-foot-sum{flex-shrink:0}.tp-foot-sum div{font-size:11px;color:var(--navy-soft);font-weight:600}.tp-foot-sum b{font-size:16px;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tp-foot-btn{flex:1 1;width:auto;margin:0}.tp-back{padding:14px 18px;border:1.5px solid var(--ice-deep);background:#fff;border-radius:13px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--navy-soft);cursor:pointer;flex-shrink:0}.tp-pm{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:16px 20px}.tp-pm-opt{padding:18px 12px;border:1.5px solid var(--ice-deep);background:#fff;border-radius:14px;cursor:pointer;text-align:center;font-family:inherit}.tp-pm-opt.on{border-color:var(--blue);background:var(--ice)}.tp-pm-title{font-size:15px;font-weight:700;color:var(--navy)}.tp-pm-sub{font-size:11px;color:var(--navy-soft);margin-top:3px}:root{--red-dark:#c0392b;--tempo-normal:#22c55e}.app-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;text-decoration:none;position:relative;box-shadow:0 2px 8px rgba(0,104,208,.3);flex-shrink:0}.app-avatar.owner{background:linear-gradient(135deg,#f5a623,#d48705);box-shadow:0 2px 8px rgba(245,166,35,.35)}.app-avatar:active{transform:scale(.95)}.app-avatar-dot{position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2.5px solid #fff}.app-avatar.has-photo{background:none}.app-avatar-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.page-title-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:12px 20px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:55}.page-title{font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.4px}.tp-top{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--bg);padding:14px 20px 10px}.tp-top .hero-card{margin-top:0}.tp-top .tp-search{margin:12px 0 0}.tp-listwrap{padding:8px 20px 112px}.tp-contact{margin:12px 20px 0;display:flex;flex-direction:column;gap:8px;padding:11px 13px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.tp-contact-row{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--navy);font-weight:500;line-height:1.35}.tp-contact-row svg{width:14px;height:14px;color:var(--navy-mute);flex-shrink:0;margin-top:1px}.tp-piutang{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border:none;color:#fff}.tp-piutang span{color:hsla(0,0%,100%,.9)}.tp-piutang b{color:#fff}.tp-card.normal .tp-card-bar{background:var(--tempo-normal)}.tp-m-ok{color:var(--tempo-normal)}.tp-wa-ic{display:inline-flex}.tp-wa-ic svg{width:18px;height:18px;display:block}.tp-pm-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.tp-pm-ic.cash{background:var(--green-soft);color:var(--green-dark)}.tp-pm-ic.cash svg{width:22px;height:22px;display:block}.tp-pm-ic.qris{background:#fff;border:1px solid var(--ice-deep)}.tp-pm-ic.qris svg{width:30px;height:auto;display:block}.tp-card.overdue .tp-card-hint,.tp-card.overdue .tp-card-total{color:var(--red)}.tp-ident{display:flex;flex-direction:column;gap:6px;min-width:0;padding-right:12px}.tp-ident-row{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--navy-soft);font-weight:500;line-height:1.35}.tp-ident-row svg{width:13px;height:13px;color:var(--navy-mute);flex-shrink:0;margin-top:1px}:root{--cat-stok:#16a34a;--cat-stok-soft:#dcfce7}.pg-filterbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--border);padding:10px 20px}.pg-filter-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:var(--ice);border:1px solid var(--ice-deep);border-radius:20px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--blue);cursor:pointer}.pg-filter-pill svg{width:14px;height:14px}.pg-content{padding-top:16px;padding-bottom:112px}.pg-add-btn{margin-top:16px}.pg-exp{display:flex;gap:10px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px 14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.pg-exp-main{flex:1 1;min-width:0}.pg-exp-title{font-size:14px;font-weight:700;color:var(--navy)}.pg-exp-sub{font-size:11.5px;color:var(--navy-soft);margin-top:3px;font-weight:500}.pg-exp-badges{margin-top:8px}.pg-exp-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px;flex-shrink:0}.pg-exp-amt{font-size:14px;font-weight:800;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pg-exp-del{width:30px;height:30px;border-radius:8px;background:var(--red-soft);color:var(--red);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.pg-exp-del svg{width:15px;height:15px}.pg-exp-del:active{transform:scale(.9)}.pg-dateopts{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.pg-dateopt{text-align:left;padding:13px 14px;border:1.5px solid var(--border);background:#fff;border-radius:12px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--navy);cursor:pointer}.pg-dateopt.on{border-color:var(--blue);background:var(--ice);color:var(--blue)}.pg-del-msg{font-size:13px;color:var(--navy-soft);line-height:1.5;margin-bottom:16px}.pg-del-row{display:flex;gap:10px}.pg-del-cancel{border:1.5px solid var(--ice-deep);background:#fff;border-radius:12px;color:var(--navy-soft)}.pg-del-cancel,.pg-del-confirm{flex:1 1;padding:13px;font-weight:700;font-family:inherit;cursor:pointer}.pg-del-confirm{border:none;background:var(--red);color:#fff;border-radius:12px}.pg-add{max-height:90vh;overflow-y:auto}.pg-req{color:var(--red)}.pg-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:6px}.pg-tile{padding:14px 6px;border:1.5px solid var(--border);background:#fff;border-radius:12px;font-family:inherit;cursor:pointer}.pg-tile-label{font-size:11.5px;font-weight:700;color:var(--navy);line-height:1.25}.pg-tile[data-cat=biasa].on{border-color:var(--blue);background:var(--ice)}.pg-tile[data-cat=stok].on{border-color:var(--cat-stok);background:var(--cat-stok-soft)}.pg-tile[data-cat=transfer].on{border-color:var(--orange);background:var(--orange-soft)}.pg-hint{font-size:12px;color:var(--navy-mute);text-align:center;padding:14px 0;font-style:italic}.pg-datestep{display:flex;gap:8px;align-items:stretch}.pg-datefield-wrap{position:relative;flex:1 1}.pg-datefield{display:flex;align-items:center;gap:9px;width:100%;padding:13px 14px;border:1.5px solid var(--ice-deep);border-radius:12px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--navy);cursor:pointer}.pg-datefield svg{width:16px;height:16px;color:var(--navy-mute);flex-shrink:0}.pg-date-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pg-datestepbtn{width:46px;border:1.5px solid var(--ice-deep);border-radius:12px;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer}.pg-datestepbtn svg{width:18px;height:18px}.pg-combo{position:relative}.pg-combo-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:13px 14px;border:1.5px solid var(--ice-deep);border-radius:12px;background:#fff;font-family:inherit;cursor:pointer}.pg-combo-val{flex:1 1;text-align:left;font-size:14px;font-weight:600;color:var(--navy)}.pg-combo-chev,.pg-combo-val.ph{color:var(--navy-mute)}.pg-combo-chev{width:18px;height:18px;flex-shrink:0}.pg-combo-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);z-index:10;overflow:hidden}.pg-combo-search{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--border);color:var(--navy-mute)}.pg-combo-search svg{width:15px;height:15px}.pg-combo-search input{flex:1 1;border:none;outline:none;font-family:inherit;font-size:13px;color:var(--navy)}.pg-combo-list{max-height:200px;overflow-y:auto}.pg-combo-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:11px 14px;border:none;border-bottom:1px solid var(--border);background:#fff;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--navy);cursor:pointer;text-align:left}.pg-combo-opt:last-child{border-bottom:none}.pg-combo-opt:active{background:var(--ice)}.pg-combo-empty{padding:16px;text-align:center;font-size:12px;color:var(--navy-mute)}.pg-qty{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-qty-btn{width:38px;height:38px;border-radius:10px;background:#fff;font-size:18px;color:var(--blue);cursor:pointer}.pg-qty-btn,.pg-qty-input{border:1.5px solid var(--ice-deep);font-weight:700}.pg-qty-input{width:64px;text-align:center;padding:10px;border-radius:10px;font-family:inherit;font-size:15px;color:var(--navy)}.pg-qty-hint{font-size:10.5px;color:var(--navy-mute);flex:1 1;min-width:120px}.pg-cur{display:flex;align-items:center;gap:8px;border:1.5px solid var(--ice-deep);border-radius:12px;padding:4px 6px 4px 14px;background:#fff}.pg-cur-prefix{font-size:14px;font-weight:700;color:var(--navy-soft)}.pg-cur-input{flex:1 1;min-width:0;border:none;outline:none;font-family:inherit;font-size:15px;font-weight:700;color:var(--navy);background:transparent}.pg-cur-steps{display:flex;flex-direction:column;gap:3px}.pg-cur-steps button{width:30px;height:18px;border:none;background:var(--ice);color:var(--blue);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pg-cur-steps button svg{width:12px;height:12px}.pg-src-seg{display:flex;gap:8px}.pg-src-btn{flex:1 1;gap:8px;padding:10px 8px;border-radius:12px;border:1.5px solid var(--ice-deep);background:#fff;color:var(--navy-soft);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}.pg-src-btn,.pg-src-ic{display:flex;align-items:center;justify-content:center}.pg-src-ic{width:26px;height:26px;border-radius:8px;flex-shrink:0}.pg-src-ic svg{width:15px;height:15px}.pg-src-ic.cash{background:var(--green-soft);color:var(--green-dark)}.pg-src-ic.rek{background:var(--ice);color:var(--blue)}.pg-src-btn.on.cash{border-color:var(--green-dark);color:var(--green-dark)}.pg-src-btn.on.rek{border-color:var(--blue);color:var(--blue)}.pg-filterbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.pg-tambah{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(0,104,208,.3)}.pg-tambah svg{width:15px;height:15px}.pg-tambah:active{transform:scale(.96)}.pg-hero-date{font-size:11.5px;opacity:.9;margin-top:6px;font-weight:500}.pg-exp{align-items:flex-start}.pg-exp-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pg-exp-ic svg{width:19px;height:19px}.pg-exp-ic.biasa{background:var(--ice);color:var(--blue)}.pg-exp-ic.stok{background:var(--cat-stok-soft);color:var(--cat-stok)}.pg-exp-ic.transfer{background:var(--orange-soft);color:var(--orange-dark)}.pg-exp-foot{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.pg-exp-meta{font-size:11px;color:var(--navy-mute);font-weight:500}.pg-tile{flex-direction:column;gap:7px}.pg-tile,.pg-tile-ic{display:flex;align-items:center}.pg-tile-ic{width:34px;height:34px;border-radius:10px;justify-content:center}.pg-tile-ic svg{width:17px;height:17px}.pg-tile-ic.biasa{background:var(--ice);color:var(--blue)}.pg-tile-ic.stok{background:var(--cat-stok-soft);color:var(--cat-stok)}.pg-tile-ic.transfer{background:var(--orange-soft);color:var(--orange-dark)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:60}.ord .filter-tabs{z-index:40;background:var(--bg);margin:-8px -20px 14px;padding:12px 20px 10px}.dash .section-tabs,.ord .filter-tabs{position:-webkit-sticky;position:sticky;top:67px}.dash .section-tabs{z-index:39}.ord .wa-preview-meta{padding:8px 14px;border-top:1px dashed #bbf7d0;font-size:10.5px;color:#15803d;font-weight:600}.ord .pay-summary{padding:16px 20px 8px}.ord .pay-summary-cust{font-size:13px;color:var(--navy);font-weight:600}.ord .pay-summary-items{font-size:11px;color:var(--navy-soft);font-weight:500;margin-top:1px}.ord .pay-summary-amount{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.4px;margin-top:2px}.ord .promo-section{padding:8px 20px}.ord .promo-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:9px}.ord .promo-chips{display:flex;flex-wrap:wrap;gap:6px}.ord .promo-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;background:#fff;border:1.5px solid var(--border);color:var(--navy-soft);border-radius:20px;font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.ord .promo-chip.selected{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#db2777;color:#fff;box-shadow:0 3px 8px rgba(236,72,153,.3)}.ord .order-summary-section{padding:0 20px 8px;margin-top:6px}.ord .summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12.5px}.ord .summary-row.subtotal{color:var(--navy-soft)}.ord .summary-row.discount{color:#ec4899;font-weight:600}.ord .summary-row.total{border-top:1.5px solid var(--ice-deep);margin-top:6px;padding-top:10px;font-size:14px;font-weight:700;color:var(--navy)}.ord .summary-row.total .summary-amount{font-size:16px;color:var(--blue)}.ord .payment-options{display:flex;flex-direction:column;gap:8px;padding:0 20px 8px}.ord .payment-option{display:flex;align-items:center;gap:13px;padding:14px;background:#fff;border:2px solid var(--border);border-radius:14px;cursor:pointer}.ord .payment-option.selected{border-color:var(--blue);background:var(--ice);box-shadow:0 0 0 3px rgba(0,104,208,.1)}.ord .payment-option-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ord .payment-option-icon svg{width:22px;height:22px}.ord .payment-option-icon.cash{background:var(--green-soft);color:var(--green-dark)}.ord .payment-option-icon.qris{background:var(--ice);color:var(--blue)}.ord .payment-option-icon.tempo{background:var(--orange-soft);color:var(--orange-dark)}.ord .payment-option-icon.gratis{background:#f3e8ff;color:#9333ea}.ord .payment-option-info{flex:1 1}.ord .payment-option-title{font-size:14px;font-weight:700;color:var(--navy)}.ord .payment-option-sub{font-size:11px;color:var(--navy-soft);margin-top:2px}.ord .payment-option-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:13px}.ord .payment-option.selected .payment-option-check{background:var(--blue);border-color:var(--blue)}.ord .qr-display{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:14px;padding:18px 14px;margin:8px 20px;border:2px solid var(--blue)}.ord .qr-display img{width:200px;height:200px;object-fit:contain;border-radius:8px}.ord .qr-amount{font-size:22px;font-weight:800;color:var(--blue);margin-top:10px}.ord .qr-instruction{font-size:11.5px;color:var(--navy-soft);margin-top:4px;font-weight:500}.ord .tempo-date-section{display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:14px 16px;margin:8px 20px;border:2px solid var(--orange)}.ord .tempo-date-label{font-size:11px;font-weight:700;color:var(--orange-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.ord .tempo-date-input{width:100%;padding:12px 14px;border:1.5px solid var(--orange);border-radius:10px;background:var(--orange-soft);font-family:inherit;font-size:14px;font-weight:600;color:var(--navy)}.ord .tempo-date-preview{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;background:var(--ice);border-radius:10px;font-size:11.5px;color:var(--navy);font-weight:500}.ord .tempo-date-preview b{margin-left:auto;color:var(--blue)}.ord .payment-modal-footer{padding:14px 20px 20px;border-top:1px solid var(--border);background:#fff;flex-shrink:0}.ord .confirm-modal{align-items:center}.ord .confirm-sheet{background:#fff;width:calc(100% - 48px);max-width:360px;border-radius:20px;padding:24px 22px;text-align:center}.ord .confirm-icon{width:64px;height:64px;border-radius:50%;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:30px}.ord .confirm-title{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:6px}.ord .confirm-body{font-size:13px;color:var(--navy-soft);line-height:1.5;margin-bottom:6px}.ord .confirm-warn{font-size:11px;color:var(--red);font-weight:600;margin-bottom:20px}.ord .confirm-actions{display:flex;gap:10px}.ord .confirm-actions button{flex:1 1;padding:14px;border-radius:12px;border:none;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.app-header .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 2px 8px rgba(0,104,208,.3)}.app-header .avatar.owner{background:linear-gradient(135deg,#f5a623,#d48705)}:root{--status-tersedia:#67e8f9;--status-tersedia-soft:#ecfeff;--status-tersedia-dark:#0e7490;--status-pending:#f59e0b;--status-pending-soft:#fef3c7;--status-pending-dark:#b45309;--status-onprogress:#fb923c;--status-onprogress-soft:#ffedd5;--status-onprogress-dark:#c2410c;--status-delivered:#86efac;--status-delivered-soft:#dcfce7;--status-delivered-dark:#15803d;--status-done:#15803d;--status-done-soft:#dcfce7;--status-done-dark:#14532d}.ord .status-badge.s-tersedia{background:var(--status-tersedia-soft);color:var(--status-tersedia-dark)}.ord .status-badge.s-pending{background:var(--status-pending-soft);color:var(--status-pending-dark)}.ord .status-badge.s-on_progress{background:var(--status-onprogress-soft);color:var(--status-onprogress-dark)}.ord .status-badge.s-delivered{background:var(--status-delivered-soft);color:var(--status-delivered-dark)}.ord .status-badge.s-done{background:var(--status-done-soft);color:var(--status-done-dark)}.ord .order-time.urgent{color:var(--red);font-weight:600}.bnav-fab:active{background:linear-gradient(135deg,var(--blue),var(--blue-dark))!important}.ord .cancel-sheet{background:#fff;width:100%;max-width:480px;border-radius:24px 24px 0 0;padding:8px 22px 26px;animation:sheetUp .26s cubic-bezier(.34,1.2,.64,1)}.ord .cancel-title{font-size:17px;font-weight:700;color:var(--navy);text-align:center;margin:6px 0 4px}.ord .cancel-body{font-size:12.5px;color:var(--navy-soft);text-align:center;margin-bottom:16px;line-height:1.5}.ord .reason-option{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1.5px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--navy)}.ord .reason-option .rdot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.ord .reason-option.selected{border-color:var(--red);background:var(--red-soft);color:var(--red)}.ord .reason-option.selected .rdot{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 3px #fff}.ord .cancel-actions{display:flex;gap:10px;margin-top:14px}.ord .cancel-actions button{flex:1 1;padding:14px;border-radius:12px;border:none;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.ord .btn-sec{background:var(--ice);color:var(--navy)}.ord .btn-danger{background:var(--red);color:#fff}.ord .btn-danger:disabled{opacity:.5}.ord .gratis-banner{margin:8px 20px;padding:16px;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:14px;text-align:center;color:#9333ea;font-weight:700;font-size:14px}.ord .qr-display.clickable{cursor:zoom-in}.ord .qr-full{position:fixed;inset:0;background:rgba(21,50,79,.94);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:14px}.ord .qr-full img{width:100%;max-width:300px;background:#fff;padding:14px;border-radius:16px}.ord .qr-full-hint{color:hsla(0,0%,100%,.82);font-size:12px;font-weight:600}@keyframes ordDrop{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0;transform:translateY(-2px)}to{opacity:1;max-height:360px;transform:translateY(0)}}.ord .qr-display,.ord .tempo-date-section{animation:ordDrop .28s ease;overflow:hidden}.bnav-fab.on{background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 8px 20px rgba(0,104,208,.45)}.page-anim{animation:none}.shell-swipe{min-height:0}.page-slide.from-right{animation:slideR .28s cubic-bezier(.22,.61,.36,1)}.page-slide.from-left{animation:slideL .28s cubic-bezier(.22,.61,.36,1)}@keyframes slideR{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}@keyframes slideL{0%{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:translateX(0)}}.date-option,.filter-tab,.order-card,.payment-option,.promo-chip,.qa-pill,.reason-option,.section-tab,.set-row,.tp-card,.vs-option{transition:transform .12s ease,box-shadow .15s ease}.date-option:active,.order-card:active,.payment-option:active,.promo-chip:active,.qa-pill:active,.reason-option:active,.set-row:active,.tp-card:active,.vs-option:active{transform:scale(.978)}button:active:not(:disabled){transform:scale(.97)}.btn-primary-full,.cta-btn,.google-btn,.order-cta{transition:transform .1s ease,box-shadow .15s ease,opacity .15s ease}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-slide .content>*,.page-slide .notice,.page-slide .tp-listwrap>*{animation:riseIn .34s cubic-bezier(.22,.61,.36,1) backwards}.page-slide .content>:nth-child(2),.page-slide .tp-listwrap>:nth-child(2){animation-delay:45ms}.page-slide .content>:nth-child(3),.page-slide .tp-listwrap>:nth-child(3){animation-delay:.09s}.page-slide .content>:nth-child(4),.page-slide .tp-listwrap>:nth-child(4){animation-delay:.135s}.page-slide .content>:nth-child(5),.page-slide .tp-listwrap>:nth-child(5){animation-delay:.18s}.page-slide .content>:nth-child(6),.page-slide .tp-listwrap>:nth-child(6){animation-delay:.225s}.page-slide .content>:nth-child(n+7){animation-delay:.26s}.page-slide .content>.modal-overlay,.page-slide .content>.sheet-overlay,.page-slide .profil>.modal-overlay,.page-slide .profil>.sheet-overlay,.page-slide .tp-listwrap>.modal-overlay,.page-slide .tp-listwrap>.sheet-overlay{animation:fadeIn .2s ease}.skel{background:linear-gradient(90deg,#e8eff6 25%,#f4f8fc 50%,#e8eff6 75%);background-size:720px 100%;animation:skShimmer 1.2s linear infinite;border-radius:14px}.skel-head{height:64px;background:#fff;border-bottom:1px solid var(--border);justify-content:space-between;padding:0 20px}.skel-head,.toast-wrap{display:flex;align-items:center}.toast-wrap{position:fixed;top:14px;left:0;right:0;flex-direction:column;gap:8px;z-index:600;pointer-events:none;padding:0 16px}.toast{background:var(--navy);color:#fff;padding:11px 16px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 24px rgba(21,50,79,.28);display:flex;align-items:center;gap:9px;animation:toastIn .3s cubic-bezier(.22,.61,.36,1);max-width:92%}.toast.success{background:#15803d}.toast.error{background:#c0392b}.toast .tcheck{width:18px;height:18px;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(-12px)}}.toast.out{animation:toastOut .25s ease forwards}.pg-exp.biasa{border-left:4px solid var(--blue)}.pg-exp.stok{border-left:4px solid var(--cat-stok,#9333ea)}.pg-exp.transfer{border-left:4px solid var(--orange)}@keyframes bellRing{0%,70%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(11deg)}20%,40%,60%{transform:rotate(-11deg)}}.dash .banner-available .b-icon svg{animation:bellRing 2.4s ease-in-out infinite;transform-origin:50% 10%}.pg-datefield-wrap.full{position:relative;width:100%}.pg-datefield-wrap.full .pg-datefield{width:100%;display:flex;align-items:center;gap:9px;padding:12px 14px;border:1.5px solid var(--ice-deep);border-radius:12px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--navy)}.pg-datefield-wrap.full .pg-datefield-chev{margin-left:auto;color:var(--navy-mute)}.pg-datefield-wrap.full .pg-date-native{position:absolute;inset:0;opacity:0;width:100%;height:100%}.bnav{transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tp-chip{transition:transform .1s ease,background .12s ease,color .12s ease}.tp-chip:active{background:var(--blue);color:#fff;border-color:var(--blue);transform:scale(.95)}body,html{height:100%;overflow:hidden;overscroll-behavior:none}.app-shell{position:fixed;inset:0;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--bg)}.app-scroll{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:84px}.app-scroll::-webkit-scrollbar{display:none}.app-shell .app-scroll .content,.app-shell .app-scroll .pg-content,.app-shell .app-scroll .profil,.app-shell .app-scroll .tp-content,.app-shell .app-scroll .tp-listwrap{padding-bottom:18px!important}.app-shell .app-scroll .bp .content{padding-bottom:210px!important}.app-shell .app-header{position:static}.dash .section-tabs,.ord .filter-tabs{top:0}.app-shell .bnav{position:absolute;bottom:0;left:0;right:0;max-width:480px}.app-shell .app-scroll .wrap{min-height:0}.pf-titlebar{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 20px 14px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:40}.pf-titlebar .page-title{font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.4px}.pf-back,.sub-back{width:32px;height:32px;border-radius:10px;background:var(--bg);border:none;color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;cursor:pointer;transition:background .15s}.pf-back:active,.sub-back:active{background:var(--ice)}.pf-back svg,.sub-back svg{width:18px;height:18px}.app-scroll .page-title-bar{position:-webkit-sticky;position:sticky;top:0;z-index:40}.set-page .content{padding-bottom:116px!important}.profil{padding:0 16px 116px}.profil .profile-hero{background:linear-gradient(135deg,var(--blue) 0,var(--blue-dark) 100%);margin:14px -16px 18px;padding:24px 16px 36px;text-align:center;position:relative}.profil .profile-avatar-lg{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.1));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:30px;margin:0 auto 12px;border:3.5px solid hsla(0,0%,100%,.35);letter-spacing:-1px;position:relative}.profil .profile-avatar-lg.has-photo{background-size:cover;background-position:50%}.profil .profile-avatar-lg.has-photo span{display:none}.profil .profile-avatar-lg .lg-dot{position:absolute;bottom:3px;right:3px;width:18px;height:18px;border-radius:50%;background:var(--green);border:3px solid #fff}.profil .profile-avatar-lg .lg-dot.off{background:var(--orange);animation:offDotPulse 1.6s ease-in-out infinite}@keyframes offDotPulse{0%,to{box-shadow:0 0 0 0 rgba(245,166,35,.45)}50%{box-shadow:0 0 0 7px rgba(245,166,35,0)}}.profil .photo-btn{position:absolute;right:-3px;bottom:-3px;width:30px;height:30px;border-radius:50%;background:var(--blue);border:3px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px -2px rgba(0,104,208,.6);z-index:2}.profil .photo-btn svg{width:14px;height:14px}.profil .photo-btn:disabled{opacity:.6}.profil .profile-name{font-size:19px;font-weight:700;color:#fff;letter-spacing:-.3px}.profil .profile-role-pill{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 12px;background:hsla(0,0%,100%,.22);border-radius:14px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.6px}.profil .profile-role-pill svg{width:11px;height:11px}.profil .info-card{background:#fff;border-radius:14px;margin-top:-24px;margin-bottom:14px;box-shadow:var(--shadow-md);overflow:hidden;position:relative;z-index:2}.profil .info-card.flat{margin-top:14px}.profil .info-section-label{font-size:10.5px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.7px;padding:14px 16px 6px}.profil .info-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid var(--border)}.profil .info-row:first-of-type{border-top:none}.profil .info-row-icon{width:32px;height:32px;border-radius:9px;background:var(--ice);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profil .info-row-icon svg{width:15px;height:15px}.profil .info-row-body{flex:1 1;min-width:0}.profil .info-row-label{font-size:10.5px;color:var(--navy-soft);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;display:flex;align-items:center}.profil .info-row-value{font-size:13.5px;color:var(--navy);font-weight:700;letter-spacing:-.1px}.profil .lock-tag{font-size:9px;font-weight:700;color:var(--navy-mute);background:var(--grey-soft);padding:2px 6px;border-radius:6px;margin-left:6px;text-transform:none;letter-spacing:0}.profil .role-badge{display:inline-block;padding:3px 10px;background:var(--ice);color:var(--blue);font-size:11px;font-weight:700;border-radius:10px;text-transform:uppercase;letter-spacing:.4px}.profil .role-badge.owner{background:var(--orange-soft);color:var(--orange-dark)}.profil .pf-input{width:100%;margin-top:5px;padding:8px 10px;border:1.5px solid var(--ice-deep);border-radius:9px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none}.profil .pf-input.ini{width:74px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.profil .pf-hint{margin-top:5px;font-size:10.5px;color:var(--navy-mute);font-weight:500}.profil .edit-profile-btn{width:100%;padding:13px;background:var(--ice);color:var(--blue);border:1.5px solid var(--ice-deep);border-radius:12px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,background .15s}.profil .edit-profile-btn:active{transform:scale(.98);background:var(--ice-deep)}.profil .edit-profile-btn svg{width:14px;height:14px}.profil .edit-actions{display:flex;gap:9px}.profil .edit-actions button{flex:1 1;padding:12px;border:none;border-radius:12px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s}.profil .edit-actions button:active{transform:scale(.98)}.profil .btn-cancel{background:var(--ice);color:var(--navy)}.profil .btn-save{background:linear-gradient(140deg,var(--blue),var(--blue-dark));color:#fff}.profil .btn-save:disabled{opacity:.55}.profil .work-row{display:flex;align-items:center;gap:13px;padding:2px 16px 0}.profil .work-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--green-soft);color:var(--green-dark);transition:all .2s}.profil .work-icon.off{background:var(--orange-soft);color:var(--orange-dark)}.profil .work-icon svg{width:20px;height:20px}.profil .work-title{font-size:15px;font-weight:700;color:var(--navy)}.profil .work-sub{font-size:11.5px;color:var(--navy-soft);font-weight:500;margin-top:1px;line-height:1.35}.profil .work-switch{flex-shrink:0;width:50px;height:30px;border-radius:16px;border:none;background:var(--green);position:relative;cursor:pointer;transition:background .2s}.profil .work-switch.off{background:#cbd5e1}.profil .work-knob{position:absolute;top:3px;left:23px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:left .2s}.profil .work-switch.off .work-knob{left:3px}.profil .work-note{margin-top:12px;padding:11px 16px 14px;border-top:1px solid var(--border);font-size:10.5px;color:var(--navy-mute);font-weight:500;line-height:1.45;display:flex;align-items:flex-start;gap:7px}.profil .work-note svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.profil .work-note b{color:var(--navy-soft)}.profil .ncat{display:flex;align-items:center;gap:13px;padding:12px 16px}.profil .ncat+.ncat{border-top:1px solid var(--border)}.profil .info-card.notif-dim .ncat{opacity:.5}.page-slide .profil>*{animation:riseIn .34s cubic-bezier(.22,.61,.36,1) backwards}.page-slide .profil>:nth-child(2){animation-delay:45ms}.page-slide .profil>:nth-child(3){animation-delay:.09s}.page-slide .profil>:nth-child(4){animation-delay:.135s}.page-slide .profil>.modal-overlay,.page-slide .profil>.sheet-overlay{animation-delay:0s}.driver-avatar.has-photo,.radio-card-avatar.has-photo{background:none!important;position:relative;overflow:hidden;padding:0}.dav-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.set-page .content{padding:18px 16px 96px}.sub-back{width:34px;height:34px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.sub-back:active{background:var(--ice);transform:scale(.95)}.sub-back svg{width:18px;height:18px}.page-title-bar.with-back{justify-content:flex-start}.page-title-bar.with-back .page-title{flex:1 1}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--navy-mute);margin:18px 4px 8px}.set-page .content>.section-label:first-child{margin-top:2px}.settings-list{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}.setting-row{display:flex;align-items:center;gap:13px;padding:14px 16px;text-decoration:none;border-top:1px solid var(--border);background:#fff;width:100%;text-align:left;font-family:inherit}.setting-row:first-child{border-top:none}.setting-row:active{background:var(--bg)}button.setting-row{cursor:pointer;border:none;border-top:1px solid var(--border)}.setting-row.static{cursor:default}.setting-row.static:active{background:#fff}.notif-master-off{background:var(--orange-soft);color:var(--orange-dark);font-size:12.5px;font-weight:600;padding:10px 14px;border-radius:12px;margin-bottom:14px;line-height:1.45}.notif-master-off a{color:var(--blue);font-weight:700}.notif-hint{font-size:11.5px;color:var(--navy-soft);font-weight:500;margin-top:12px;padding:0 4px;line-height:1.5}.setting-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ice);color:var(--blue)}.setting-icon svg{width:19px;height:19px}.setting-body{flex:1 1;min-width:0}.setting-title{display:block;font-size:14.5px;font-weight:700;color:var(--navy)}.setting-sub{display:block;font-size:11.5px;color:var(--navy-soft);margin-top:2px;line-height:1.35}.setting-trail{color:var(--navy-mute);flex-shrink:0;display:flex;align-items:center}.setting-trail .chevron svg{width:18px;height:18px}.setting-row.danger .setting-title{color:var(--red)}.setting-row.danger .setting-icon{background:var(--red-soft);color:var(--red)}.setting-row[data-key=profil] .setting-icon{background:#e8f0fa;color:var(--blue-dark)}.setting-row[data-key=pelanggan] .setting-icon{background:#fff3dd;color:var(--orange-dark)}.setting-row[data-key=produk] .setting-icon{background:#dcfce7;color:#15803d}.setting-row[data-key=promo] .setting-icon{background:#fce7f3;color:#be185d}.setting-row[data-key=keuangan] .setting-icon{background:#e0f2fe;color:var(--blue)}.setting-row[data-key=laporan] .setting-icon{background:#e0f2fe;color:var(--blue-dark)}.setting-row[data-key=tim] .setting-icon{background:#ede9fe;color:#6d28d9}.setting-row[data-key=whatsapp] .setting-icon{background:var(--green-soft);color:var(--green-dark)}.setting-row[data-key=sistem] .setting-icon{background:var(--grey-soft);color:var(--navy-soft)}.setting-row[data-key=maintenance] .setting-icon{background:#e0f7fa;color:#0e7490}.setting-row[data-key=branding] .setting-icon{background:#fff3dd;color:var(--orange-dark)}.set-foot{text-align:center;margin-top:20px;padding:14px 0}.set-foot .v{font-size:11px;color:var(--navy-mute);font-weight:600}.set-foot .t{font-size:10px;color:var(--navy-mute);font-weight:500;margin-top:3px;font-style:italic}.pl .content{padding:4px 16px 112px}.pl .header-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(0,104,208,.3);flex-shrink:0}.pl .header-action-btn:active{transform:scale(.97)}.pl .header-action-btn svg{width:13px;height:13px}.pl .search-wrap{background:#fff;margin:14px 0 0;padding:10px 14px;border-radius:13px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.pl .search-wrap svg{color:var(--navy-mute);flex-shrink:0}.pl .search-input{flex:1 1;border:none;outline:none;background:transparent;font-family:inherit;font-size:13px;color:var(--navy);font-weight:500}.pl .search-input::placeholder{color:var(--navy-mute)}.pl .filter-chips{display:flex;gap:8px;padding:12px 0 4px;overflow-x:auto}.pl .filter-chips::-webkit-scrollbar{display:none}.pl .chip{white-space:nowrap;flex-shrink:0;padding:7px 14px;background:#fff;border:1.5px solid var(--border);border-radius:14px;font-family:inherit;font-size:12px;font-weight:700;color:var(--navy-soft);cursor:pointer;transition:all .15s;display:inline-flex;align-items:center}.pl .chip.active{background:var(--ice);border-color:var(--blue);color:var(--blue)}.pl .chip.churn-chip svg{width:11px;height:11px;margin-right:3px}.pl .pl-list{margin-top:6px}.pl .cust-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px 14px;margin-bottom:10px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s;width:100%;text-align:left;font-family:inherit;display:block}.pl .cust-card:active{transform:scale(.99)}.pl .cust-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.pl .cust-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.2px;flex:1 1;min-width:0}.pl .cust-name .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl .vip-star{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:800;color:var(--orange-dark);background:var(--orange-soft);padding:2px 6px;border-radius:7px;flex-shrink:0;letter-spacing:.3px}.pl .vip-star svg{width:9px;height:9px}.pl .group-pill{display:inline-flex;align-items:center;padding:2.5px 9px;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:.3px;flex-shrink:0}.pl .group-pill.pribadi{background:var(--ice);color:var(--blue)}.pl .group-pill.bisnis{background:var(--orange-soft);color:var(--orange-dark)}.pl .cust-meta{display:flex;flex-direction:column;gap:3px;margin-bottom:7px}.pl .cust-meta-row{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--navy-soft)}.pl .cust-meta-row svg{width:12px;height:12px;flex-shrink:0;color:var(--navy-mute)}.pl .cust-meta-row .v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl .cust-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--border);gap:8px}.pl .driver-mini{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--ice);border-radius:8px;font-size:10.5px;font-weight:700;color:var(--blue)}.pl .driver-mini.none{background:var(--grey-soft);color:var(--navy-mute)}.pl .driver-mini svg{width:10px;height:10px}.pl .status-chip{font-size:10px;font-weight:700;padding:3px 9px;border-radius:8px;flex-shrink:0}.pl .status-chip.aktif{background:var(--green-soft);color:var(--green-dark)}.pl .status-chip.disapa{background:var(--orange-soft);color:var(--orange-dark)}.pl .status-chip.churn{background:var(--red-soft);color:var(--red)}.pl .status-chip.none{background:var(--grey-soft);color:var(--navy-mute)}.pl .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.pl .modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;max-height:90%;display:flex;flex-direction:column;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.pl .modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 0;flex-shrink:0}.pl .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0}.pl .modal-title-main{font-size:17px;font-weight:700;color:var(--navy)}.pl .modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.pl .modal-close:active{background:var(--ice)}.pl .modal-body{padding:0 20px 18px;overflow-y:auto;flex:1 1}.pl .modal-body::-webkit-scrollbar{display:none}.pl .detail-strip{background:var(--bg);border-radius:11px;padding:10px 12px;margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.pl .detail-row{display:flex;justify-content:space-between;align-items:center;font-size:11.5px}.pl .detail-row .lbl{color:var(--navy-soft);font-weight:500}.pl .detail-row .val{color:var(--navy);font-weight:700}.pl .form-section{margin-bottom:14px}.pl .form-section-title{font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.pl .form-label{font-size:11.5px;font-weight:600;color:var(--navy-soft);margin-bottom:5px;display:block}.pl .form-label .req{color:var(--red)}.pl .form-input,.pl .form-textarea{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;transition:border-color .15s}.pl .form-input:focus,.pl .form-textarea:focus{border-color:var(--blue);background:#fff}.pl .form-input::placeholder,.pl .form-textarea::placeholder{color:var(--navy-mute)}.pl .form-textarea{resize:none;line-height:1.4}.pl .phone-input-wrap{position:relative}.pl .phone-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13.5px;font-weight:700;color:var(--navy-soft);pointer-events:none}.pl .phone-input{padding-left:44px;font-weight:600}.pl .field-row{margin-bottom:11px}.pl .field-row:last-child{margin-bottom:0}.pl .radio-card-list{display:flex;flex-direction:column;gap:8px}.pl .radio-card{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#fff;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s;width:100%;text-align:left;font-family:inherit}.pl .radio-card.selected{border-color:var(--blue);background:var(--ice)}.pl .radio-card-avatar{width:32px;height:32px;border-radius:50%;background:var(--ice-deep);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.pl .radio-card.selected .radio-card-avatar{background:var(--blue);color:#fff}.pl .radio-card.none .radio-card-avatar{background:var(--grey-soft);color:var(--navy-mute)}.pl .radio-card-info{flex:1 1;min-width:0}.pl .radio-card-name{font-size:13px;font-weight:700;color:var(--navy)}.pl .radio-card-sub{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin-top:1px}.pl .radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--navy-mute);flex-shrink:0;display:flex;align-items:center;justify-content:center}.pl .radio-card.selected .radio-dot{border-color:var(--blue)}.pl .radio-card.selected .radio-dot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--blue)}.pl .radio-pill-row{display:flex;gap:8px}.pl .radio-pill{flex:1 1;padding:11px;background:#fff;border:1.5px solid var(--border);border-radius:11px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--navy-soft);text-align:center;transition:all .15s}.pl .radio-pill.selected{border-color:var(--blue);background:var(--ice);color:var(--blue)}.pl .history-list{display:flex;flex-direction:column;gap:7px}.pl .hist-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-radius:10px;padding:9px 11px;gap:10px}.pl .hist-left{display:flex;flex-direction:column;gap:2px;min-width:0}.pl .hist-date{font-size:10px;font-weight:600;color:var(--navy-mute)}.pl .hist-items{font-size:12px;font-weight:600;color:var(--navy)}.pl .hist-total{font-size:12.5px;font-weight:700;color:var(--navy);flex-shrink:0}.pl .hist-empty{font-size:12px;font-weight:500;color:var(--navy-mute);text-align:center;padding:18px 10px}.pl .delete-link-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);text-align:center}.pl .delete-link-btn{background:transparent;border:none;color:var(--red);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px}.pl .delete-link-btn:active{background:var(--red-soft)}.pl .delete-link-btn svg{width:13px;height:13px}.pl .modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:9px;flex-shrink:0}.pl .btn-secondary{flex:1 1;padding:12px;background:var(--ice);color:var(--navy);border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pl .btn-secondary:active{background:var(--ice-deep)}.pl .btn-primary{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(37,211,102,.3)}.pl .btn-primary:active{transform:scale(.98)}.pl .btn-primary:disabled{background:var(--grey-soft);color:var(--navy-mute);box-shadow:none;cursor:not-allowed}.pl .btn-primary svg{width:14px;height:14px}.pl .confirm-modal-body{padding:22px 22px 18px;text-align:center}.pl .confirm-icon-wrap{width:56px;height:56px;background:var(--red-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.pl .confirm-icon-wrap svg{width:26px;height:26px;color:var(--red)}.pl .confirm-title{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:14px}.pl .delete-summary{background:var(--bg);border-radius:12px;padding:12px 14px;margin-bottom:12px;text-align:left}.pl .delete-summary-title{font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:3px}.pl .delete-summary-meta{font-size:11px;color:var(--navy-soft);font-weight:500}.pl .warning-banner{font-size:11.5px;color:var(--orange-dark);font-weight:600;padding:10px 12px;background:var(--orange-soft);border-radius:10px;margin-bottom:14px;text-align:left;line-height:1.4}.pl .confirm-actions{display:flex;gap:9px}.pl .btn-danger{flex:1 1;padding:12px;background:linear-gradient(135deg,var(--red),#c0392b);color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(231,76,60,.35)}.pl .btn-danger:active{transform:scale(.98)}.pl .btn-danger svg{width:13px;height:13px}.pr .content{padding:14px 16px 96px}.pr .header-action-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(0,104,208,.3);flex-shrink:0}.pr .header-action-btn:active{transform:scale(.97)}.pr .header-action-btn svg{width:13px;height:13px}.pr .prod-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px;margin-bottom:10px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:12px;transition:transform .12s;width:100%;text-align:left;font-family:inherit}.pr .prod-card.tap:active{transform:scale(.99)}.pr .prod-card.inactive{opacity:.5}.pr .prod-thumb{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ice);color:var(--blue);background-size:cover;background-position:50%}.pr .prod-thumb svg{width:24px;height:24px}.pr .prod-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.pr .prod-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pr .prod-name{font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.2px;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr .stock-pill{display:inline-flex;align-items:center;gap:3px;padding:2.5px 8px;border-radius:9px;font-size:10px;font-weight:700;flex-shrink:0;letter-spacing:.2px}.pr .stock-pill.count{background:var(--grey-soft);color:var(--navy-soft)}.pr .stock-pill.untracked{background:var(--grey-soft);color:var(--navy-mute)}.pr .stock-pill.aman{background:var(--green-soft);color:var(--green-dark)}.pr .stock-pill.tipis{background:var(--orange-soft);color:var(--orange-dark)}.pr .stock-pill.low{background:var(--red-soft);color:var(--red)}.pr .prod-price-row{display:flex;align-items:baseline;gap:4px;margin-top:1px}.pr .prod-price{font-size:14px;font-weight:800;color:var(--navy);letter-spacing:-.4px}.pr .prod-unit{font-size:11px}.pr .prod-meta,.pr .prod-unit{color:var(--navy-soft);font-weight:500}.pr .prod-meta{font-size:10.5px;margin-top:2px;letter-spacing:.1px}.pr .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.pr .modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;max-height:90%;display:flex;flex-direction:column;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.pr .modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 0;flex-shrink:0}.pr .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0}.pr .modal-title-main{font-size:17px;font-weight:700;color:var(--navy)}.pr .modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.pr .modal-close:active{background:var(--ice)}.pr .modal-body{padding:0 20px 18px;overflow-y:auto;flex:1 1}.pr .modal-body::-webkit-scrollbar{display:none}.pr .modal-warn{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--orange-soft);border-radius:10px;margin-bottom:14px;font-size:11.5px;color:var(--orange-dark);font-weight:600;line-height:1.4}.pr .modal-warn svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.pr .form-section{margin-bottom:14px}.pr .form-label{font-size:11.5px;font-weight:600;color:var(--navy-soft);margin-bottom:5px;display:block}.pr .form-label .req{color:var(--red)}.pr .field-row{margin-bottom:11px}.pr .field-row:last-child{margin-bottom:0}.pr .form-input{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;transition:border-color .15s}.pr .form-input:focus{border-color:var(--blue);background:#fff}.pr .form-input::placeholder{color:var(--navy-mute)}.pr .currency-input-wrap{position:relative}.pr .currency-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13.5px;font-weight:700;color:var(--navy-soft);pointer-events:none}.pr .currency-input{padding-left:38px;font-weight:700;font-size:14.5px}.pr .form-select{width:100%;padding:12px 36px 12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A7593' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.pr .form-select:focus{border-color:var(--blue)}.pr .form-hint{font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-top:5px;line-height:1.4}.pr .photo-edit-row{display:flex;align-items:center;gap:12px}.pr .photo-thumb{width:56px;height:56px;border-radius:13px;background:var(--ice);color:var(--blue);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:50%}.pr .photo-thumb svg{width:26px;height:26px}.pr .photo-upload-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;background:var(--ice);color:var(--blue);border:1.5px solid var(--ice-deep);border-radius:11px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s}.pr .photo-upload-btn:active{background:var(--ice-deep)}.pr .photo-upload-btn svg{width:14px;height:14px}.pr .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg);border-radius:11px;cursor:pointer}.pr .toggle-label-wrap{display:flex;flex-direction:column;gap:2px}.pr .toggle-label{font-size:13px;font-weight:700;color:var(--navy)}.pr .toggle-sub{font-size:11px;color:var(--navy-soft);font-weight:500}.pr .toggle-switch{width:44px;height:26px;background:var(--grey);border-radius:13px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.pr .toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.pr .toggle-switch.on{background:var(--green)}.pr .toggle-switch.on:after{transform:translateX(18px)}.pr .modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:9px;flex-shrink:0}.pr .btn-secondary{flex:1 1;padding:12px;background:var(--ice);color:var(--navy);border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pr .btn-secondary:active{background:var(--ice-deep)}.pr .btn-primary{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(37,211,102,.3)}.pr .btn-primary:active{transform:scale(.98)}.pr .btn-primary:disabled{background:var(--grey-soft);color:var(--navy-mute);box-shadow:none;cursor:not-allowed}.pr .btn-primary svg{width:14px;height:14px}.pr .btn-danger{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--red),#c0392b);color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(231,76,60,.32)}.pr .btn-danger:active{transform:scale(.98)}.pr .btn-danger:disabled{opacity:.6;cursor:not-allowed}.pr .btn-danger svg{width:14px;height:14px}.pr .btn-icon-danger{flex-shrink:0;width:46px;padding:12px;background:var(--red-soft);color:var(--red);border:none;border-radius:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pr .btn-icon-danger:active{background:#fbd8d4}.pr .btn-icon-danger svg{width:16px;height:16px}.pr .delete-link-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);text-align:center}.pr .delete-link-btn{background:transparent;border:none;color:var(--red);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px}.pr .delete-link-btn:active{background:var(--red-soft)}.pr .delete-link-btn svg{width:13px;height:13px}.pm{--pink:#be185d;--pink-soft:#fce7f3}.pm .content{padding:16px 16px 96px}.pm .add-pill{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px rgba(0,104,208,.3);flex-shrink:0}.pm .add-pill:active{transform:scale(.96)}.pm .add-pill svg{width:13px;height:13px}.pm .list-helper{font-size:11.5px;color:var(--navy-soft);font-weight:500;margin:0 4px 12px;line-height:1.45}.pm .promo-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 14px 12px;margin-bottom:10px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s;width:100%;text-align:left;font-family:inherit;display:block}.pm .promo-card:active{transform:scale(.99)}.pm .promo-card.inactive{opacity:.78}.pm .promo-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.pm .promo-name{font-size:14px;font-weight:700;color:var(--navy);letter-spacing:-.2px}.pm .status-pill{font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:8px;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0}.pm .status-pill.aktif{background:var(--green-soft);color:var(--green-dark)}.pm .status-pill.nonaktif{background:var(--grey-soft);color:var(--navy-soft)}.pm .promo-discount{font-size:22px;font-weight:800;color:var(--pink);letter-spacing:-.6px;margin:2px 0 4px}.pm .promo-desc{font-size:12px;font-weight:500;line-height:1.4}.pm .promo-desc,.pm .promo-meta{color:var(--navy-soft);margin-bottom:10px}.pm .promo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:10.5px;font-weight:600}.pm .promo-meta .sep{width:3px;height:3px;background:var(--navy-mute);border-radius:50%}.pm .promo-meta .uses{color:var(--pink);font-weight:700}.pm .promo-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px dashed var(--border)}.pm .promo-code-wrap{display:flex;align-items:center;gap:7px;flex:1 1;min-width:0}.pm .promo-code{font-family:ui-monospace,JetBrains Mono,monospace;font-size:11.5px;font-weight:700;color:var(--navy);background:var(--ice);padding:3px 8px;border-radius:7px;letter-spacing:.2px}.pm .pm-toggle{position:relative;width:34px;height:20px;background:var(--grey-soft);border-radius:11px;cursor:pointer;flex-shrink:0;transition:background .2s;border:none;padding:0}.pm .pm-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.pm .pm-toggle.on{background:var(--green)}.pm .pm-toggle.on:after{transform:translateX(14px)}.pm .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.pm .modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;max-height:90%;display:flex;flex-direction:column;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.pm .modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 0;flex-shrink:0}.pm .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0}.pm .modal-title-main{font-size:17px;font-weight:700;color:var(--navy)}.pm .modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.pm .modal-close:active{background:var(--ice)}.pm .modal-body{padding:0 20px 18px;overflow-y:auto;flex:1 1}.pm .modal-body::-webkit-scrollbar{display:none}.pm .form-section{margin-bottom:14px}.pm .form-section-title{font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.pm .form-section-title .req{color:var(--red)}.pm .form-input{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;transition:border-color .15s}.pm .form-input:focus{border-color:var(--blue);background:#fff}.pm .form-input::placeholder{color:var(--navy-mute)}.pm .form-input.code-input{font-family:ui-monospace,JetBrains Mono,monospace;font-weight:700;text-transform:lowercase;letter-spacing:.2px}.pm .form-textarea{min-height:64px;resize:vertical;line-height:1.4}.pm .form-hint{font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-top:5px;line-height:1.4}.pm .currency-input-wrap{position:relative}.pm .currency-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13.5px;font-weight:700;color:var(--navy-soft);pointer-events:none}.pm .currency-input{padding-left:38px;font-weight:700;font-size:15px}.pm .form-select{width:100%;padding:12px 36px 12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A7593' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.pm .form-select:focus{border-color:var(--blue)}.pm .pick-row{display:flex;flex-wrap:wrap;gap:8px}.pm .pick-chip{padding:9px 13px;background:#fff;border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--navy-soft);cursor:pointer;transition:all .15s}.pm .pick-chip:active{transform:scale(.97)}.pm .pick-chip.on{border-color:var(--blue);background:var(--ice);color:var(--blue)}.pm .type-seg-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:7px;gap:7px}.pm .type-seg{padding:11px 6px;background:#fff;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:5px}.pm .type-seg:active{transform:scale(.97)}.pm .type-seg-icon{font-size:18px;line-height:1}.pm .ptype-ic{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pm .ptype-ic svg{width:14px;height:14px}.pm .ptype-ic.flat{background:var(--green-soft);color:var(--green-dark)}.pm .ptype-ic.free_qty{background:var(--ice);color:var(--blue)}.pm .ptype-ic.percent{background:var(--orange-soft);color:var(--orange-dark)}.pm .type-seg .ptype-ic{width:30px;height:30px;margin:0 auto}.pm .type-seg-label{font-size:10px;font-weight:700;color:var(--navy);line-height:1.25}.pm .type-seg.selected{border-color:var(--pink);background:var(--pink-soft)}.pm .status-radio-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.pm .status-radio{padding:12px 10px;background:#fff;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .15s;text-align:center}.pm .status-radio:active{transform:scale(.97)}.pm .status-radio-dot{width:10px;height:10px;border-radius:50%;background:var(--grey-soft)}.pm .status-radio[data-val=aktif] .status-radio-dot{background:var(--green)}.pm .status-radio[data-val=nonaktif] .status-radio-dot{background:var(--navy-mute)}.pm .status-radio-label{font-size:12.5px;font-weight:700;color:var(--navy)}.pm .status-radio-sub{font-size:10px;color:var(--navy-soft);font-weight:500}.pm .status-radio.selected[data-val=aktif]{border-color:var(--green);background:var(--green-soft)}.pm .status-radio.selected[data-val=nonaktif]{border-color:var(--navy-mute);background:var(--grey-soft)}.pm .delete-link-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);text-align:center}.pm .delete-link{background:none;border:none;color:var(--red);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px}.pm .delete-link:active{background:var(--red-soft)}.pm .delete-link svg{width:13px;height:13px}.pm .modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:9px;flex-shrink:0}.pm .btn-secondary{flex:1 1;padding:12px;background:var(--ice);color:var(--navy);border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pm .btn-secondary:active{background:var(--ice-deep)}.pm .btn-primary{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(37,211,102,.3)}.pm .btn-primary:active{transform:scale(.98)}.pm .btn-primary:disabled{background:var(--grey-soft);color:var(--navy-mute);box-shadow:none;cursor:not-allowed}.pm .btn-primary svg{width:14px;height:14px}.kg .content{padding:14px 16px 96px}.kg .section-label{font-size:10.5px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.7px;margin:18px 4px 6px}.kg .content>.section-label:first-child{margin-top:0}.kg .section-helper{font-size:11px;color:var(--navy-soft);font-weight:500;margin:0 4px 9px;line-height:1.45}.kg .section-helper strong{color:var(--navy);font-weight:700}.kg .group-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.kg .detail-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:none;border-bottom:1px solid var(--border);gap:10px;width:100%;text-align:left;background:#fff;font-family:inherit}.kg .detail-row:last-child{border-bottom:none}.kg .detail-row.clickable{cursor:pointer}.kg .detail-row.clickable:active{background:var(--bg)}.kg .row-label-wrap{flex:1 1;min-width:0}.kg .row-label{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.1px}.kg .row-sublabel{font-size:11px;color:var(--navy-soft);font-weight:500;margin-top:2px}.kg .row-muted{color:var(--navy-mute);font-weight:500}.kg .row-right{display:flex;align-items:center;gap:9px;flex-shrink:0}.kg .row-value{font-size:14px;font-weight:800;color:var(--navy);letter-spacing:-.3px;text-align:right}.kg .edit-icon-btn{width:30px;height:30px;border-radius:9px;background:var(--ice);color:var(--blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.kg .edit-icon-btn:active{background:var(--ice-deep)}.kg .edit-icon-btn svg{width:14px;height:14px}.kg .add-row-btn{width:100%;margin-top:9px;padding:11px;background:var(--ice);color:var(--blue);border:1.5px dashed var(--ice-deep);border-radius:12px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.kg .add-row-btn:active{background:var(--ice-deep)}.kg .add-row-btn svg{width:14px;height:14px}.kg .icon-btn-sm{width:30px;height:30px;border-radius:9px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.kg .icon-btn-sm.edit{background:var(--ice);color:var(--blue)}.kg .icon-btn-sm.del{background:var(--red-soft);color:var(--red)}.kg .icon-btn-sm:active{filter:brightness(.94)}.kg .icon-btn-sm svg{width:13px;height:13px}.kg .cat-treat{font-size:9px;font-weight:800;padding:3px 8px;border-radius:7px;letter-spacing:.4px;flex-shrink:0}.kg .cat-treat.hpp{background:var(--orange-soft);color:var(--orange-dark)}.kg .cat-treat.opex{background:var(--ice);color:var(--blue)}.kg .auto-badge{font-size:9px;font-weight:800;padding:3px 8px;border-radius:7px;letter-spacing:.4px;flex-shrink:0;background:var(--grey-soft);color:var(--navy-soft)}.kg .cat-lock{width:24px;height:24px;color:var(--navy-mute);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kg .cat-lock svg{width:14px;height:14px}.kg .date-row{display:flex;gap:8px;align-items:stretch}.kg .date-row .form-input{flex:1 1}.kg .date-back-btn{flex-shrink:0;padding:0 14px;background:var(--ice);color:var(--blue);border:1.5px solid var(--ice-deep);border-radius:11px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.kg .date-back-btn:active{background:var(--ice-deep);transform:scale(.97)}.kg .date-step-btn{flex-shrink:0;width:44px;display:flex;align-items:center;justify-content:center;background:var(--ice);color:var(--blue);border:1.5px solid var(--ice-deep);border-radius:11px;cursor:pointer}.kg .date-step-btn:active:not(:disabled){background:var(--ice-deep)}.kg .date-step-btn:disabled{opacity:.4;cursor:not-allowed}.kg .date-step-btn svg{width:16px;height:16px}.kg .qris-thumb{width:46px;height:46px;border-radius:10px;background:var(--ice);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--blue);letter-spacing:.5px;overflow:hidden;background-size:cover;background-position:50%}.kg .recon-hist-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--border);font-size:11.5px}.kg .recon-hist-left{color:var(--navy-soft);font-weight:600}.kg .recon-hist-val{font-weight:700}.kg .recon-hist-val.match{color:var(--green-dark)}.kg .recon-hist-val.diff{color:var(--red)}.kg .recon-start-row .row-label{color:var(--blue)}.kg .access-denied{flex-direction:column;padding:60px 24px;text-align:center}.kg .access-denied,.kg .access-icon-wrap{display:flex;align-items:center;justify-content:center}.kg .access-icon-wrap{width:80px;height:80px;background:var(--red-soft);border-radius:50%;margin-bottom:18px}.kg .access-icon-wrap svg{width:36px;height:36px;color:var(--red)}.kg .access-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:7px;letter-spacing:-.2px}.kg .access-msg{font-size:12px;color:var(--navy-soft);font-weight:500;line-height:1.5;margin-bottom:24px;max-width:260px}.kg .access-back-btn{width:100%;max-width:240px;padding:12px;background:var(--ice);color:var(--navy);border:none;border-radius:12px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.kg .access-back-btn:active{background:var(--ice-deep)}.kg .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.kg .modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;max-height:90%;display:flex;flex-direction:column;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.kg .modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 0;flex-shrink:0}.kg .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0}.kg .modal-title-main{font-size:17px;font-weight:700;color:var(--navy)}.kg .modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.kg .modal-close:active{background:var(--ice)}.kg .modal-body{padding:0 20px 18px;overflow-y:auto;flex:1 1}.kg .modal-body::-webkit-scrollbar{display:none}.kg .form-section{margin-bottom:14px}.kg .form-section-title{font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.kg .form-input{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;transition:border-color .15s}.kg .form-input:focus{border-color:var(--blue);background:#fff}.kg .form-input::placeholder{color:var(--navy-mute)}.kg .form-input:disabled{background:var(--ice);color:var(--navy-soft)}.kg .currency-input-wrap{position:relative}.kg .currency-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13.5px;font-weight:700;color:var(--navy-soft);pointer-events:none}.kg .currency-input{padding-left:38px;font-weight:700;font-size:15px}.kg .form-hint{font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-top:5px;line-height:1.4}.kg .form-hint strong{font-weight:800}.kg .type-seg-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.kg .type-seg{padding:11px 10px;background:#fff;border:1.5px solid var(--border);border-radius:11px;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit;font-size:13px;font-weight:700;color:var(--navy)}.kg .type-seg:active{transform:scale(.98)}.kg .type-seg.selected{border-color:var(--blue);background:var(--ice);color:var(--blue)}.kg .type-seg-main{font-size:13px;font-weight:700}.kg .type-seg-sub{font-size:10px;font-weight:500;color:var(--navy-soft);margin-top:2px}.kg .type-seg.selected .type-seg-sub{color:var(--blue)}.kg .modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:9px;flex-shrink:0}.kg .btn-secondary{flex:1 1;padding:12px;background:var(--ice);color:var(--navy);border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.kg .btn-secondary:active{background:var(--ice-deep)}.kg .btn-primary{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(37,211,102,.3)}.kg .btn-primary:active{transform:scale(.98)}.kg .btn-primary:disabled{background:var(--grey-soft);color:var(--navy-mute);box-shadow:none;cursor:not-allowed}.kg .btn-primary svg{width:14px;height:14px}.kg .btn-danger{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--red),#c0392b);color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(231,76,60,.35)}.kg .btn-danger:active{transform:scale(.98)}.kg .btn-danger svg{width:14px;height:14px}.sys .pay-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sys .pay-ic svg{width:17px;height:17px}.sys .pay-ic.cash{background:var(--green-soft);color:var(--green-dark)}.sys .pay-ic.qris{background:#fff;border:1px solid var(--ice-deep)}.sys .pay-ic.qris svg{width:24px;height:auto}.sys .pay-ic.tempo{background:var(--orange-soft);color:var(--orange-dark)}.sys .toggle-switch{position:relative;width:42px;height:25px;background:var(--grey-soft);border-radius:13px;cursor:pointer;flex-shrink:0;transition:background .2s;border:none;padding:0}.sys .toggle-switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.sys .toggle-switch.on{background:var(--green)}.sys .toggle-switch.on:after{transform:translateX(17px)}.kg .pay-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kg .pay-ic svg{width:17px;height:17px}.kg .pay-ic.cash{background:var(--green-soft);color:var(--green-dark)}.kg .pay-ic.qris{background:#fff;border:1px solid var(--ice-deep)}.kg .pay-ic.qris svg{width:24px;height:auto}.kg .pay-ic.tempo{background:var(--orange-soft);color:var(--orange-dark)}.kg .toggle-switch{position:relative;width:42px;height:25px;background:var(--grey-soft);border-radius:13px;cursor:pointer;flex-shrink:0;transition:background .2s;border:none;padding:0}.kg .toggle-switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.kg .toggle-switch.on{background:var(--green)}.kg .toggle-switch.on:after{transform:translateX(17px)}.kg .toggle-switch:disabled{opacity:.5;cursor:default}.kg .cat-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;margin-right:4px;color:var(--navy-mute,#9aabbd);cursor:-webkit-grab;cursor:grab;flex-shrink:0;touch-action:none}.kg .cat-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.kg .cat-row-dragging{background:var(--ice,#eef4fb);border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.12)}.sys .churn-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block;vertical-align:middle;margin-right:7px}.sys .churn-dot.orange{background:var(--orange)}.sys .churn-dot.red{background:var(--red)}.sys .info-note{display:flex;gap:9px;padding:11px 13px;background:var(--ice);border-radius:11px;margin-top:9px;font-size:11px;color:var(--navy-soft);font-weight:500;line-height:1.45}.sys .info-note svg{width:15px;height:15px;color:var(--blue);flex-shrink:0;margin-top:1px}.sys .info-note strong{font-weight:800}.sys .lock-icon{width:26px;height:26px;color:var(--navy-mute);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sys .lock-icon svg{width:14px;height:14px}.sys .num-wrap{position:relative}.sys .num-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:600;color:var(--navy-soft);pointer-events:none}.sys .num-input{padding-right:64px!important;font-weight:700;font-size:15px}.mtc .add-pill{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:7px 13px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0;box-shadow:0 3px 8px rgba(0,104,208,.3)}.mtc .add-pill:active{transform:scale(.96)}.mtc .add-pill svg{width:13px;height:13px}.mtc .qc-hero{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:18px;padding:16px 18px;color:#fff;box-shadow:0 8px 24px rgba(0,104,208,.28);transition:background .3s}.mtc .qc-hero.warn{background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 8px 24px rgba(212,135,5,.28)}.mtc .qc-hero.danger{background:linear-gradient(135deg,var(--red),#c0392b);box-shadow:0 8px 24px rgba(231,76,60,.28)}.mtc .qc-hero-top{display:flex;align-items:center;gap:9px;margin-bottom:12px}.mtc .qc-hero-ic{width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtc .qc-hero-ic svg{width:19px;height:19px}.mtc .qc-hero-title{font-size:14px;font-weight:800}.mtc .qc-hero-sub{font-size:10.5px;opacity:.9;font-weight:500;line-height:1.4}.mtc .qc-metrics{display:flex;gap:10px}.mtc .qc-metric{flex:1 1;background:hsla(0,0%,100%,.16);border-radius:12px;padding:10px 12px}.mtc .qc-metric-label{font-size:10px;opacity:.9;font-weight:600}.mtc .qc-metric-val{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.mtc .qc-metric-unit{font-size:10px;opacity:.85;font-weight:600}.mtc .qc-metric-date{font-size:9.5px;opacity:.82;font-weight:600;margin-top:4px}.mtc .check-row{display:flex;align-items:center;gap:11px;padding:13px 16px;border:none;border-bottom:1px solid var(--border);width:100%;text-align:left;background:#fff;font-family:inherit;cursor:pointer}.mtc .check-row:last-child{border-bottom:none}.mtc .check-row:active{background:var(--bg)}.mtc .chk-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtc .chk-ic.test{background:var(--ice);color:var(--blue)}.mtc .chk-ic.change{background:var(--orange-soft);color:var(--orange-dark)}.mtc .chk-ic svg{width:18px;height:18px}.mtc .chk-info{flex:1 1;min-width:0}.mtc .chk-name{font-size:13.5px;font-weight:700;color:var(--navy)}.mtc .chk-last{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin-top:2px;line-height:1.35}.mtc .chk-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.mtc .due-pill{font-size:9px;font-weight:800;padding:3px 8px;border-radius:7px;white-space:nowrap}.mtc .due-pill.aman{background:var(--green-soft);color:var(--green-dark)}.mtc .due-pill.segera{background:var(--orange-soft);color:var(--orange-dark)}.mtc .due-pill.lewat{background:var(--red-soft);color:var(--red);animation:mtcPulse 1.7s ease-in-out infinite}@keyframes mtcPulse{0%,to{box-shadow:0 0 0 0 rgba(231,76,60,.35)}50%{box-shadow:0 0 0 5px rgba(231,76,60,0)}}.mtc .chk-freq{font-size:9.5px;color:var(--navy-mute);font-weight:700}.mtc .chevron{color:var(--navy-mute);flex-shrink:0}.mtc .chevron svg{width:16px;height:16px}.mtc .hist-entry{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}.mtc .hist-entry:last-child{border-bottom:none}.mtc .hist-dot{width:9px;height:9px;border-radius:50%;background:var(--ice-deep);margin-top:5px;flex-shrink:0}.mtc .hist-dot.ok{background:var(--green)}.mtc .hist-dot.warn{background:var(--red)}.mtc .hist-body{flex:1 1;min-width:0}.mtc .hist-val{font-size:13px;font-weight:700;color:var(--navy)}.mtc .hist-meta{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin-top:2px}.mtc .hist-badge{font-size:9px;font-weight:800;padding:3px 8px;border-radius:7px;flex-shrink:0}.mtc .hist-badge.ok{background:var(--green-soft);color:var(--green-dark)}.mtc .hist-badge.warn{background:var(--red-soft);color:var(--red)}.mtc .hist-info-card{background:var(--bg);border-radius:12px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.mtc .hist-info-l{font-size:11px;color:var(--navy-soft);font-weight:500}.mtc .hist-info-l b{color:var(--navy);font-weight:700}.mtc .catat-btn{width:100%;padding:11px;background:var(--ice);color:var(--blue);border:1.5px solid var(--ice-deep);border-radius:11px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:14px}.mtc .catat-btn:active{background:var(--ice-deep)}.mtc .catat-btn svg{width:15px;height:15px}.mtc .modal-hd-actions{display:flex;gap:7px}.mtc .modal-icon-btn{width:32px;height:32px;border-radius:9px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mtc .modal-icon-btn.edit{background:var(--ice);color:var(--blue)}.mtc .modal-icon-btn.del{background:var(--red-soft);color:var(--red)}.mtc .modal-icon-btn svg{width:15px;height:15px}.mtc .freq-chip{padding:7px 14px;border-radius:14px;cursor:pointer;font-family:inherit;font-weight:700;font-size:12px;border:1.5px solid var(--border);background:#fff;color:var(--navy-soft)}.mtc .freq-chip.selected{border-color:var(--blue);background:var(--ice);color:var(--blue)}.mtc .form-select{width:100%;padding:12px 36px 12px 14px;background-color:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--navy);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A7593' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.mtc .form-select:focus{border-color:var(--blue);background-color:#fff}.mtc .confirm-icon-wrap{width:54px;height:54px;border-radius:50%;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center;margin:6px auto 12px}.mtc .confirm-icon-wrap svg{width:26px;height:26px}.wa .conn-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa .conn-ic svg{width:16px;height:16px}.wa .conn-ic.in{background:var(--ice);color:var(--blue)}.wa .conn-ic.out{background:var(--green-soft);color:var(--green-dark)}.wa .collap-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;padding:10px 0;cursor:pointer;font-family:inherit;border-top:1px solid var(--border);margin-top:4px}.wa .collap-head:first-child{border-top:none;margin-top:0}.wa .collap-sum{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--navy-soft)}.wa .collap-chev{display:inline-flex;color:var(--navy-mute);transition:transform .18s}.wa .collap-chev.open{transform:rotate(180deg)}.wa .collap-chev svg{width:14px;height:14px}.wa .wa-guide-hide{margin-top:10px;border:none;color:var(--blue);font-size:11.5px;padding:4px 0}.wa .wa-guide-hide,.wa .wa-guide-link{background:none;font-family:inherit;font-weight:700;cursor:pointer}.wa .wa-guide-link{width:100%;margin-top:9px;padding:10px;border:1.5px dashed var(--border);border-radius:11px;color:var(--navy-soft);font-size:12px}.wa .wa-guide-link:active{background:var(--bg)}.wa .leg-head{display:flex;align-items:center;gap:8px;margin:20px 4px 6px}.wa .leg-ic{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wa .leg-ic svg{width:14px;height:14px}.wa .leg-ic.in{background:var(--ice);color:var(--blue)}.wa .leg-ic.out{background:var(--green-soft);color:var(--green-dark)}.wa .leg-title{font-size:13px;font-weight:800;color:var(--navy);letter-spacing:-.2px;flex:1 1;display:flex;align-items:center;gap:7px;flex:0 0 auto}.wa .leg-badge{font-size:8.5px;font-weight:800;padding:2.5px 7px;border-radius:7px;letter-spacing:.4px;flex-shrink:0}.wa .leg-badge.free{background:var(--green-soft);color:var(--green-dark)}.wa .leg-badge.quota{background:var(--orange-soft);color:var(--orange-dark)}.wa .leg-head .conn-pill{margin-left:auto}.wa .conn-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;padding:3.5px 9px;border-radius:9px;flex-shrink:0}.wa .conn-pill .cp-dot{width:7px;height:7px;border-radius:50%}.wa .conn-pill.ok{background:var(--green-soft);color:var(--green-dark)}.wa .conn-pill.ok .cp-dot{background:var(--green)}.wa .conn-pill.no{background:var(--red-soft);color:var(--red)}.wa .conn-pill.no .cp-dot{background:var(--red)}.wa .feat.locked{opacity:.55}.wa .quota-low{color:var(--red)!important}.wa .wa-cost-note{font-size:11px;color:var(--navy-soft);font-weight:500;background:var(--ice);border-radius:11px;padding:10px 13px;margin-top:9px;line-height:1.5}.wa .wa-cost-note b{color:var(--navy);font-weight:700}.wa .wa-alert{font-size:11px;color:var(--orange-dark);font-weight:600;background:var(--orange-soft);border-radius:11px;padding:10px 13px;margin:0 0 9px;line-height:1.5}.wa .wa-test-btn{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px;padding:10px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-radius:10px;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 3px 8px rgba(37,211,102,.3)}.wa .wa-test-btn svg{width:14px;height:14px}.wa .tpl-prep{font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px;background:var(--ice);color:var(--blue);letter-spacing:.3px;margin-left:6px;text-transform:none}.wa .feat-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start}.wa .feat-ic svg{width:17px;height:17px}.wa .feat-ic.in{background:var(--ice);color:var(--blue)}.wa .feat-ic.out{background:var(--green-soft);color:var(--green-dark)}.wa .feat-ic.warn{background:var(--orange-soft);color:var(--orange-dark)}.wa .prov-card{width:100%;display:flex;align-items:center;gap:11px;padding:12px 13px;background:#fff;border:1.5px solid var(--border);border-radius:12px;margin-bottom:8px;cursor:pointer;font-family:inherit;text-align:left}.wa .prov-card.selected{border-color:var(--blue);background:var(--ice)}.wa .prov-card.disabled{opacity:.6;cursor:not-allowed}.wa .prov-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800;font-size:15px}.wa .prov-ic svg{width:17px;height:17px}.wa .prov-ic.fonnte{background:var(--ice);color:var(--blue)}.wa .prov-ic.waba{background:var(--green-soft);color:var(--green-dark)}.wa .prov-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.wa .prov-name{font-size:13px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wa .prov-sub{font-size:10.5px;color:var(--navy-soft);font-weight:500;line-height:1.35}.wa .prov-soon{font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:6px;background:var(--orange-soft);color:var(--orange-dark);letter-spacing:.3px}.wa .prov-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);flex-shrink:0}.wa .prov-card.selected .prov-dot{border-color:var(--blue);background:radial-gradient(circle,var(--blue) 45%,transparent 50%)}.wa .prov-compare{width:100%;background:none;border:none;color:var(--blue);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;padding:6px 0 0;text-align:left}.wa .phone-62-wrap{display:flex;align-items:center;gap:8px}.wa .phone-62{flex-shrink:0;padding:12px;background:var(--grey-soft);border-radius:11px;font-size:13.5px;font-weight:700;color:var(--navy-soft)}.app-header .brand-mark.has-logo{background:#fff;border:1px solid var(--border)}.app-header .brand-logo-img{width:100%;height:100%;object-fit:contain;border-radius:inherit;padding:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ord .cust-edit-btn{margin-left:auto;width:26px;height:26px;border-radius:8px;background:var(--ice);color:var(--blue);border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.ord .cust-edit-btn svg{width:12px;height:12px}.ord .cust-edit-input{width:100%;padding:10px 12px;background:#fff;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;color:var(--navy);outline:none;resize:none}.ord .cust-edit-input:focus{border-color:var(--blue)}.ord .cust-edit-actions{display:flex;gap:8px;margin-top:9px}.ord .cust-edit-actions .btn-sec{flex:1 1;background:var(--ice);color:var(--navy)}.ord .cust-edit-actions .btn-sec,.ord .cust-save-btn{padding:10px;border:none;border-radius:10px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.ord .cust-save-btn{flex:1.4 1;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}.ord .cust-save-btn:disabled{background:var(--grey-soft);color:var(--navy-mute);cursor:not-allowed}.ord .cust-wa-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.ord .cust-wa-link .cwl-ic{width:16px;height:16px;display:inline-flex;flex-shrink:0}.dash .churn-wa{width:30px;height:30px;border-radius:9px;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;margin-left:8px}.dash .churn-wa svg{width:15px;height:15px}.dash .churn-wa:active{filter:brightness(.94)}.pl .cust-wa{width:28px;height:28px;border-radius:9px;background:var(--green-soft);color:var(--green-dark);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.pl .cust-wa svg{width:14px;height:14px}.pl .cust-wa:active{filter:brightness(.94)}.pl .noaddr-badge{font-size:10px;font-weight:800;padding:2.5px 8px;border-radius:7px;background:var(--orange-soft);color:var(--orange-dark)}.pl .chip.noaddr-chip svg{width:12px;height:12px}.lp .period-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--ice);color:var(--blue);border:none;border-radius:11px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.lp .period-pill svg{width:13px;height:13px}.lp .tabs{display:flex;background:#fff;padding:0 16px;border-bottom:1px solid var(--border);position:relative}.lp .tab-underline{position:absolute;bottom:-1px;left:16px;width:calc((100% - 32px) / 3);height:2.5px;background:var(--blue);border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lp .tab{flex:1 1;padding:13px 4px;background:none;border:none;border-bottom:2.5px solid transparent;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--navy-mute);cursor:pointer;transition:color .15s;position:relative;z-index:1}.lp .tab.active{color:var(--blue)}.lp .lp-tabpanel{animation:tabInR .28s cubic-bezier(.4,0,.2,1)}.lp .lp-tabpanel.dir-l{animation-name:tabInL}.lp .hero{margin:14px 16px 0;border-radius:16px;padding:16px 18px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:var(--shadow-blue)}.lp .hero-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;opacity:.85}.lp .hero-num{font-size:30px;font-weight:800;letter-spacing:-.8px;margin-top:3px}.lp .hero-chips{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.lp .hero-chips .chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:hsla(0,0%,100%,.18);font-size:11px;font-weight:700}.lp .card{background:#fff;border:1px solid var(--border);margin:14px 16px 0;border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden}.lp .card-label{font-size:10.5px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;padding:14px 16px 4px}.lp .row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 16px;gap:12px}.lp .row .lbl{font-weight:500}.lp .row .lbl,.lp .row .val{font-size:13px;color:var(--navy)}.lp .row .val{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.lp .row.sub .lbl{padding-left:12px;font-weight:500}.lp .row.sub .lbl,.lp .row.sub .val{font-size:12.5px;color:var(--navy-soft)}.lp .row.sub .val{font-weight:600}.lp .row .val.neg{color:var(--red)}.lp .row.subtotal{border-top:1px solid var(--border);margin-top:2px;padding-top:11px}.lp .row.subtotal .lbl{font-weight:700}.lp .row.subtotal .val{font-weight:800}.lp .row.grand{background:var(--ice);margin:6px 0 0;padding:13px 16px}.lp .row.grand .lbl{font-weight:800;color:var(--navy);font-size:13.5px}.lp .row.grand .val{font-weight:800;color:var(--blue);font-size:15px}.lp .row.grand .val.neg{color:var(--red)}.lp .sec-head{font-size:11px;font-weight:700;color:var(--navy-soft);padding:12px 16px 2px}.lp .mpill{display:inline-block;margin-left:7px;padding:2px 7px;border-radius:10px;background:var(--ice);color:var(--blue);font-size:10px;font-weight:700;vertical-align:middle;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.2px}.lp .mpill.solid{background:var(--blue);color:#fff}.lp .subtabs{display:flex;gap:6px;margin:14px 16px 0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:4px;box-shadow:var(--shadow-sm);position:relative}.lp .subtab-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 14px) / 2);border-radius:9px;background:var(--ice);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.lp .subtab{flex:1 1;padding:9px;background:none;border:none;border-radius:9px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--navy-soft);cursor:pointer;transition:color .15s;position:relative;z-index:1}.lp .subtab.active{background:transparent;color:var(--blue)}.lp .cf-summary{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin:14px 16px 0}.lp .cfs-tile{background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px;box-shadow:var(--shadow-sm)}.lp .cfs-tile.net{background:var(--ice);border-color:var(--ice-deep)}.lp .cfs-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--navy-mute);margin-bottom:3px}.lp .cfs-val{font-size:13.5px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.2px}.lp .cfs-tile.in .cfs-val{color:var(--green-dark)}.lp .cfs-tile.out .cfs-val{color:var(--red)}.lp .cfs-tile.net .cfs-val{color:var(--blue)}.lp .cfs-tile.net .cfs-val.neg{color:var(--red)}.lp .card-hint{font-size:10.5px;color:var(--navy-mute);font-weight:500;padding:0 16px 8px;display:flex;align-items:center;gap:5px}.lp .card-hint svg{width:12px;height:12px}.lp .day-acc{border-top:1px solid var(--border)}.lp .day-acc:first-of-type{border-top:none}.lp .day-head{width:100%;background:none;border:none;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px;text-align:left}.lp .day-head:active{background:var(--ice)}.lp .dh-main{flex:1 1;min-width:0}.lp .dh-date{font-size:13px;font-weight:700;color:var(--navy);display:block}.lp .dh-sub{font-size:9.5px;font-weight:600;color:var(--navy-mute);text-transform:uppercase;letter-spacing:.4px}.lp .dh-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.lp .dh-pos{font-size:14px;font-weight:800;color:var(--navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.2px}.lp .dh-net{font-size:10.5px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:9px}.lp .dh-net.pos{color:var(--green-dark);background:var(--green-soft)}.lp .dh-net.neg{color:var(--red);background:var(--red-soft)}.lp .dh-chev{width:16px;height:16px;color:var(--navy-mute);flex-shrink:0;transition:transform .2s}.lp .day-acc.open .dh-chev{transform:rotate(180deg)}.lp .day-body{display:none;grid-template-columns:1fr 1fr;gap:8px;padding:2px 16px 13px}.lp .day-acc.open .day-body{display:grid}.lp .db-cell{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:2px}.lp .db-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--navy-mute)}.lp .db-val{font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lp .db-val.in{color:var(--green-dark)}.lp .db-val.out{color:var(--red)}.lp .db-val.zero{color:var(--navy-mute)}.lp .access-msg{margin:60px 30px;text-align:center;font-size:13px;color:var(--navy-soft);font-weight:500;line-height:1.6}.lp .access-msg svg{width:40px;height:40px;color:var(--navy-mute);margin-bottom:12px}.lp .empty-lp{text-align:center;font-size:12.5px;color:var(--navy-mute);font-weight:500;padding:24px 16px}.lp .lp-loading{opacity:.5;transition:opacity .15s}.lp .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.lp .modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;padding:8px 0 18px;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.lp .modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 6px}.lp .modal-title{font-size:14px;font-weight:700;color:var(--navy);padding:8px 20px 10px}.lp .pk-seg{display:flex;gap:4px;margin:2px 16px 0;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:4px;position:relative}.lp .pk-seg-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 16px) / 3);border-radius:9px;background:var(--blue);box-shadow:0 2px 6px rgba(0,104,208,.3);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.lp .pk-seg-btn{flex:1 1;padding:9px;border:none;background:none;border-radius:9px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--navy-soft);cursor:pointer;transition:color .15s;position:relative;z-index:1}.lp .pk-seg-btn.active{background:transparent;color:#fff;box-shadow:none}.lp .pk-year{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 16px 8px}.lp .pk-year span{font-size:16px;font-weight:800;color:var(--navy);min-width:70px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lp .pk-yr-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--blue);font-size:18px;font-weight:700;cursor:pointer;line-height:1}.lp .pk-yr-btn:active{background:var(--ice)}.lp .pk-yr-btn:disabled{opacity:.3;cursor:not-allowed}.lp .pk-body{padding:2px 16px 4px}.lp .pk-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.lp .pk-grid.q{grid-template-columns:repeat(2,1fr)}.lp .pk-grid.y{grid-template-columns:1fr}.lp .pk-cell{min-height:58px;padding:8px 6px;border:1.5px solid var(--border);border-radius:10px;background:#fff;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--navy);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.lp .pk-cell:active{background:var(--ice)}.lp .pk-cell.dis{opacity:.35;cursor:not-allowed;background:var(--bg)}.lp .pk-cell.sel{background:var(--ice);border-color:var(--blue);color:var(--blue)}.lp .pk-cell.q{padding:8px 6px}.lp .pk-cell.y{padding:8px 14px;align-items:flex-start;text-align:left}.lp .pk-cell .qsub{font-size:10px;font-weight:600;color:var(--navy-mute)}.lp .pk-cell.sel .qsub{color:var(--blue)}.lp .pk-apply{padding:12px 16px 2px}.lp .pk-apply-btn{width:100%;padding:13px;border:none;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(0,104,208,.28)}.lp .pk-apply-btn:active{transform:scale(.985)}.gj .content{padding:14px 16px 96px}.gj .section-label{font-size:10.5px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.7px;margin:18px 4px 6px}.gj .content>.section-label:first-child{margin-top:0}.gj .section-helper{font-size:11px;color:var(--navy-soft);font-weight:500;margin:0 4px 9px;line-height:1.45}.gj .section-helper strong{color:var(--navy);font-weight:700}.gj .group-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.gj .payroll-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 6px 16px rgba(0,104,208,.3)}.gj .payroll-btn:active{transform:scale(.98)}.gj .payroll-btn:disabled{background:var(--grey-soft);color:var(--navy-mute);box-shadow:none;cursor:not-allowed}.gj .payroll-btn svg{width:18px;height:18px}.gj .payroll-done{font-size:11.5px;color:var(--green-dark);font-weight:600;background:var(--green-soft);border:1px solid #c5e9d2;border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:7px}.gj .payroll-done svg{width:15px;height:15px;flex-shrink:0}.gj .member-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;text-align:left;background:#fff;font-family:inherit}.gj .member-row:last-child{border-bottom:none}.gj .member-row:active{background:var(--bg)}.gj .member-row.inactive{opacity:.5}.gj .m-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0;background-size:cover;background-position:50%}.gj .m-avatar.blue{background:linear-gradient(135deg,var(--blue),var(--blue-dark))}.gj .m-avatar.green{background:linear-gradient(135deg,var(--green),var(--green-dark))}.gj .m-avatar.gold{background:linear-gradient(135deg,#f5c43a,var(--orange-dark))}.gj .m-avatar.has-photo,.gj .pp-avatar.has-photo{background:none;overflow:hidden}.gj .m-avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.gj .m-info{flex:1 1;min-width:0}.gj .m-name{font-size:13.5px;font-weight:700;color:var(--navy);letter-spacing:-.2px}.gj .m-sub{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin-top:2px;display:flex;align-items:center;gap:6px}.gj .role-pill-sm{font-size:9px;font-weight:800;padding:2px 7px;border-radius:6px;letter-spacing:.3px}.gj .m-email{font-size:10px;color:var(--navy-mute);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.gj .m-pending{display:block;font-size:10px;color:var(--orange-dark);font-weight:700;margin-top:3px}.gj .role-pill-sm.driver{background:var(--ice);color:var(--blue)}.gj .role-pill-sm.owner{background:var(--orange-soft);color:var(--orange-dark)}.gj .role-pill-sm.viewer{background:var(--green-soft);color:var(--green-dark)}.gj .m-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.gj .m-salary{font-size:13.5px;font-weight:800;color:var(--navy);letter-spacing:-.3px}.gj .m-salary-unit{font-size:9.5px;color:var(--navy-soft);font-weight:600}.gj .add-row-btn{width:100%;margin-top:9px;padding:11px;background:var(--ice);color:var(--blue);border:1.5px dashed var(--ice-deep);border-radius:12px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.gj .add-row-btn:active{background:var(--ice-deep)}.gj .add-row-btn svg{width:14px;height:14px}.gj .benefit-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border)}.gj .benefit-row:last-child{border-bottom:none}.gj .benefit-info{flex:1 1;min-width:0}.gj .benefit-name{font-size:13px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:6px}.gj .benefit-formula{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin-top:2px;line-height:1.35}.gj .benefit-edit{width:26px;height:26px;border-radius:8px;background:var(--ice);color:var(--blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.gj .benefit-edit:active{background:var(--ice-deep)}.gj .benefit-edit svg{width:12px;height:12px}.gj .tag-off{font-size:8.5px;font-weight:800;color:var(--navy-mute);background:var(--grey-soft);padding:1.5px 6px;border-radius:5px;letter-spacing:.3px}.gj .toggle-switch{position:relative;width:42px;height:25px;background:var(--grey-soft);border-radius:13px;cursor:pointer;flex-shrink:0;transition:background .2s;border:none;padding:0}.gj .toggle-switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.gj .toggle-switch.on{background:var(--green)}.gj .toggle-switch.on:after{transform:translateX(17px)}.gj .salary-hero{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:18px;padding:18px;color:#fff;box-shadow:0 8px 24px rgba(0,104,208,.28);margin-bottom:6px}.gj .sh-label{font-size:11px;font-weight:600;opacity:.9;letter-spacing:.3px}.gj .sh-amount{font-size:30px;font-weight:800;letter-spacing:-1px;margin:4px 0 2px}.gj .sh-period{font-size:11px;font-weight:500;opacity:.85}.gj .sh-break{margin-top:14px;padding-top:13px;border-top:1px solid hsla(0,0%,100%,.22);display:flex;flex-direction:column;gap:8px}.gj .sh-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}.gj .sh-row .l{opacity:.9;font-weight:500}.gj .sh-row .v{font-weight:700}.gj .hist-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)}.gj .hist-row:last-child{border-bottom:none}.gj .hist-month{font-size:13px;font-weight:700;color:var(--navy)}.gj .hist-sub{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin-top:2px}.gj .hist-amount{font-size:13.5px;font-weight:800;color:var(--navy)}.gj .empty-gj{text-align:center;font-size:12.5px;color:var(--navy-mute);font-weight:500;padding:22px 16px}.gj .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.gj .modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;max-height:90%;display:flex;flex-direction:column;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.gj .modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 0;flex-shrink:0}.gj .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0}.gj .modal-title-main{font-size:17px;font-weight:700;color:var(--navy)}.gj .modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.gj .modal-body{padding:0 20px 18px;overflow-y:auto;flex:1 1}.gj .modal-body::-webkit-scrollbar{display:none}.gj .form-section{margin-bottom:14px}.gj .form-section-title{font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.gj .form-input{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;transition:border-color .15s}.gj .form-input:focus{border-color:var(--blue);background:#fff}.gj .form-input:disabled{background:var(--ice);color:var(--navy-soft)}.gj .form-input::placeholder{color:var(--navy-mute)}.gj .form-hint{font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-top:5px;line-height:1.4}.gj .currency-input-wrap,.gj .pct-input-wrap{position:relative}.gj .currency-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13.5px;font-weight:700;color:var(--navy-soft);pointer-events:none}.gj .currency-input{padding-left:38px;font-weight:700;font-size:15px}.gj .pct-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13.5px;font-weight:700;color:var(--navy-soft);pointer-events:none}.gj .pct-input{padding-right:34px;font-weight:700;font-size:15px}.gj .seg-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.gj .seg-row.triple{grid-template-columns:1fr 1fr 1fr}.gj .seg{padding:11px 10px;background:#fff;border:1.5px solid var(--border);border-radius:11px;cursor:pointer;text-align:center;transition:all .15s;font-size:13px;font-weight:700;color:var(--navy)}.gj .seg:active{transform:scale(.98)}.gj .seg.selected{border-color:var(--blue);background:var(--ice);color:var(--blue)}.gj .seg.owner.selected{border-color:var(--orange-dark);background:var(--orange-soft);color:var(--orange-dark)}.gj .seg.driver.selected{border-color:var(--blue);background:var(--ice);color:var(--blue)}.gj .seg.viewer.selected{border-color:var(--green-dark);background:var(--green-soft);color:var(--green-dark)}.gj .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:var(--bg);border-radius:11px}.gj .toggle-label-wrap{display:flex;flex-direction:column;gap:2px}.gj .toggle-label{font-size:13px;font-weight:700;color:var(--navy)}.gj .toggle-sub{font-size:11px;color:var(--navy-soft);font-weight:500}.gj .delete-link-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);text-align:center}.gj .delete-link{background:none;border:none;color:var(--red);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px}.gj .delete-link:active{background:var(--red-soft)}.gj .delete-link svg{width:13px;height:13px}.gj .pp-driver{background:var(--bg);border-radius:13px;padding:12px 13px;margin-bottom:11px}.gj .pp-head{gap:9px;margin-bottom:9px}.gj .pp-avatar,.gj .pp-head{display:flex;align-items:center}.gj .pp-avatar{width:30px;height:30px;border-radius:50%;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--blue-dark));background-size:cover;background-position:50%}.gj .pp-name{font-size:13px;font-weight:700;color:var(--navy);flex:1 1}.gj .pp-line{display:flex;justify-content:space-between;font-size:11.5px;padding:3px 0}.gj .pp-line .l{color:var(--navy-soft);font-weight:500}.gj .pp-line .v{color:var(--navy);font-weight:600}.gj .pp-line.thp{border-top:1px dashed var(--border);margin-top:5px;padding-top:7px}.gj .pp-line.thp .l,.gj .pp-line.thp .v{font-weight:800;color:var(--navy);font-size:12.5px}.gj .pp-line.ctc .v{color:var(--blue);font-weight:800}.gj .pp-total{background:var(--ice);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;margin-top:2px}.gj .pp-total .l{font-size:12px;font-weight:700;color:var(--navy)}.gj .pp-total .v{font-size:17px;font-weight:800;color:var(--blue)}.gj .pp-note{font-size:11px;color:var(--orange-dark);background:var(--orange-soft);border-radius:10px;padding:10px 12px;margin-top:12px;font-weight:600;line-height:1.4;display:flex;gap:7px;align-items:flex-start}.gj .pp-note svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}.gj .pp-source{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.gj .pp-source-label{font-size:12px;font-weight:700;color:var(--navy)}.gj .pp-source-seg{display:flex;gap:6px}.gj .pp-source-btn{padding:8px 16px;border-radius:9px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;font-size:13px;cursor:pointer}.gj .pp-source-btn.on{border-color:var(--blue);color:var(--blue-dark)}.gj .modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:9px;flex-shrink:0}.gj .btn-secondary{flex:1 1;padding:12px;background:var(--ice);color:var(--navy);border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.gj .btn-secondary:active{background:var(--ice-deep)}.gj .btn-primary{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(37,211,102,.3)}.gj .btn-primary:active{transform:scale(.98)}.gj .btn-primary:disabled{background:var(--grey-soft);color:var(--navy-mute);box-shadow:none;cursor:not-allowed}.gj .btn-primary svg{width:14px;height:14px}.gj .btn-danger{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--red),#c0392b);color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(231,76,60,.32)}.gj .btn-danger:active{transform:scale(.98)}.gj .btn-danger svg{width:13px;height:13px}.wa .content{padding:14px 16px 96px}.wa .section-label{font-size:10.5px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.7px;margin:18px 4px 6px}.wa .content>.section-label:first-child{margin-top:0}.wa .section-helper{font-size:11px;color:var(--navy-soft);font-weight:500;margin:0 4px 9px;line-height:1.45}.wa .conn-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;margin-bottom:12px;font-size:12px;font-weight:600}.wa .conn-banner.ok{background:var(--green-soft);color:var(--green-dark)}.wa .conn-banner.no{background:var(--orange-soft);color:var(--orange-dark)}.wa .conn-banner svg{width:17px;height:17px;flex-shrink:0}.wa .group-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.wa .detail-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:none;border-bottom:1px solid var(--border);gap:10px;cursor:pointer;width:100%;text-align:left;background:#fff;font-family:inherit}.wa .detail-row:last-child{border-bottom:none}.wa .detail-row:active{background:var(--bg)}.wa .row-label-wrap{flex:1 1;min-width:0}.wa .row-label{font-size:13px;font-weight:600;color:var(--navy)}.wa .row-sublabel{font-size:11px;color:var(--navy-soft);font-weight:500;margin-top:2px}.wa .row-right{display:flex;align-items:center;gap:9px;flex-shrink:0;max-width:55%}.wa .row-value{font-size:13px;font-weight:700;color:var(--navy);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa .edit-icon-btn{width:30px;height:30px;border-radius:9px;background:var(--ice);color:var(--blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.wa .edit-icon-btn:active{background:var(--ice-deep)}.wa .edit-icon-btn svg{width:14px;height:14px}.wa .wa-webhook-card{padding:13px 16px;display:flex;flex-direction:column;gap:6px}.wa .wa-webhook-url{padding:7px 9px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-family:monospace;font-size:10.5px;color:var(--navy);word-break:break-all;line-height:1.45}.wa .wa-webhook-url.empty{color:var(--navy-mute);font-family:inherit;font-size:12px;text-align:center}.wa .wa-webhook-main{display:flex;align-items:center;gap:10px}.wa .wa-webhook-main .wa-webhook-url{flex:1 1;min-width:0}.wa .wa-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:10px;background:var(--ice);color:var(--blue);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.wa .wa-copy-btn:active{background:var(--ice-deep)}.wa .wa-copy-btn:disabled{opacity:.5;cursor:not-allowed}.wa .wa-copy-btn svg{width:14px;height:14px}.wa .auto-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border)}.wa .auto-row:last-child{border-bottom:none}.wa .auto-info{flex:1 1;min-width:0}.wa .auto-name{font-size:13px;font-weight:700;color:var(--navy)}.wa .auto-sub{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin-top:2px;line-height:1.35}.wa .toggle-switch{position:relative;width:42px;height:25px;background:var(--grey-soft);border-radius:13px;cursor:pointer;flex-shrink:0;transition:background .2s;border:none;padding:0}.wa .toggle-switch:after{content:"";position:absolute;top:2.5px;left:2.5px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.wa .toggle-switch.on{background:var(--green)}.wa .toggle-switch.on:after{transform:translateX(17px)}.wa .group-card.feat{margin-bottom:10px}.wa .feat-config{border-top:1px solid var(--border);background:var(--bg);padding:12px 14px 13px}.wa .feat-config-label{font-size:9.5px;font-weight:700;color:var(--navy-mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px}.wa .feat-config .kw-row{background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 12px;margin-bottom:8px}.wa .feat-empty{font-size:11px;color:var(--navy-mute);font-weight:500;padding:2px 2px 10px;line-height:1.4}.wa .tpl-inline{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 12px;cursor:pointer}.wa .tpl-inline:active{background:var(--ice)}.wa .tpl-inline-body{flex:1 1;font-size:11.5px;color:var(--navy);font-weight:500;line-height:1.45}.wa .tpl-inline-body.muted{color:var(--navy-mute);font-style:italic}.wa .feat-config .add-row-btn{margin-top:2px}.wa .acc-card{margin-bottom:10px}.wa .acc-head{padding:13px 16px 4px;font-size:10.5px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px}.wa .acc-metric{padding:10px 16px 12px;border-top:1px solid var(--border)}.wa .acc-mlabel{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:var(--navy);margin-bottom:8px}.wa .acc-mhint{font-size:9.5px;font-weight:500;color:var(--navy-mute)}.wa .acc-mvals{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.wa .acc-mval{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}.wa .acc-mval .p{font-size:9.5px;font-weight:700;color:var(--navy-mute);text-transform:uppercase;letter-spacing:.3px}.wa .acc-mval .v{font-size:21px;font-weight:800;letter-spacing:-.6px;color:var(--navy)}.wa .acc-mval .v.hi{color:var(--green-dark)}.wa .acc-mval .v.mid{color:var(--orange-dark)}.wa .acc-mval .v.lo{color:var(--red)}.wa .acc-foot,.wa .acc-mval .v.na{color:var(--navy-mute)}.wa .acc-foot{font-size:10px;font-weight:500;padding:2px 16px 13px;line-height:1.4}.wa .feat-status{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;font-weight:800;padding:2px 7px;border-radius:7px;letter-spacing:.2px;vertical-align:middle;margin-left:6px;white-space:nowrap;text-transform:uppercase}.wa .feat-status .fs-dot{width:6px;height:6px;border-radius:50%}.wa .feat-status.on{background:var(--green-soft);color:var(--green-dark)}.wa .feat-status.on .fs-dot{background:var(--green)}.wa .feat-status.wait{background:var(--orange-soft);color:var(--orange-dark)}.wa .feat-status.wait .fs-dot{background:var(--orange)}.wa .feat-status.off{background:var(--grey-soft);color:var(--navy-mute)}.wa .feat-status.off .fs-dot{background:var(--navy-mute)}.wa .auto-name{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.wa .acc-block{margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.wa .acc-block .feat-config-label{padding:10px 12px 2px;margin:0}.wa .acc-block .acc-metric{padding:8px 12px 10px}.wa .acc-block .acc-metric:first-of-type{border-top:none}.wa .acc-block .acc-foot{padding:0 12px 11px}.wa .toggle-switch:disabled{opacity:.4;cursor:not-allowed}.wa .wa-guide{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:13px 16px 14px;margin-top:12px}.wa .wa-guide-title{font-size:12.5px;font-weight:800;color:var(--navy);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.wa .wa-guide-ok{color:var(--green-dark);background:var(--green-soft)}.wa .wa-guide-no,.wa .wa-guide-ok{font-size:9px;font-weight:800;padding:2px 8px;border-radius:7px;white-space:nowrap}.wa .wa-guide-no{color:var(--orange-dark);background:var(--orange-soft)}.wa .wa-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}.wa .wa-steps li{font-size:11.5px;color:var(--navy-soft);font-weight:500;line-height:1.45}.wa .wa-steps li b{color:var(--navy);font-weight:700}.wa .kw-row{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border-bottom:1px solid var(--border)}.wa .kw-row:last-child{border-bottom:none}.wa .kw-info{flex:1 1;min-width:0}.wa .kw-product{font-size:12.5px;font-weight:700;color:var(--navy)}.wa .kw-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.wa .kw-chip{font-size:10px;font-weight:600;color:var(--blue);background:var(--ice);padding:2px 8px;border-radius:7px;font-family:ui-monospace,monospace}.wa .kw-actions{display:flex;gap:6px;flex-shrink:0}.wa .icon-btn-sm{width:30px;height:30px;border-radius:9px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.wa .icon-btn-sm.edit{background:var(--ice);color:var(--blue)}.wa .icon-btn-sm.del{background:var(--red-soft);color:var(--red)}.wa .icon-btn-sm svg{width:13px;height:13px}.wa .add-row-btn{width:100%;margin-top:9px;padding:11px;background:var(--ice);color:var(--blue);border:1.5px dashed var(--ice-deep);border-radius:12px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.wa .add-row-btn:active{background:var(--ice-deep)}.wa .add-row-btn svg{width:14px;height:14px}.wa .access-denied{flex-direction:column;padding:60px 24px;text-align:center}.wa .access-denied,.wa .access-icon-wrap{display:flex;align-items:center;justify-content:center}.wa .access-icon-wrap{width:80px;height:80px;background:var(--red-soft);border-radius:50%;margin-bottom:18px}.wa .access-icon-wrap svg{width:36px;height:36px;color:var(--red)}.wa .access-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:7px}.wa .access-msg{font-size:12px;color:var(--navy-soft);font-weight:500;line-height:1.5;margin-bottom:24px;max-width:260px}.wa .access-back-btn{padding:12px 22px;background:var(--ice);color:var(--navy);border:none;border-radius:12px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none}.wa .modal-overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.wa .modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;max-height:90%;display:flex;flex-direction:column;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.wa .modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 0;flex-shrink:0}.wa .modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0}.wa .modal-title-main{font-size:17px;font-weight:700;color:var(--navy)}.wa .modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}.wa .modal-body{padding:0 20px 18px;overflow-y:auto;flex:1 1}.wa .modal-body::-webkit-scrollbar{display:none}.wa .form-section{margin-bottom:14px}.wa .form-section-title{font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.wa .form-input{width:100%;padding:12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;transition:border-color .15s}.wa .form-input:focus{border-color:var(--blue);background:#fff}.wa .form-input::placeholder{color:var(--navy-mute)}.wa .form-textarea{min-height:110px;resize:vertical;line-height:1.5}.wa .form-select{width:100%;padding:12px 36px 12px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:11px;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A7593' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.wa .form-hint{font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-top:5px;line-height:1.4}.wa .var-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wa .var-chip{font-size:10.5px;font-weight:700;color:var(--blue);background:var(--ice);border:1px solid var(--ice-deep);padding:4px 9px;border-radius:8px;font-family:ui-monospace,monospace;cursor:pointer}.wa .delete-link-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);text-align:center}.wa .delete-link{background:none;border:none;color:var(--red);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px}.wa .modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:9px;flex-shrink:0}.wa .btn-secondary{flex:1 1;background:var(--ice);color:var(--navy)}.wa .btn-primary,.wa .btn-secondary{padding:12px;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.wa .btn-primary{flex:1.4 1;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 10px rgba(37,211,102,.3)}.wa .btn-primary:disabled{background:var(--grey-soft);color:var(--navy-mute);box-shadow:none;cursor:not-allowed}.wa .btn-primary svg{width:14px;height:14px}.wa .btn-danger{flex:1.4 1;padding:12px;background:linear-gradient(135deg,var(--red),#c0392b);color:#fff;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.wa .btn-danger svg{width:13px;height:13px}.br .group-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.br .detail-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border:none;border-bottom:1px solid var(--border);gap:10px;cursor:pointer;width:100%;text-align:left;background:#fff;font-family:inherit}.br .detail-row:last-child{border-bottom:none}.br .detail-row:active{background:var(--bg)}.br .row-label-wrap{flex:1 1;min-width:0}.br .row-label{font-size:13px;font-weight:600;color:var(--navy)}.br .row-sublabel{font-size:11px;color:var(--navy-soft);font-weight:500;margin-top:2px}.br .row-right{display:flex;align-items:center;gap:9px;flex-shrink:0;max-width:55%}.br .row-value{font-size:13px;font-weight:700;color:var(--navy);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br .edit-icon-btn{width:30px;height:30px;border-radius:9px;background:var(--ice);color:var(--blue);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.br .edit-icon-btn svg{width:14px;height:14px}.br .access-denied{flex-direction:column;padding:60px 24px;text-align:center}.br .access-denied,.br .access-icon-wrap{display:flex;align-items:center;justify-content:center}.br .access-icon-wrap{width:80px;height:80px;background:var(--red-soft);border-radius:50%;margin-bottom:18px}.br .access-icon-wrap svg{width:36px;height:36px;color:var(--red)}.br .access-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:7px}.br .access-msg{font-size:12px;color:var(--navy-soft);font-weight:500;line-height:1.5;margin-bottom:24px;max-width:260px}.br .access-back-btn{padding:12px 22px;background:var(--ice);color:var(--navy);border:none;border-radius:12px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none}.br .br-actions{display:flex;gap:9px;margin-top:16px}.br .br-btn-cancel{flex:1 1;background:var(--ice);color:var(--navy)}.br .br-btn-cancel,.br .br-btn-save{padding:12px;border:none;border-radius:11px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.br .br-btn-save{flex:1.4 1;background:linear-gradient(140deg,var(--blue),var(--blue-dark));color:#fff}.ord .order-payment-info .pi-icon.cash{background:var(--green-soft);color:var(--green-dark)}.ord .order-payment-info .pi-icon.qris{background:var(--ice);color:var(--blue)}.ord .order-payment-info .pi-icon.tempo{background:var(--orange-soft);color:var(--orange-dark)}.ord .order-payment-info .pi-icon.gratis{background:#f3e8ff;color:#9333ea}.ord .order-done-meta{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-bottom:8px}.ord .order-done-meta span{display:flex;align-items:center;gap:4px}.ord .order-done-meta svg{width:11px;height:11px}.ord .order-done-meta .odm-sla{color:var(--navy-soft);font-weight:600}.ord .order-pay-row{display:flex;gap:8px;align-items:stretch}.ord .order-pay-row .order-payment-info{flex:1 1}.ord .order-promo-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 12px;background:var(--red-soft);border-radius:8px;flex-shrink:0}.ord .order-promo-info .prm-label{font-size:9px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.4px;line-height:1.2}.ord .order-promo-info .prm-amount{font-size:12.5px;font-weight:800;color:var(--red);line-height:1.2}.ord .order-done-at{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--green-dark);font-weight:600;margin-top:8px}.ord .order-done-at svg{width:11px;height:11px}.ord .ord-search{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:10px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm)}.ord .ord-search svg{width:16px;height:16px;color:var(--navy-mute);flex-shrink:0}.ord .ord-search input{flex:1 1;border:none;outline:none;background:transparent;font-family:inherit;font-size:13.5px;color:var(--navy)}.ord .ord-search input::placeholder{color:var(--navy-mute)}.ord .ord-search-clear{border:none;background:var(--bg);color:var(--navy-soft);width:20px;height:20px;border-radius:50%;font-size:15px;line-height:1;cursor:pointer;flex-shrink:0}.modal-overlay{position:fixed;inset:0;margin:0 auto;background:rgba(21,50,79,.55);z-index:200;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-overlay,.modal-sheet{max-width:480px;display:flex}.modal-sheet{background:#fff;width:100%;border-radius:24px 24px 0 0;max-height:90%;flex-direction:column;animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1)}.modal-handle{width:38px;height:4px;background:#d1dce7;border-radius:2px;margin:10px auto 0;flex-shrink:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 12px;flex-shrink:0;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;padding:10px 20px 6px}.modal-title,.modal-title-main{font-weight:700;color:var(--navy)}.modal-title-main{font-size:17px}.modal-label{font-size:12px;font-weight:600;color:var(--navy-soft);padding:6px 20px 2px}.modal-body{padding:0 20px 18px;overflow-y:auto;flex:1 1}.modal-body-scroll{overflow-y:auto;padding:14px 20px;flex:1 1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-footer{padding:14px 20px 18px;border-top:1px solid var(--border);flex-shrink:0;background:#fff}.modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;color:var(--navy-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1}.ord .order-pay-row .pi-icon{width:22px;height:22px;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ord .order-pay-row .pi-icon svg{width:13px;height:13px}.ord .order-pay-row .pi-icon.cash{background:var(--green-soft);color:var(--green-dark)}.ord .order-pay-row .pi-icon.qris{background:var(--ice);color:var(--blue)}.ord .order-pay-row .pi-icon.tempo{background:var(--orange-soft);color:var(--orange-dark)}.ord .order-pay-row .pi-icon.gratis{background:#f3e8ff;color:#9333ea}.tp .tp-row-sub{font-size:11px;color:var(--navy-mute);margin-top:1px;line-height:1.3}.pg-add{padding:0 18px calc(20px + env(safe-area-inset-bottom, 0px))}.pg-add .modal-handle{margin:10px auto 4px}.pg-add .modal-title{padding:8px 0 2px}.pg-add .modal-label{padding:0;margin:16px 0 8px}.pg-add .pg-tiles{margin:0 0 2px}.pg-add .pg-hint{padding:16px 0 4px}.pg-add>.cta-btn{margin-top:20px}.pg-datesheet{padding:0 18px calc(20px + env(safe-area-inset-bottom, 0px))}.pg-datesheet .modal-handle{margin:10px auto 4px}.pg-datesheet .modal-title{padding:8px 0 2px}.pg-datesheet .modal-label{padding:0;margin:16px 0 8px}.pg-datesel{font-size:12px;color:var(--navy-soft);margin:2px 0 10px}.pg-datesel b{color:var(--navy);font-weight:700}.ch.content{padding-bottom:24px}.ch-avatar{width:46px;height:46px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 2px 6px rgba(0,104,208,.28)}.ch-avatar.sm{width:38px;height:38px;font-size:13px}.ch-avatar.has-photo{background:none;box-shadow:0 2px 6px rgba(21,50,79,.18);overflow:hidden}.ch-avatar.has-photo img{width:100%;height:100%;object-fit:cover}.ch-list{flex-direction:column;gap:0;margin:0 -20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ch-list,.ch-row{display:flex;background:#fff}.ch-row{align-items:center;gap:12px;width:100%;text-align:left;border:none;border-radius:0;padding:11px 20px;cursor:pointer;transition:background .12s ease}.ch-row+.ch-row{border-top:1px solid var(--border)}.ch-row:active{background:var(--grey-soft)}.ch-row-mid{flex:1 1;min-width:0}.ch-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ch-row-right{gap:7px}.ch-driver-av,.ch-row-right{display:flex;align-items:center;flex-shrink:0}.ch-driver-av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f5c43a,var(--orange-dark));color:#fff;font-size:9px;font-weight:800;justify-content:center;box-shadow:0 1px 3px rgba(212,135,5,.3)}.ch-row-name{font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-row-time{font-size:11px;font-weight:600;color:var(--navy-mute);flex-shrink:0}.ch-row-preview{display:flex;align-items:center;gap:6px;margin-top:3px}.ch-row-text{font-size:12.5px;color:var(--navy-soft);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ch-row-chev{color:var(--navy-mute);flex-shrink:0;display:flex}.ch-row-chev svg{width:18px;height:18px}.ch-order-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--green-dark);background:var(--green-soft);padding:2px 8px;border-radius:20px;flex-shrink:0}.ch-order-chip svg{width:11px;height:11px}.ch-order-chip.sm{padding:3px;border-radius:50%}.ch-order-chip.sm svg{width:10px;height:10px}.ch-sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:6;background:var(--bg);padding-bottom:10px}.ch-upsell{gap:11px;background:linear-gradient(135deg,#22c55e,#0e9f6e);border:none;border-radius:16px;padding:12px 13px;box-shadow:0 6px 18px rgba(16,159,110,.32)}.ch-upsell,.ch-upsell-ic{display:flex;align-items:center}.ch-upsell-ic{width:38px;height:38px;border-radius:11px;background:hsla(0,0%,100%,.22);color:#fff;justify-content:center;flex-shrink:0}.ch-upsell-ic svg{width:19px;height:19px}.ch-upsell-body{flex:1 1;min-width:0}.ch-upsell-title{font-size:13px;font-weight:800;color:#fff}.ch-upsell-sub{font-size:11px;color:hsla(0,0%,100%,.92);font-weight:500;line-height:1.35;margin-top:2px}.ch-upsell{position:relative}.ch-upsell-cta{flex-shrink:0;font-size:12px;font-weight:800;color:var(--green-dark);background:#fff;border:none;border-radius:11px;padding:8px 14px;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.12)}.ch-upsell-cta:active{transform:scale(.97)}.ch-upsell-x{position:absolute;top:6px;right:7px;width:19px;height:19px;border:none;background:hsla(0,0%,100%,.28);color:#fff;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.page-slide .ch.content>*{animation:none!important}.ch-msgs{overscroll-behavior:contain}.content.ch-thread{overscroll-behavior:none}.ch-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.ch-driver-av{overflow:hidden}.ch-driver-av img{width:100%;height:100%;object-fit:cover;display:block}.content.ch-thread{padding:0;height:calc(100dvh - 139px);display:flex;flex-direction:column;overflow:hidden;position:relative}.ch-thread-head{gap:11px;padding:10px 14px;border-bottom:1px solid var(--border)}.ch-back,.ch-thread-head{flex-shrink:0;display:flex;align-items:center;background:#fff}.ch-back{width:34px;height:34px;border-radius:11px;border:1px solid var(--border);color:var(--navy);justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.ch-back svg{width:18px;height:18px}.ch-thread-id{flex:1 1;min-width:0}.ch-thread-head .ord-add-btn{margin-left:auto}.ch-thread-name{font-size:14.5px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-thread-num{font-size:11.5px;color:var(--navy-soft);font-weight:500;margin-top:1px}.ch-msgs{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:12px 14px 14px}.ch-msgs::-webkit-scrollbar{display:none}.ch-newcust{flex-shrink:0}.ch-bubble{max-width:82%;border-radius:16px;padding:9px 12px;box-shadow:0 1px 1px rgba(21,50,79,.05)}.ch-bubble.in{align-self:flex-start;background:#fff;border:1px solid var(--border);border-bottom-left-radius:5px}.ch-bubble.out{align-self:flex-end;background:var(--green-soft);border:1px solid #cdeed8;border-bottom-right-radius:5px}.ch-bubble.pending{opacity:.6}.ch-replying{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--orange-dark);background:var(--orange-soft);padding:6px 12px;border-radius:20px;margin:0 auto 8px;width:-moz-fit-content;width:fit-content}.ch-replying-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);animation:urgentPulse 1.6s infinite}.ch-quote{font-size:12px;color:var(--navy-soft);border-left:3px solid var(--blue);padding:4px 8px;margin-bottom:5px;background:rgba(0,104,208,.06);border-radius:6px;white-space:pre-wrap;word-break:break-word}.ch-bubble.out .ch-quote{border-left-color:var(--green-dark);background:rgba(31,184,87,.1)}.ch-reply-mini{border:none;background:none;color:var(--navy-mute);font-size:13px;cursor:pointer;padding:0 2px;line-height:1}.ch-replybar{display:flex;align-items:center;gap:8px;background:var(--ice);border-left:3px solid var(--blue);border-radius:8px;padding:7px 10px;margin-bottom:8px}.ch-replybar-text{flex:1 1;min-width:0;font-size:12px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-replybar-label{display:block;font-size:10px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.4px}.ch-replybar-x{border:none;background:none;color:var(--navy-soft);font-size:17px;cursor:pointer;line-height:1;flex-shrink:0}.ch-bubble{animation:chBubbleIn .2s ease backwards}@keyframes chBubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ch-bubble-text{font-size:13.5px;color:var(--navy);line-height:1.4;word-break:break-word;white-space:pre-wrap}.ch-bubble-meta{display:flex;align-items:center;gap:7px;justify-content:flex-end;margin-top:4px}.ch-time{font-size:10px;font-weight:500}.ch-tick,.ch-time{color:var(--navy-mute)}.ch-tick{display:inline-flex;align-items:center}.ch-tick.read{color:var(--blue)}.ch-tick.fail{color:var(--red);font-weight:800;font-size:11px;line-height:1}.ch-ordcard{margin-top:7px;background:#fff;border:1px solid var(--border);border-left:3px solid var(--navy-mute);border-radius:10px;padding:8px 10px}.ch-bubble.out .ch-ordcard{background:hsla(0,0%,100%,.7)}.ch-ordcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ch-ordcard-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--navy-soft)}.ch-ordcard-total{font-size:13px;font-weight:800;color:var(--navy)}.ch-ordcard-items{font-size:11.5px;color:var(--navy-soft);font-weight:500;margin-top:3px;line-height:1.35}.ch-ordcard.s-pending{border-left-color:var(--status-pending)}.ch-ordcard.s-pending .ch-ordcard-badge{color:var(--status-pending-dark)}.ch-ordcard.s-on_progress{border-left-color:var(--status-onprogress)}.ch-ordcard.s-on_progress .ch-ordcard-badge{color:var(--status-onprogress-dark)}.ch-ordcard.s-delivered{border-left-color:var(--status-delivered)}.ch-ordcard.s-delivered .ch-ordcard-badge{color:var(--status-delivered-dark)}.ch-ordcard.s-done{border-left-color:var(--status-done)}.ch-ordcard.s-done .ch-ordcard-badge{color:var(--status-done-dark)}.ch-ordcard.s-tersedia{border-left-color:var(--status-tersedia)}.ch-ordcard.s-tersedia .ch-ordcard-badge{color:var(--status-tersedia-dark)}.ch-ordcard.s-cancelled{border-left-color:var(--red)}.ch-ordcard.s-cancelled .ch-ordcard-badge{color:var(--red-dark)}.ch-composer{flex-shrink:0;background:#fff;border-top:1px solid var(--border);padding:9px 14px calc(10px + env(safe-area-inset-bottom, 0px))}.ch-reply-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:15px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(37,211,102,.36)}.ch-reply-btn:active{transform:scale(.99)}.ch-reply-btn svg{width:19px;height:19px}.ch-composer-hint{text-align:center;font-size:10.5px;color:var(--navy-mute);font-weight:500;margin-top:8px}.ch-send-row{display:flex;gap:8px;align-items:center}.ch-canned{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.ch-canned::-webkit-scrollbar{display:none}.ch-canned-chip{flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;color:var(--blue);background:var(--ice);border:1px solid var(--ice-deep);border-radius:20px;padding:6px 12px;cursor:pointer;white-space:nowrap}.ch-canned-chip:active{transform:scale(.95);background:var(--ice-deep)}.ch-send-area{resize:none;overflow-y:auto;max-height:96px;line-height:1.35;font-family:inherit}.ch-newpill{position:absolute;left:50%;transform:translateX(-50%);bottom:78px;z-index:20;border:none;background:var(--blue);color:#fff;font-family:inherit;font-size:12px;font-weight:700;padding:7px 14px;border-radius:20px;box-shadow:0 4px 12px rgba(0,104,208,.35);cursor:pointer;animation:riseIn .2s ease}.ch-newpill:active{transform:translateX(-50%) scale(.96)}.ch-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.ch-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px 12px}.ch-search svg{width:16px;height:16px;color:var(--navy-mute);flex-shrink:0}.ch-search input{flex:1 1;border:none;outline:none;background:transparent;font-family:inherit;font-size:13.5px;color:var(--navy)}.ch-search input::placeholder{color:var(--navy-mute);font-weight:500}.ch-search-clear{width:22px;height:22px;border-radius:50%;background:var(--ice);border:none;color:var(--navy-soft);font-size:14px;line-height:1;cursor:pointer;flex-shrink:0}.ch-filter-chips{display:flex;gap:6px}.ch-fchip{font-family:inherit;font-size:12px;font-weight:600;color:var(--navy-soft);background:#fff;border:1px solid var(--border);border-radius:20px;padding:6px 14px;cursor:pointer}.ch-fchip.on{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-color:var(--blue-dark)}.ch-pin{font-size:10.5px;margin-right:4px}.ch-row.unread .ch-row-name{font-weight:800}.ch-row.unread .ch-row-text{color:var(--navy);font-weight:600}.ch-unread-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(0,104,208,.15)}.ch-info-overlay{position:fixed;inset:0;background:rgba(21,50,79,.55);z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.ch-info-sheet{background:#fff;width:100%;max-width:480px;border-radius:24px 24px 0 0;padding:10px 22px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:sheetUp .26s cubic-bezier(.34,1.2,.64,1)}.ch-info-handle{width:38px;height:4px;border-radius:20px;background:var(--border);margin:2px 0 16px}.ch-avatar.lg{width:64px;height:64px;font-size:22px;margin-bottom:12px}.ch-info-name{font-size:17px;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:6px}.ch-info-num{font-size:13px;font-weight:500;color:var(--navy-soft);margin-top:3px}.ch-info-tag{margin-top:12px;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px}.ch-info-tag.ok{background:var(--green-soft);color:var(--green-dark)}.ch-info-tag.no{background:var(--orange-soft);color:var(--orange-dark)}.ch-info-actions{display:flex;flex-direction:column;gap:9px;width:100%;margin-top:20px}.ch-info-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:11px;border:1px solid var(--border);background:#fff;color:var(--navy);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none}.ch-info-btn svg{width:16px;height:16px}.ch-info-btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;box-shadow:0 4px 12px rgba(0,104,208,.28)}.ch-info-btn:active{transform:scale(.98)}.ch-send-input{flex:1 1;min-width:0;padding:12px 15px;border:1.5px solid var(--border);border-radius:22px;background:#fff;font-family:inherit;font-size:13.5px;color:var(--navy);outline:none}.ch-send-input:focus{border-color:var(--green)}.ch-send-btn{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(37,211,102,.36)}.ch-send-btn:disabled{opacity:.5;cursor:default;box-shadow:none}.ch-send-btn svg{width:18px;height:18px}.ch-promo{background:#fff;border:1px solid var(--border);border-radius:20px;padding:26px 20px 22px;box-shadow:var(--shadow-sm);text-align:center;margin-top:8px}.ch-promo-ic{width:66px;height:66px;border-radius:20px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 8px 20px rgba(37,211,102,.34)}.ch-promo-ic svg{width:34px;height:34px}.ch-promo-title{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.3px}.ch-promo-sub{font-size:12.5px;color:var(--navy-soft);font-weight:500;margin-top:5px;line-height:1.45}.ch-benefits{text-align:left;margin:18px 0 20px;display:flex;flex-direction:column;gap:11px}.ch-benefit{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--navy-soft);font-weight:500;line-height:1.4}.ch-benefit b{color:var(--navy);font-weight:700}.ch-bic{width:22px;height:22px;border-radius:7px;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-bic svg{width:13px;height:13px}.ch-cta{width:100%;padding:14px;border-radius:15px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:14.5px;box-shadow:0 6px 16px rgba(37,211,102,.36)}.ch-cta,.ch-promo-compare{display:block;font-weight:700;text-decoration:none}.ch-promo-compare{text-align:center;font-size:12px;color:var(--blue);margin-top:12px}.ch-preview{margin-top:20px}.ch-preview-label{font-size:10px;font-weight:700;color:var(--navy-mute);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:9px}.ch-preview-rows{display:flex;flex-direction:column;gap:8px;opacity:.5;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent);mask-image:linear-gradient(180deg,#000 35%,transparent)}.ch-prow{gap:11px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:11px 13px;box-shadow:var(--shadow-sm)}.ch-prow,.ch-prow-av{display:flex;align-items:center}.ch-prow-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-size:14px;font-weight:700;justify-content:center;flex-shrink:0}.ch-prow-mid{flex:1 1;min-width:0}.ch-prow-name{font-size:14px;font-weight:700;color:var(--navy)}.ch-prow-text{font-size:12.5px;color:var(--navy-soft);margin-top:2px}.ch-empty{text-align:center;padding:48px 24px}.ch-empty-ic{width:60px;height:60px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.ch-empty-ic svg{width:30px;height:30px}.ch-empty-title{font-size:15px;font-weight:700;color:var(--navy)}.ch-empty-sub{font-size:12px;color:var(--navy-soft);font-weight:500;margin-top:5px;line-height:1.45;max-width:240px;margin-left:auto;margin-right:auto}.ord-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border:none;border-radius:13px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 3px 8px rgba(0,104,208,.3);flex-shrink:0}.ord-add-btn:active{transform:scale(.97)}.ord-add-btn svg{width:14px;height:14px}.ch-status-compact{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin-bottom:10px}.ch-sc-name{font-size:12.5px;font-weight:700;color:var(--navy)}.ch-sc-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px}.ch-sc-badge.ok{background:var(--green-soft);color:var(--green-dark)}.ch-sc-badge.no{background:var(--orange-soft);color:var(--orange-dark)}.ch-status-compact .ch-status-manage{margin-left:auto}.ch-status{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:11px 13px;margin-bottom:12px}.ch-status-head{gap:9px;margin-bottom:9px}.ch-prov-ic,.ch-status-head{display:flex;align-items:center}.ch-prov-ic{width:30px;height:30px;border-radius:9px;justify-content:center;color:#fff;font-weight:800;font-size:14px;flex-shrink:0}.ch-prov-ic.fonnte{background:linear-gradient(135deg,#7b61ff,#5b3fe0)}.ch-prov-ic.waba{background:var(--green)}.ch-prov-ic svg{width:17px;height:17px}.ch-status-name{font-size:13px;font-weight:800;color:var(--navy);flex:1 1}.ch-status-manage{font-size:11.5px;font-weight:700;color:var(--blue);text-decoration:none}.ch-status-grid,.ch-stg{display:flex;flex-direction:column;gap:6px}.ch-stg+.ch-stg{border-top:1px solid var(--border);margin-top:9px;padding-top:9px}.ch-stg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:1px}.ch-stg-head>span:first-child{font-size:10px;font-weight:800;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.5px}.ch-st-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.ch-st-label{font-size:11.5px;color:var(--navy-soft);font-weight:600}.ch-st-val{font-size:11px;font-weight:700;color:var(--navy-mute)}.ch-st-val.g,.ch-st-val.on{color:var(--green-dark)}.ch-st-val.b{color:var(--blue)}.ch-st-val.m{color:var(--navy-mute)}.ch-bubble-text,.ch-prow-name,.ch-prow-text,.ch-row-name,.ch-row-text,.ch-row-time,.ch-st-label,.ch-st-val,.ch-status-name,.ch-stg-head,.ch-thread-name,.ch-thread-num{font-family:inherit}.ch-st-pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px}.ch-st-pill.ok{background:var(--green-soft);color:var(--green-dark)}.ch-st-pill.no{background:var(--orange-soft);color:var(--orange-dark)}.ch-st-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ch-star{display:inline-flex;color:#f5a623;margin-left:5px;vertical-align:-1px}.ch-star svg{width:13px;height:13px}.ch-row-driver{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--blue);background:var(--ice);padding:2px 7px;border-radius:6px;margin-top:4px}.ch-daysep{display:flex;justify-content:center;margin:8px 0 4px}.ch-daysep span{font-size:10.5px;font-weight:700;color:var(--navy-soft);background:rgba(21,50,79,.06);padding:3px 12px;border-radius:20px}.ch-newcust{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--orange-soft);border:1px solid #f3d9a6;border-radius:12px;padding:9px 12px;margin-bottom:8px}.ch-newcust>span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--orange-dark)}.ch-newcust>span svg{width:14px;height:14px;flex-shrink:0}.ch-newcust button{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:7px 12px;border:none;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.ch-newcust button:disabled{opacity:.6}.ch-newcust button svg{width:12px;height:12px}.ch-upgrade-note{font-size:11px;color:var(--navy-soft);font-weight:500;text-align:center;background:var(--ice);border-radius:10px;padding:8px 10px;margin-bottom:8px;line-height:1.45}.ch-upgrade-note a{color:var(--blue);font-weight:700;text-decoration:none;white-space:nowrap}.ch-send-row.disabled .ch-send-btn,.ch-send-row.disabled .ch-send-input{background:var(--grey-soft);color:var(--navy-mute);cursor:not-allowed}.ch-send-row.disabled .ch-send-btn{box-shadow:none}.wac-hero{gap:11px;background:linear-gradient(135deg,var(--green-soft),#fff);border:1px solid var(--green);border-radius:14px;padding:12px 13px;margin-bottom:12px}.wac-hero,.wac-hero-ic{display:flex;align-items:center}.wac-hero-ic{width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;justify-content:center;flex-shrink:0;font-size:15px}.wac-hero-ic svg{width:18px;height:18px}.wac-fieldnote{font-size:10px;font-weight:600;margin-top:5px;line-height:1.35}.wac-fieldnote.ok{color:var(--green-dark)}.wac-fieldnote.no{color:var(--navy-soft)}.wac-hero-body{flex:1 1;min-width:0}.wac-hero-title{font-size:14px;font-weight:800;color:var(--navy)}.wac-hero-sub{font-size:11px;color:var(--navy-soft);font-weight:500;line-height:1.35;margin-top:2px}.wac-chip{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:20px;flex-shrink:0}.wac-chip.on{background:var(--green);color:#fff}.wac-chip.off{background:var(--orange-soft);color:var(--orange-dark)}.wac-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.wac-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:13px;margin-bottom:12px}.wac-step{gap:8px;font-size:13px;color:var(--navy)}.wac-num,.wac-step{display:flex;align-items:center;font-weight:800}.wac-num{width:21px;height:21px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;justify-content:center;flex-shrink:0}.wac-cap{font-size:10.5px;color:var(--navy-soft);font-weight:500;margin:5px 0 10px 29px;line-height:1.45}.wac-cap a{color:var(--blue);font-weight:700;text-decoration:none}.wac-ol{margin:5px 0 10px 29px;padding:0;list-style:none;counter-reset:wac;display:flex;flex-direction:column;gap:7px}.wac-ol li{position:relative;padding-left:21px;font-size:10.5px;color:var(--navy-soft);font-weight:500;line-height:1.45;counter-increment:wac}.wac-ol li:before{content:counter(wac);position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;background:var(--ice);color:var(--blue);font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}.wac-ol li b{color:var(--navy);font-weight:700}.wac-ol a{color:var(--blue);font-weight:700;text-decoration:none}.wac-note{font-size:10px;color:var(--orange-dark);background:var(--orange-soft);border-radius:8px;padding:7px 9px;margin:0 0 10px 29px;line-height:1.4;font-weight:600}.wac-link-btn{justify-content:center;gap:7px;text-decoration:none;margin-top:2px}.wac-copy,.wac-link-btn{display:flex;align-items:center}.wac-copy{gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-bottom:8px}.wac-copy:last-child{margin-bottom:0}.wac-k{font-size:10px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;width:74px}.wac-copy code{flex:1 1;min-width:0;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wac-copy button{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:none;background:var(--ice);color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer}.wac-copy button svg{width:14px;height:14px}.wac-field{margin-top:11px}.wac-field label{display:block;font-size:11.5px;font-weight:700;color:var(--navy);margin-bottom:5px}.wac-field input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--navy);background:var(--bg);outline:none}.wac-field input:focus{border-color:var(--green);background:#fff}.wac-saved{font-style:normal;font-size:10px;font-weight:700;color:var(--green-dark);background:var(--green-soft);padding:1px 7px;border-radius:10px;margin-left:5px}.wac-opt{font-size:10px;font-weight:600;color:var(--navy-mute)}.wac-phone{display:flex;align-items:center;gap:8px}.wac-phone>span{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--navy-soft)}.wac-phone input{font-family:inherit}.wac-result{text-align:center;font-size:12.5px;font-weight:700;padding:11px;border-radius:12px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:6px}.wac-result svg{width:15px;height:15px}.wac-result.ok{background:var(--green-soft);color:var(--green-dark)}.wac-result.no{background:var(--orange-soft);color:var(--orange-dark)}.wac-actions{display:flex;gap:9px;padding-bottom:8px}.wac-btn{flex:1 1;padding:14px;border-radius:13px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;border:none}.wac-btn.ghost{background:#fff;color:var(--blue);border:1.5px solid var(--ice-deep)}.wac-btn.primary{flex:1.4 1;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 4px 12px rgba(37,211,102,.32)}.wac-btn:disabled{opacity:.6}.wac-btn svg{width:16px;height:16px;vertical-align:-3px}.wa .ti-cards{display:flex;gap:8px;align-items:stretch}.wa .ti-card{flex:1 1;min-width:0;background:#fff;border:1.5px solid var(--border);border-radius:15px;padding:14px 8px 12px;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-family:inherit;transition:border-color .15s,background .15s}.wa .ti-card.active{border-color:var(--green);background:var(--green-soft)}.wa .ti-card.lock{opacity:.55;cursor:not-allowed}.wa .ti-radio{position:absolute;top:9px;right:9px;width:15px;height:15px;border-radius:50%;border:2px solid var(--border)}.wa .ti-card.active .ti-radio{border-color:var(--green);background:var(--green)}.wa .ti-card.active .ti-radio:after{content:"";position:absolute;inset:0;margin:auto;width:5px;height:5px;border-radius:50%;background:#fff}.wa .ti-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin:6px 0 4px;flex-shrink:0}.wa .ti-ic.none{background:var(--navy-mute)}.wa .ti-ic.fonnte,.wa .ti-ic.unofficial{background:linear-gradient(135deg,#7b61ff,#5b3fe0)}.wa .ti-ic.cloud_api{background:var(--green)}.wa .ti-ic svg{width:19px;height:19px}.wa .ti-f{font-size:16px}.wa .ti-f,.wa .ti-name{font-weight:800;font-family:inherit}.wa .ti-name{font-size:11px;color:var(--navy);line-height:1.2}.wa .ti-desc{font-size:9.5px;color:var(--navy-soft);font-weight:500;line-height:1.25;min-height:24px;display:flex}.wa .ti-desc,.wa .ti-st{font-family:inherit;align-items:center}.wa .ti-st{display:inline-flex;gap:4px;font-size:8px;font-weight:800;padding:3px 7px;border-radius:20px;white-space:nowrap}.wa .ti-st-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.wa .ti-st.ok{background:var(--green-soft);color:var(--green-dark)}.wa .ti-st.no{background:var(--orange-soft);color:var(--orange-dark)}.wa .ti-atur{margin-top:auto;width:100%;font-size:10.5px;font-weight:800;color:var(--blue);background:var(--ice);border:none;border-radius:9px;padding:7px 4px;cursor:pointer;font-family:inherit}.wa .ti-atur:active{background:var(--ice-deep)}.wa .ti-compare{display:block;width:100%;text-align:center;font-size:12px;font-weight:700;color:var(--blue);background:none;border:none;padding:13px 0 2px;cursor:pointer;font-family:inherit}.wcmp-tbl{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.wcmp-col-f{width:25%}.wcmp-tbl td,.wcmp-tbl th{padding:9px 3px;text-align:center;vertical-align:middle}.wcmp-tbl thead th{position:-webkit-sticky;position:sticky;top:0;background:#fff;padding:8px 3px 9px;font-size:9.5px;font-weight:800;color:var(--navy);border-bottom:1.5px solid var(--border);z-index:2}.wcmp-corner{background:#fff}.wcmp-h{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;margin:4px auto 5px;color:#fff;font-weight:800;font-size:13px}.wcmp-h svg{width:16px;height:16px}.wcmp-h.none{background:var(--navy-mute)}.wcmp-h.fonnte{background:linear-gradient(135deg,#7b61ff,#5b3fe0)}.wcmp-h.wa{background:var(--green)}.wcmp-besthead{padding:5px 4px!important;background:transparent!important}.wcmp-bestbox{position:relative;background:var(--green-soft);border:2px solid var(--green);border-radius:12px;padding:15px 3px 10px;display:flex;flex-direction:column;align-items:center}.wcmp-badge{position:absolute;top:3px;left:0;right:0;font-size:7px;font-weight:800;color:var(--green-dark);letter-spacing:.3px}.wcmp-sec td{background:var(--bg);font-size:9.5px;font-weight:800;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:7px 12px}.wcmp-f{text-align:left!important;font-size:10px;font-weight:600;color:var(--navy);padding-left:12px!important;line-height:1.25}.wcmp-tbl tbody td{border-bottom:1px solid var(--border)}.wcmp-yes{color:var(--green-dark);font-weight:800;font-size:15px}.wcmp-no{color:var(--navy-mute);font-weight:700;font-size:14px}.wcmp-txt{font-size:9px;font-weight:700;color:var(--navy);line-height:1.3;display:inline-block;white-space:pre-line}.wcmp-win{background:var(--green-soft)}.wcmp-win .wcmp-txt,.wcmp-win .wcmp-yes{color:var(--green-dark);font-weight:800}.wcmp-second{background:rgba(43,108,176,.09)}.wcmp-second .wcmp-txt,.wcmp-second .wcmp-yes{color:#2563a8;font-weight:800}.wcmp-legend{display:flex;gap:16px;justify-content:center;margin-top:12px;font-size:11px;font-weight:600;color:var(--navy-soft)}.wcmp-legend span{display:inline-flex;align-items:center;gap:6px}.wcmp-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.wcmp-dot.win{background:var(--green-dark)}.wcmp-dot.second{background:#2563a8}.wcmp-cta{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#22c55e,#0e9f6e);border-radius:16px;padding:13px;margin-top:14px;box-shadow:0 6px 18px rgba(16,159,110,.3)}.wcmp-cta.done{background:var(--green-soft);box-shadow:none}.wcmp-cta-ic{width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.22);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wcmp-cta.done .wcmp-cta-ic{background:var(--green)}.wcmp-cta-ic svg{width:18px;height:18px}.wcmp-cta-txt{flex:1 1;min-width:0;font-size:11.5px;font-weight:700;color:#fff;line-height:1.35}.wcmp-cta-btn,.wcmp-cta.done .wcmp-cta-txt{color:var(--green-dark)}.wcmp-cta-btn{flex-shrink:0;font-size:11.5px;font-weight:800;background:#fff;border-radius:11px;padding:9px 13px;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.12)}.pl .pref-block{display:flex;flex-direction:column;gap:13px}.pl .pref-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.pl .pref-head-label{font-size:11px;font-weight:700;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.6px}.pl .pref-remove{background:none;border:none;padding:2px 0;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--navy-mute);cursor:pointer}.pl .pref-remove:active{color:var(--red)}.pl .pref-pills{display:flex;flex-wrap:wrap;gap:8px}.pl .pref-pill{padding:9px 14px;background:#fff;border:1.5px solid var(--border);border-radius:11px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--navy-soft);transition:all .15s}.pl .pref-pill.selected{border-color:var(--blue);background:var(--ice);color:var(--blue)}.pl .pref-add{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:#fff;border:1.5px dashed var(--border);border-radius:11px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--blue);align-self:flex-start}.pl .pref-add-plus{font-size:17px;line-height:1;margin-top:-1px}.pl .pref-hint{font-size:11px;color:var(--navy-mute);font-weight:500;line-height:1.45;margin-bottom:11px}.ptr-ind{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:6px}.ptr-dot{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--blue);display:block}.ptr-dot.spin{animation:ptrspin .7s linear infinite}@keyframes ptrspin{to{transform:rotate(1turn)}}