/* Portal sign-in pages (admin, vendor, sales, CMS, influencer). */
:root{--ps-plum:#432137;--ps-muted:#7a6872;--ps-line:#dccfd5;--ps-navy:#14213d}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ps-plum);background:#fff}
.ps{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh}
.ps-art{display:grid;place-content:center;gap:24px;padding:40px;background:linear-gradient(135deg,#ffe7cf,#efe3f3 60%,#e4ecd4)}
.ps-art svg{width:min(420px,100%);height:auto}
.ps-art-card{max-width:420px}
.ps-art-card span{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--ps-muted)}
.ps-art-card strong{display:block;font-size:clamp(30px,4vw,48px);line-height:1.1;margin:8px 0}
.ps-art-card p{margin:0;color:#5d4a55}
.ps-form{display:flex;flex-direction:column;justify-content:center;width:min(480px,100%);margin:0 auto;padding:32px 24px}
.ps-logo{align-self:center;margin-bottom:12px}
.ps-form h1{text-align:center;margin:12px 0 4px;font-size:28px}
.ps-sub{text-align:center;color:var(--ps-muted);margin:0 0 20px}
form{display:grid;gap:16px}
label{display:grid;gap:6px;font-size:14px;font-weight:600}
input,select{width:100%;font:inherit;padding:13px 14px;border:1px solid var(--ps-line);border-radius:8px;background:#fff;color:var(--ps-plum)}
input:focus,select:focus{outline:2px solid #6e4a8a;outline-offset:1px}
.ps-pass{position:relative;display:block}
.ps-pass input{padding-right:64px}
.ps-pass button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--ps-muted);font:600 13px/1 inherit;cursor:pointer;padding:8px}
.ps-links{margin:0}
.ps-link{border:0;background:none;padding:0;font:600 14px/1.4 inherit;color:#2557d6;cursor:pointer}
.ps-link.dark{color:var(--ps-plum)}
.ps-button{border:0;border-radius:8px;padding:14px;background:var(--ps-navy);color:#fff;font:700 15px/1 inherit;cursor:pointer}
.ps-button:disabled{opacity:.6;cursor:default}
.ps-notice{padding:10px 14px;border-radius:8px;background:#e4ecd4;font-size:14px;margin-bottom:12px}
.ps-notice[data-state=error]{background:#f8dcdc}
.ps-foot{text-align:center;margin:18px 0 0}
.ps-foot a{color:var(--ps-muted);text-decoration:none;font-size:14px}
.ps-copy{text-align:center;color:var(--ps-muted);font-size:12px;margin-top:28px}
@media (max-width:820px){.ps{grid-template-columns:minmax(0,1fr)}.ps-art{display:none}}
.ps-role{display:grid;gap:8px}.ps-role>span{font-size:14px;font-weight:600}
.ps-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ps-pills button{border:1px solid var(--ps-line);background:#faf5f7;border-radius:999px;padding:11px 8px;font:600 13px/1.2 inherit;color:var(--ps-plum);cursor:pointer}
.ps-pills button[aria-pressed=true]{border-color:#ee7a4d;background:#fff2ec;color:#c4521f}