:root{--pri:#0041b8;--bg:#f6f7fb;--txt:#222;--muted:#6b7280;--line:#e5e7eb}
.wplr-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.04);padding:20px;max-width:720px;margin:12px auto}
.wplr-form .wplr-field{display:flex;flex-direction:column;margin-bottom:12px}
.wplr-form label{font-weight:600;margin-bottom:6px}
.wplr-form input[type=text],.wplr-form input[type=email],.wplr-form input[type=time],.wplr-form input[type=date],.wplr-form select,.wplr-form input[type=file]{border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none;background:#fff}
.wplr-form input:focus,.wplr-form select:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(0,65,184,.15)}
.wplr-btn{background:var(--pri);color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer}
.wplr-btn--ghost{background:transparent;color:var(--pri);border:1px solid var(--pri)}
.wplr-alert{background:#eef2ff;border:1px solid #c7d2fe;color:#1e3a8a;padding:12px;border-radius:12px;margin:12px auto;max-width:720px}
.wplr-help{color:var(--muted);font-size:.9em}
.wplr-check{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.wplr-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.wplr-row{grid-template-columns:1fr}}
.wplr-modal{position:fixed;inset:0;display:none}
.wplr-modal[aria-hidden=false]{display:block}
.wplr-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.wplr-modal__dialog{position:relative;z-index:1;max-width:440px;margin:10vh auto;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:20px}
.wplr-modal__dialog h3{margin-top:0;margin-bottom:8px}