.pnav{--pnav-purple-50:#f5f3ff;--pnav-purple-100:#ede9fe;--pnav-purple-200:#ddd6fe;--pnav-purple-400:#a78bfa;--pnav-purple-600:#7c3aed;--pnav-purple-700:#6d28d9;--pnav-teal:#0e3946;--pnav-teal-mid:#164f61;--pnav-slate-50:#f8fafc;--pnav-slate-100:#f1f5f9;--pnav-slate-200:#e2e8f0;--pnav-slate-300:#cbd5e1;--pnav-slate-400:#94a3b8;--pnav-slate-700:#334155;--pnav-slate-900:#0f172a;z-index:200;-webkit-font-smoothing:antialiased;color:var(--pnav-slate-900);background:#fff;border-bottom:1px solid #00000012;font-family:Inter,system-ui,sans-serif;position:sticky;top:0}.pnav *,.pnav :before,.pnav :after{box-sizing:border-box}.pnav-i{justify-content:space-between;align-items:center;max-width:1200px;height:68px;margin:0 auto;padding:0 32px;display:flex}.pnav-left{align-items:center;gap:0;display:flex}.pnav-logo{height:36px;display:block}.pnav-powered{border-left:1.5px solid var(--pnav-slate-200);color:var(--pnav-slate-400);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:6px;margin-left:20px;padding-left:20px;font-size:10px;font-weight:700;display:flex}.pnav-powered img{height:22px;display:block}.pnav-right{align-items:center;gap:6px;display:flex}.pnav-btn-ghost{color:var(--pnav-slate-700);border:1.5px solid var(--pnav-slate-200);cursor:pointer;background:0 0;border-radius:8px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.pnav-btn-ghost:hover{border-color:var(--pnav-teal);color:var(--pnav-teal)}.pnav-btn-primary{background:var(--pnav-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .15s}.pnav-btn-primary:hover{background:var(--pnav-teal-mid);transform:translateY(-1px)}.pnav-user{position:relative}.pnav-user-trigger{color:var(--pnav-slate-700);border:1.5px solid var(--pnav-slate-200);cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:8px 14px 8px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:flex}.pnav-user-trigger:hover{border-color:var(--pnav-purple-400);color:var(--pnav-purple-700)}.pnav-user-trigger .pnav-uname{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.pnav-user-menu{z-index:250;background:#fff;border-radius:16px;width:260px;padding:8px;animation:.18s ease-out pnav-pop;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0f172a2e,0 0 0 1px #0000000a}@keyframes pnav-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pnav-user-head{border-bottom:1px solid var(--pnav-slate-100);margin-bottom:6px;padding:12px 14px 14px}.pnav-user-head .pnav-name{color:var(--pnav-slate-900);margin-bottom:2px;font-size:14px;font-weight:700}.pnav-user-head .pnav-email{color:var(--pnav-slate-400);word-break:break-all;margin-bottom:8px;font-size:12px}.pnav-roles{flex-wrap:wrap;gap:4px;display:flex}.pnav-role{background:var(--pnav-purple-100);color:var(--pnav-purple-700);cursor:pointer;border:none;border-radius:100px;padding:3px 9px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s}.pnav-role:hover{background:var(--pnav-purple-200)}.pnav-menu-item{cursor:pointer;width:100%;color:var(--pnav-slate-700);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.pnav-menu-item:hover{background:var(--pnav-purple-50);color:var(--pnav-purple-700)}.pnav-menu-item.pnav-danger{color:#dc2626}.pnav-menu-item.pnav-danger:hover{color:#b91c1c;background:#fef2f2}@media (max-width:640px){.pnav-i{height:60px;padding:0 18px}.pnav-powered,.pnav-btn-ghost{display:none}.pnav-btn-primary{padding:9px 18px;font-size:13px}}@media (max-width:375px){.pnav-i{padding:0 14px}.pnav-logo{height:26px!important}.pnav-btn-primary{padding:8px 14px;font-size:12px}}