:root{
  --vendor-bg:#f5f6f8;
  --vendor-surface:#fff;
  --vendor-ink:#172033;
  --vendor-muted:#667085;
  --vendor-line:#dfe3e8;
  --vendor-brand:#ff8500;
  --vendor-brand-dark:#e87500;
  --vendor-focus:rgba(255,133,0,.18);
}
html{width:100%;min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit}
.vendor-auth-page{
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  margin:0;
  padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  background:linear-gradient(180deg,#fbfbfc 0%,var(--vendor-bg) 100%);
  color:var(--vendor-ink);
  font-family:Arial,sans-serif;
}
.vendor-auth-shell{width:min(100%,680px);margin:auto}
.vendor-auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;color:var(--vendor-ink)}
.vendor-auth-brand img{width:44px;height:44px;object-fit:contain}
.vendor-auth-brand strong{font-size:1.2rem}
.vendor-auth-card{
  width:100%;
  padding:clamp(20px,4vw,34px);
  background:var(--vendor-surface);
  border:1px solid var(--vendor-line);
  border-radius:16px;
  box-shadow:0 14px 36px rgba(16,24,40,.08);
}
.vendor-auth-card h1{margin:0 0 8px;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:800;text-align:center}
.vendor-auth-card .lead-text{margin:0 0 24px;color:var(--vendor-muted);font-size:.95rem;line-height:1.55;text-align:center}
.vendor-auth-card .form-label{margin-bottom:7px;color:#344054;font-weight:700}
.vendor-auth-card .form-control,.vendor-auth-card .form-select{width:100%;min-height:50px;border:1px solid #b9c0ca;border-radius:10px;background:#fff;font-size:16px}
.vendor-auth-card .form-control:focus,.vendor-auth-card .form-select:focus{border-color:var(--vendor-brand);box-shadow:0 0 0 .2rem var(--vendor-focus)}
.vendor-auth-card .btn-vendor{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid var(--vendor-brand);border-radius:10px;background:var(--vendor-brand);color:#fff;font-weight:800;text-decoration:none}
.vendor-auth-card .btn-vendor:hover,.vendor-auth-card .btn-vendor:focus{border-color:var(--vendor-brand-dark);background:var(--vendor-brand-dark);color:#fff}
.vendor-auth-card a{color:#b65300;text-underline-offset:3px}
.vendor-auth-card .alert{overflow-wrap:anywhere;border-radius:10px}
.vendor-password{position:relative}
.vendor-password .form-control{padding-right:50px}
.vendor-password-toggle{position:absolute;top:50%;right:7px;translate:0 -50%;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:#667085}
.vendor-password-toggle:hover,.vendor-password-toggle:focus-visible{background:#f2f4f7;color:#172033}
@media(max-width:575.98px){
  .vendor-auth-page{place-items:start center;padding-top:max(14px,env(safe-area-inset-top))}
  .vendor-auth-shell{margin:0 auto}
  .vendor-auth-brand{margin-bottom:12px}
  .vendor-auth-card{border-radius:12px;box-shadow:0 8px 22px rgba(16,24,40,.07)}
}
@media(max-width:359.98px){.vendor-auth-page{padding-left:10px;padding-right:10px}.vendor-auth-card{padding:18px 14px}}
@media(min-width:1200px){.vendor-auth-shell{width:min(100%,720px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.vendor-legal-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px auto 0;padding:10px 8px;color:#667085;font-size:.88rem;text-align:center}
.vendor-legal-footer a{color:#475467;font-weight:700;text-decoration:none!important}
.vendor-legal-footer a:hover,.vendor-legal-footer a:focus{color:var(--vendor-brand-dark)}
.vendor-legal-page{min-height:100vh;min-height:100dvh;margin:0;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#f5f6f8;color:#172033;font-family:Arial,sans-serif}
.vendor-legal-wrap{width:min(100%,920px);margin:0 auto}
.vendor-legal-card{background:#fff;border:1px solid #dfe3e8;border-radius:16px;padding:clamp(20px,4vw,38px);box-shadow:0 14px 36px rgba(16,24,40,.08)}
.vendor-legal-card h1{margin:0 0 8px;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800}
.vendor-legal-card h2{margin:24px 0 8px;font-size:1.08rem;font-weight:800}
.vendor-legal-card p,.vendor-legal-card li{color:#475467;line-height:1.7}
.vendor-legal-card a{color:#b65300;font-weight:700;text-decoration:none!important}
@media(max-width:575.98px){.vendor-legal-footer{font-size:.82rem;gap:6px}.vendor-legal-card{border-radius:12px}}