.hapio-savew-back{--sw-card:#ffffff;--sw-ink:#0f172a;--sw-ink-2:#475569;--sw-ink-3:#94a3b8;--sw-line:#e2e8f0;--sw-line-2:#eef2f6;--sw-brand:#2563eb;--sw-brand-weak:#eff6ff;--sw-brand-ink:#1d4ed8;--sw-vi:#ea580c;--sw-ok:#16a34a;--sw-field:#f8fafc;--sw-shadow:0 18px 48px -20px rgba(15,23,42,0.4),0 4px 12px -6px rgba(15,23,42,0.2);position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.5);backdrop-filter:blur(2px);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-css-theme=dark] .hapio-savew-back{--sw-card:#111a2e;--sw-ink:#e8eef8;--sw-ink-2:#a3b1c6;--sw-ink-3:#64748b;--sw-line:#24314b;--sw-line-2:#1b2740;--sw-brand:#60a5fa;--sw-brand-weak:#17233c;--sw-brand-ink:#93c5fd;--sw-vi:#fb923c;--sw-ok:#4ade80;--sw-field:#0e1728;--sw-shadow:0 22px 60px -22px rgba(0,0,0,0.7),0 4px 14px -6px rgba(0,0,0,0.5)}.hapio-savew{position:relative;width:720px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sw-card);color:var(--sw-ink);border:1px solid var(--sw-line);border-radius:16px;box-shadow:var(--sw-shadow)}.hapio-savew *{box-sizing:border-box}.hapio-savew__x{position:absolute;top:10px;right:10px;z-index:2;border:0;background:transparent;color:var(--sw-ink-3);cursor:pointer;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.hapio-savew__x:hover{background:var(--sw-line-2);color:var(--sw-ink)}.hapio-savew__tip{flex:none;margin:14px 46px 0 16px;padding:8px 11px;font-size:12.5px;line-height:1.45;color:var(--sw-ink-2);background:var(--sw-brand-weak);border-radius:10px}.hapio-savew__tip--load{display:flex;align-items:center;gap:6px}.hapio-savew__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:11px 16px 14px;display:grid;grid-template-columns:repeat(12,1fr);gap:9px 11px}.hapio-savew__fld{display:flex;flex-direction:column;gap:3px;min-width:0}.hapio-savew__fld--w4{grid-column:span 4}.hapio-savew__fld--w3{grid-column:span 3}.hapio-savew__fld--w2{grid-column:span 2}.hapio-savew__fld--half{grid-column:span 6}.hapio-savew__fld--full{grid-column:1/-1}.hapio-savew__lab{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--sw-ink-2);white-space:nowrap}.hapio-savew__lab i{color:var(--sw-vi);font-style:normal}.hapio-savew__say{border:0;background:transparent;color:var(--sw-ink-3);cursor:pointer;display:inline-flex;padding:0}.hapio-savew__say:hover{color:var(--sw-brand)}.hapio-savew__fld input,.hapio-savew__fld select,.hapio-savew__fld textarea{font:inherit;font-size:13.5px;color:var(--sw-ink);background:var(--sw-field);border:1px solid var(--sw-line);border-radius:9px;padding:8px 10px;width:100%;min-width:0;resize:vertical}.hapio-savew__fld select{text-overflow:ellipsis}.hapio-savew__fld input:focus,.hapio-savew__fld select:focus,.hapio-savew__fld textarea:focus{outline:none;border-color:var(--sw-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--sw-brand) 20%,transparent)}.hapio-savew__err{flex:none;margin:0 16px;padding:9px 12px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}[data-css-theme=dark] .hapio-savew__err{color:#fca5a5;background:#2a1518;border-color:#7f1d1d}.hapio-savew__foot{flex:none;border-top:1px solid var(--sw-line-2);padding:11px 16px;display:flex;justify-content:flex-end;gap:10px}.hapio-savew__btn,.hapio-savew__foot{background:var(--sw-card);align-items:center}.hapio-savew__btn{font:inherit;font-size:13.5px;font-weight:600;border-radius:9px;padding:9px 15px;cursor:pointer;border:1px solid var(--sw-line);color:var(--sw-ink-2);display:inline-flex;gap:7px}.hapio-savew__btn:hover{border-color:var(--sw-brand);color:var(--sw-brand)}.hapio-savew__btn--prim{background:var(--sw-brand);border-color:var(--sw-brand);color:#fff}.hapio-savew__btn--prim:hover{color:#fff;filter:brightness(1.05)}.hapio-savew__btn:disabled{opacity:.65;cursor:default}.hapio-savew__spin{animation:hapio-savew-spin .8s linear infinite}@keyframes hapio-savew-spin{to{transform:rotate(1turn)}}.hapio-savew__donebox,.hapio-savew__login{padding:30px 22px 32px;text-align:center;color:var(--sw-ink-2);display:flex;flex-direction:column;align-items:center;gap:12px}.hapio-savew__login p{margin:0;font-size:14px}.hapio-savew__donebox svg{color:var(--sw-ok)}.hapio-savew__donebox p{margin:0;font-size:15px;font-weight:600;color:var(--sw-ink)}@media (prefers-reduced-motion:reduce){.hapio-savew__spin{animation:none}}@media (max-width:640px){.hapio-savew-back{align-items:flex-end;padding:0}.hapio-savew{width:100%;max-height:92vh;border-radius:18px 18px 0 0;border-bottom:0}.hapio-savew__x{top:7px;right:7px;width:26px;height:26px}.hapio-savew__tip{margin:11px 40px 0 12px;padding:6px 9px;font-size:12px;line-height:1.4}.hapio-savew__body{grid-template-columns:repeat(2,1fr);gap:8px 9px;padding:9px 12px calc(12px + env(safe-area-inset-bottom, 0px))}.hapio-savew__fld--w2,.hapio-savew__fld--w3,.hapio-savew__fld--w4{grid-column:span 1}.hapio-savew__fld--half{grid-column:1/-1}.hapio-savew__lab{font-size:11px}.hapio-savew__fld input,.hapio-savew__fld select,.hapio-savew__fld textarea{font-size:13px;padding:7px 9px;border-radius:8px}.hapio-savew__err{margin:0 12px}.hapio-savew__foot{padding:9px 12px calc(9px + env(safe-area-inset-bottom, 0px));box-shadow:0 -6px 18px -12px rgba(15,23,42,.4)}.hapio-savew__foot .hapio-savew__btn{flex:1;justify-content:center;padding:11px 14px}}