:root{--p-primary: #672CC4;--p-primary-2: #7C3AED;--p-ink: #0f172a;--p-muted: #64748b;--p-ring: rgba(103, 44, 196, .22);--p-shadow: 0 22px 70px rgba(2, 6, 23, .2);--p-shadow-soft: 0 14px 40px rgba(2, 6, 23, .14);--p-radius: 26px}body{background:radial-gradient(1200px 800px at 15% 20%,rgba(103,44,196,.22),transparent 55%),radial-gradient(900px 700px at 85% 25%,rgba(124,58,237,.18),transparent 60%),radial-gradient(900px 700px at 45% 90%,rgba(99,102,241,.1),transparent 55%),linear-gradient(180deg,#f8fafc 0%,#f5f3ff 40%,#f8fafc 100%);min-height:100vh}.p-auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px 14px}.p-auth-shell{width:min(1080px,100%);border-radius:calc(var(--p-radius) + 6px);overflow:hidden;box-shadow:var(--p-shadow);border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.p-auth-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px}@media (max-width: 992px){.p-auth-grid{grid-template-columns:1fr;min-height:auto}}.p-auth-left{position:relative;padding:26px;color:#fff;background:radial-gradient(850px 520px at 25% 20%,rgba(255,255,255,.15),transparent 55%),radial-gradient(650px 520px at 75% 85%,rgba(255,255,255,.12),transparent 52%),linear-gradient(135deg,var(--p-primary) 0%,var(--p-primary-2) 55%,#4f46e5 100%);display:flex;align-items:center;justify-content:center}.p-auth-left:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(420px 240px at 20% 20%,rgba(255,255,255,.18),transparent 60%),radial-gradient(420px 240px at 80% 70%,rgba(255,255,255,.14),transparent 60%);pointer-events:none;opacity:.9}.p-left-inner{position:relative;z-index:1;width:min(360px,100%);text-align:center;display:flex;flex-direction:column;gap:14px;padding:10px 0}.p-left-logo img{width:100%;max-width:340px;height:auto;filter:drop-shadow(0 18px 34px rgba(0,0,0,.22))}.p-left-foot{margin-top:6px;opacity:.9;font-size:.92rem}.p-auth-right{background:rgba(255,255,255,.86);padding:34px 38px;display:flex;align-items:center;justify-content:center}@media (max-width: 992px){.p-auth-right{padding:26px 22px}}.p-auth-card{width:min(420px,100%)}.p-title{margin:0 0 14px;text-align:left}.p-title h3{margin:0;font-size:1.3rem;font-weight:950;color:var(--p-ink);letter-spacing:-.02em}.p-title p{margin:6px 0 0;color:var(--p-muted);font-size:.95rem}.p-field{margin-bottom:12px}.p-label{display:block;margin-bottom:7px;font-weight:850;font-size:.92rem;color:#111827}.p-input-wrap{position:relative}.p-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0f172a8c;pointer-events:none}.p-input-wrap:focus-within .p-ico{color:#672cc4f2;opacity:1}.p-input-wrap:focus-within .p-ico{color:#672cc4}.p-input{height:48px;border-radius:14px;border:1px solid rgba(148,163,184,.45);background:#fff;padding:0 14px 0 44px;width:100%;outline:none;transition:border-color .15s ease,box-shadow .15s ease;text-transform:uppercase}.p-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed40}.p-btn{height:50px;width:100%;border:0;border-radius:14px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--p-primary) 0%,var(--p-primary-2) 55%,#4f46e5 100%);box-shadow:0 16px 34px #672cc447;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;margin-top:8px}.p-btn:hover{transform:translateY(-1px);box-shadow:0 20px 44px #672cc457;filter:saturate(1.05)}.p-btn:active{transform:translateY(0);box-shadow:0 12px 26px #672cc442}#divError{border-radius:14px;border:1px solid rgba(239,68,68,.25);box-shadow:var(--p-shadow-soft)}.ss{position:relative}.ss-input{height:44px;padding:10px 38px 10px 12px;border:1px solid #e5e7eb;border-radius:12px;width:100%;outline:0;background:#fff}.ss-input:focus{border-color:#672cc4bf;box-shadow:0 0 0 3px #672cc424}.ss-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;cursor:pointer;color:#6b7280}.ss-panel{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:1055;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:260px;overflow:auto;box-shadow:0 10px 20px #00000014}.ss-item{padding:10px 12px;cursor:pointer;display:flex;gap:8px;align-items:center}.ss-item:hover{background:#f9fafb}.ss-item.active{background:#eef2ff}.ss-title{font-weight:700;color:#111827}.ss-meta{font-size:.88rem;color:#6b7280}.ss-chip{margin-left:auto;font-size:.72rem;padding:2px 8px;border-radius:9999px;border:1px solid rgba(103,44,196,.25);background:rgba(103,44,196,.1);color:#4c1d95;font-weight:700}.ss-empty{padding:14px;color:#6b7280;text-align:center}