[data-tema=wic]{--wic-blue:#005ed0;--wic-blue-2:#1170de;--wic-blue-l:#4da5ec;--wic-navy:#134292;--wic-yellow:#fcd400;--wic-yellow-2:#fbcb39;--wic-yellow-l:#fce877;--wic-ink:#121212;--wic-muted:#585858;--wic-line:#e8eaee;--wic-field:#f6f7f9;--wic-field-line:#e0e3e8;--wic-bg:#f0f2f6;--wic-card:#fff;--wic-danger:#b42318;--wic-danger-bg:#fef3f2;--wic-accent:var(--wic-blue);--wic-accent-strong:var(--wic-blue);--wic-accent-soft:#eef4fd;--wic-accent-ring:#cfe2fa;--wic-on-accent:#fff;--wic-badge-bg:#e7f0fc;--wic-badge-ink:var(--wic-navy);box-sizing:border-box;background:var(--wic-bg);min-height:100svh;color:var(--wic-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;display:block}[data-tema=wic],[data-tema=wic] *,[data-tema=wic] :before,[data-tema=wic] :after{box-sizing:border-box}[data-tema=wic][data-lini=SERVICE]{--wic-accent:var(--wic-yellow-2);--wic-accent-strong:#c99a00;--wic-accent-soft:#fff9e0;--wic-accent-ring:#ffefad;--wic-on-accent:var(--wic-ink);--wic-badge-bg:#fff4cc;--wic-badge-ink:#7a5b00}[data-tema=wic] h1,[data-tema=wic] h2,[data-tema=wic] .wic-brand-title,[data-tema=wic] .wic-opt-card .wic-t,[data-tema=wic] .wic-btn,[data-tema=wic] .wic-btn-ghost{font-family:Poppins,Instrument Sans,sans-serif}[data-tema=wic] .wic-page{flex-direction:column;align-items:center;gap:20px;max-width:820px;margin:0 auto;padding:20px 16px 64px;display:flex}[data-tema=wic] .wic-brand{background:var(--wic-blue);color:#fff;border-radius:18px;align-items:center;gap:16px;width:100%;padding:18px 22px;display:flex;position:relative;overflow:hidden}[data-tema=wic] .wic-brand:after{content:"";background:var(--wic-yellow);height:5px;position:absolute;bottom:0;left:0;right:0}[data-tema=wic] .wic-brand .wic-mark{width:auto;height:44px}[data-tema=wic] .wic-brand .wic-word{width:auto;height:22px}[data-tema=wic] .wic-brand .wic-stack-b{flex-direction:column;gap:6px;display:flex}[data-tema=wic] .wic-brand small{letter-spacing:.04em;opacity:.85;font-size:12px;font-weight:600}[data-tema=wic] .wic-stepper{align-items:flex-start;gap:12px;margin:0;padding:0;list-style:none;display:flex}[data-tema=wic] .wic-stepper li{align-items:flex-start;gap:12px;display:flex}[data-tema=wic] .wic-stepper .wic-line{background:#d5d8de;width:52px;height:2px;margin-top:17px}[data-tema=wic] .wic-step{flex-direction:column;align-items:center;gap:6px;min-width:72px;display:flex}[data-tema=wic] .wic-step .wic-num{border:1px solid var(--wic-line);width:36px;height:36px;color:var(--wic-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}[data-tema=wic] .wic-step .wic-lab{color:#6b6b72;text-align:center;font-size:11px;font-weight:500}[data-tema=wic] .wic-step.wic-on .wic-num{background:var(--wic-accent);box-shadow:0 0 0 4px var(--wic-accent-ring);color:var(--wic-on-accent);border-color:#0000}[data-tema=wic] .wic-step.wic-current .wic-lab{color:var(--wic-ink);font-weight:700}[data-tema=wic] .wic-card{background:var(--wic-card);border-radius:18px;flex-direction:column;gap:20px;width:100%;padding:32px;display:flex;box-shadow:0 1px 2px #1212120a,0 8px 24px #1212120d}[data-tema=wic] .wic-pill{background:var(--wic-badge-bg);color:var(--wic-badge-ink);letter-spacing:.06em;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:11px;font-weight:700}[data-tema=wic] h1{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:800;line-height:1.15}[data-tema=wic] h1 .wic-dot{color:var(--wic-accent-strong)}[data-tema=wic] .wic-sub{color:var(--wic-muted);margin:0;font-size:14px}[data-tema=wic] .wic-head{flex-direction:column;gap:10px;display:flex}[data-tema=wic] fieldset,[data-tema=wic] .wic-sec{border:1px solid var(--wic-line);border-radius:16px;flex-direction:column;gap:16px;min-width:0;margin:0;padding:18px;display:flex}[data-tema=wic] .wic-sec-h{align-items:center;gap:10px;margin:0;padding:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;display:flex}[data-tema=wic] .wic-badge{background:var(--wic-badge-bg);color:var(--wic-badge-ink);border-radius:6px;padding:4px 7px;font-family:Instrument Sans,sans-serif;font-size:12px;font-weight:700}[data-tema=wic] .wic-req{color:var(--wic-danger);margin-left:auto;font-size:12px;font-weight:600}[data-tema=wic] .wic-optnote{color:var(--wic-muted);margin-left:auto;font-size:12px;font-weight:600}[data-tema=wic] .wic-hint{color:var(--wic-muted);margin:-8px 0 0;font-size:13px;line-height:1.45}[data-tema=wic] .wic-sec.wic-status{background:#fffdf5;border:2px solid #f0d27a}[data-tema=wic] .wic-info{background:var(--wic-accent-soft);color:var(--wic-ink);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}[data-tema=wic] .wic-info svg{flex:none;margin-top:2px}[data-tema=wic] .wic-integrity{background:#fff8e1;border:1px solid #f3db8a}[data-tema=wic] .wic-integrity svg{color:#9a7400}[data-tema=wic] .wic-lbl{margin:0 0 8px;font-size:14px;font-weight:700;display:block}[data-tema=wic] .wic-lbl .wic-opt-t{color:var(--wic-muted);font-weight:500}[data-tema=wic] .wic-fld{border:1px solid var(--wic-field-line);background:var(--wic-field);width:100%;height:48px;color:var(--wic-ink);border-radius:12px;padding:0 16px;font-family:Instrument Sans,sans-serif;font-size:15px;font-weight:500}[data-tema=wic] select.wic-fld{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23585858' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}[data-tema=wic] .wic-fld:focus{outline:2px solid var(--wic-accent-strong);outline-offset:1px;background-color:#fff}[data-tema=wic] .wic-fld:disabled{color:#8a8a90;cursor:not-allowed;background-color:#fafafb}[data-tema=wic] textarea.wic-fld{resize:vertical;height:96px;padding:12px 16px;line-height:1.5}[data-tema=wic] .wic-phone{position:relative}[data-tema=wic] .wic-phone span{color:var(--wic-muted);font-size:14px;font-weight:600;position:absolute;top:50%;left:16px;transform:translateY(-50%)}[data-tema=wic] .wic-phone .wic-fld{padding-left:56px}[data-tema=wic] .wic-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}[data-tema=wic] .wic-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}[data-tema=wic] .wic-branch{border:1px solid var(--wic-line);background:var(--wic-field);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}[data-tema=wic] .wic-branch b{align-items:center;gap:10px;font-size:15px;display:flex}[data-tema=wic] .wic-branch small{color:var(--wic-muted);font-size:12px}[data-tema=wic] .wic-err{color:var(--wic-danger);margin:6px 0 0;font-size:12px;font-weight:600;display:none}[data-tema=wic] .wic-invalid>.wic-err,[data-tema=wic] .wic-invalid .wic-err{display:block}[data-tema=wic] .wic-invalid .wic-fld{border-color:var(--wic-danger);background-color:var(--wic-danger-bg)}[data-tema=wic] .wic-invalid .wic-opt-card,[data-tema=wic] .wic-invalid .wic-chip{border-color:#f3b8b2}[data-tema=wic] .wic-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-tema=wic] .wic-opt-card{border:2px solid var(--wic-line);cursor:pointer;background:#fff;border-radius:14px;align-items:flex-start;gap:12px;height:100%;min-height:44px;padding:16px;display:flex}[data-tema=wic] .wic-opt-card .wic-radio{background:#fff;border:2px solid #c2c2c8;border-radius:50%;flex:none;width:20px;height:20px;margin-top:1px}[data-tema=wic] .wic-opt-card .wic-t{font-size:15px;font-weight:700;line-height:1.3;display:block}[data-tema=wic] .wic-opt-card .wic-d{color:var(--wic-muted);margin-top:4px;font-size:13px;line-height:1.45;display:block}[data-tema=wic] .wic-opt-card .wic-who{color:var(--wic-muted);background:#f1f1f3;border-radius:6px;margin-top:8px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}[data-tema=wic] input:checked+.wic-opt-card{border-color:var(--wic-accent-strong);background:var(--wic-accent-soft)}[data-tema=wic] input:checked+.wic-opt-card .wic-radio{border:6px solid var(--wic-accent-strong)}[data-tema=wic] input:focus-visible+.wic-opt-card{outline:2px solid var(--wic-ink);outline-offset:2px}[data-tema=wic] .wic-stack{flex-direction:column;gap:10px;display:flex}[data-tema=wic] .wic-lini{flex-direction:column;gap:10px;padding:18px}[data-tema=wic] .wic-lini .wic-ic{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}[data-tema=wic] .wic-lini .wic-q{border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}[data-tema=wic] .wic-lini-UNIT .wic-ic{color:var(--wic-blue);background:#e7f0fc}[data-tema=wic] .wic-lini-UNIT .wic-q{color:var(--wic-navy);background:#e7f0fc}[data-tema=wic] .wic-lini-SERVICE .wic-ic{color:#9a7400;background:#fff4cc}[data-tema=wic] .wic-lini-SERVICE .wic-q{color:#7a5b00;background:#fff4cc}[data-tema=wic] .wic-lini-AKSESORIS .wic-ic{color:var(--wic-ink);background:#edeff3}[data-tema=wic] .wic-lini-AKSESORIS .wic-q{color:#2e2e2e;background:#edeff3}[data-tema=wic] input:checked+.wic-lini-SERVICE{background:#fff9e0;border-color:#c99a00}[data-tema=wic] input:checked+.wic-lini-UNIT,[data-tema=wic] input:checked+.wic-lini-AKSESORIS{border-color:var(--wic-blue);background:#eef4fd}[data-tema=wic] .wic-chips{flex-wrap:wrap;gap:8px;display:flex}[data-tema=wic] .wic-chip{cursor:pointer;background:#fff;border:1px solid #d5d8de;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}[data-tema=wic] input:checked+.wic-chip{border-color:var(--wic-ink);background:var(--wic-ink);color:#fff}[data-tema=wic] input:focus-visible+.wic-chip{outline:2px solid var(--wic-accent-strong);outline-offset:2px}[data-tema=wic] .wic-check{cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;display:flex}[data-tema=wic] .wic-check input{width:20px;height:20px;accent-color:var(--wic-accent-strong);flex:none;margin:1px 0 0}[data-tema=wic] .wic-check b{font-weight:700;display:block}[data-tema=wic] .wic-check span span{color:var(--wic-muted);font-size:13px}[data-tema=wic] .wic-btn{background:var(--wic-accent);width:100%;height:56px;color:var(--wic-on-accent);cursor:pointer;border:0;border-radius:16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #005ed040}[data-tema=wic][data-lini=SERVICE] .wic-btn{box-shadow:0 8px 20px #f5c40059}[data-tema=wic] .wic-btn:focus-visible{outline:2px solid var(--wic-ink);outline-offset:3px}[data-tema=wic] .wic-btn.wic-off{box-shadow:none;color:#6b6b72;background:#e8eaee}[data-tema=wic] .wic-btn-ghost{border:1px solid var(--wic-ink);height:52px;color:var(--wic-ink);cursor:pointer;background:#fff;border-radius:14px;padding:0 28px;font-size:15px;font-weight:700}[data-tema=wic] .wic-pin-box{flex-direction:column;gap:16px;width:100%;display:flex}[data-tema=wic] .wic-pin-input{border:1px solid var(--wic-field-line);background:var(--wic-field);height:60px;color:var(--wic-ink);letter-spacing:.42em;text-align:center;border-radius:14px;padding:0 16px;font-family:Poppins,Instrument Sans,sans-serif;font-size:26px;font-weight:700}[data-tema=wic] .wic-pin-input:focus{outline:2px solid var(--wic-blue);outline-offset:1px;background:#fff}[data-tema=wic] .wic-pin-galat{color:var(--wic-danger);margin:0;font-size:13px;font-weight:600}[data-tema=wic] .wic-result{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 4px;display:flex}[data-tema=wic] .wic-result .wic-ok{background:var(--wic-badge-bg);width:72px;height:72px;color:var(--wic-badge-ink);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-tema=wic] .wic-result h1{font-size:30px}[data-tema=wic] .wic-result p{max-width:500px;color:var(--wic-muted);margin:0;font-size:15px;line-height:1.55}[data-tema=wic] .wic-status-chip{border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700}[data-tema=wic] .wic-s-DIKERJAKAN{color:#11663a;background:#e7f7ee}[data-tema=wic] .wic-s-KONSULTASI{color:var(--wic-navy);background:#e7f0fc}[data-tema=wic] .wic-s-BATAL{color:#9a3d00;background:#fff1e6}[data-tema=wic] .wic-s-PRE_ORDER{color:#1d4ed8;background:#eaf1ff}[data-tema=wic] .wic-s-SALES{color:var(--wic-navy);background:#e7f0fc}[data-tema=wic] .wic-s-KASIR{color:#2e2e2e;background:#edeff3}[data-tema=wic] .wic-cap{color:var(--wic-muted);letter-spacing:.04em;font-size:12px;font-weight:600}[data-tema=wic] .wic-combo{position:relative}[data-tema=wic] .wic-combo-list{z-index:20;border:1px solid var(--wic-field-line);background:#fff;border-radius:12px;max-height:296px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #1212121f}[data-tema=wic] .wic-combo-list li{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}[data-tema=wic] .wic-combo-list li small{color:var(--wic-muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:500}[data-tema=wic] .wic-combo-list li[aria-selected=true]{background:var(--wic-accent-soft)}[data-tema=wic] .wic-combo-list li.wic-empty{color:var(--wic-muted);cursor:default;font-weight:500}[data-tema=wic] .wic-staff-picked{color:var(--wic-muted);align-items:center;gap:6px;margin:8px 0 0;font-size:13px;display:flex}[data-tema=wic] .wic-staff-picked b{color:var(--wic-ink)}[data-tema=wic] [hidden]{display:none!important}@media (width<=680px){[data-tema=wic] .wic-grid3{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){[data-tema=wic] .wic-card{padding:22px 16px}[data-tema=wic] h1{font-size:27px}[data-tema=wic] .wic-grid2{grid-template-columns:minmax(0,1fr)}[data-tema=wic] .wic-stepper .wic-line{width:20px}[data-tema=wic] .wic-step{min-width:60px}[data-tema=wic] .wic-branch{flex-direction:column;align-items:flex-start}[data-tema=wic] .wic-brand{gap:12px;padding:14px 16px}[data-tema=wic] .wic-brand .wic-mark{height:36px}[data-tema=wic] .wic-brand .wic-word{height:16px}}