.topnav{height:var(--topnav-height,58px);z-index:1000;background:#161616;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff0a,0 2px 8px #00000026}.topnav .nav-logo{color:#fff;letter-spacing:-.4px;align-items:center;gap:10px;font-size:15.5px;font-weight:800;text-decoration:none;display:flex}.topnav .nav-logo-text{color:#fff}[data-theme=dark] .topnav .nav-logo-text{color:#f1f5f9}.topnav .nav-logo-mark{background:var(--blue-600);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;box-shadow:0 0 0 1px #ffffff1a}.topnav .nav-pill{letter-spacing:.6px;text-transform:uppercase;color:#93c5fd;background:#3b82f62e;border:1px solid #3b82f640;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.topnav .nav-center{background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:4px;padding:4px;display:flex}.topnav .nav-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.topnav .nav-tab:hover{color:#fff;background:#ffffff12}.topnav .nav-tab.active{color:#fff;background:#ffffff1f;font-weight:600}.topnav .nav-right{align-items:center;gap:14px;display:flex}.topnav .nav-icon-btn{cursor:pointer;color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;transition:all .15s;display:flex}.topnav .nav-icon-btn:hover{color:#fff;background:#ffffff1a}.topnav .nav-cta{background:var(--blue-600);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.topnav .nav-cta:hover{background:var(--blue-700)}.topnav .nav-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:800;display:flex}.topnav .btn,.topnav .nav-tab,.topnav .nav-cta,.topnav .nav-icon-btn{justify-content:center;align-items:center;min-height:44px;display:inline-flex}@media (max-width:640px){.topnav .nav-right>span:first-child{display:none}}@media (min-width:769px){.topnav .nav-center{display:flex!important}}@media (max-width:768px){.topnav .nav-center{display:none!important}}